修改问卷任务统计

src/api/manage/Satisfactionsurvey.js

@@ -17,4 +17,12 @@ export function selectQuestionInfoList(query) {
         params: query
     })
 }
+// 问卷详情列表
+export function questionnaireTaskOptionList(query) {
+    return request({
+        url: '/system/statistics/questionnaireTaskOptionList',
+        method: 'get',
+        params: query
+    })
+}
 

src/api/system/TaskStatistics.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 问卷任务统计右侧列表
+export function questionnaireTaskStatistics(query) {
+    return request({
+        url: '/system/statistics/questionnaireTaskStatistics',
+        method: 'get',
+        params: query
+    })
+}
+// 问卷任务统计左侧列表
+export function selectQuestionInfoList(query) {
+    return request({
+        url: '/system/question/selectQuestionInfoList',
+        method: 'get',
+        params: query
+    })
+}
+// 问卷分页
+export function list(query) {
+    return request({
+        url: '/system/question/list',
+        method: 'get',
+        params: query
+    })
+}

src/views/manage/components/TemplateName.vue

@@ -0,0 +1,427 @@
+<template>
+  <div class="app-containers">
+    <el-button
+      size="small"
+      @click="classificationOpen = true"
+      style="
+        width: 220px;
+        font-size: 14px;
+        text-align: left;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      "
+      :style="handleselectId ? 'color:black' : 'color:#C0C4CC'"
+      >{{ questionnaireName ? questionnaireName : "请选择模板名称" }}</el-button
+    >
+    <el-dialog
+      title="模版名称选择"
+      :visible.sync="classificationOpen"
+      width="70%"
+      :before-close="classificationOpenfalse"
+    >
+      <el-row :gutter="20">
+        <!--用户数据-->
+        <el-col :span="24" :xs="24">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="100px"
+          >
+            <el-form-item
+              label="模板名称"
+              prop="questionnaireName"
+              label-width="120px"
+            >
+              <el-input
+                v-model="queryParams.questionnaireName"
+                placeholder="请输入模板名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+                style="width: 220px"
+              />
+            </el-form-item>
+
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+          <el-table
+            v-loading="loading"
+            :data="PatientInfoImportBatchlist"
+            @row-dblclick="handleselect"
+          >
+            <el-table-column
+              label="序号"
+              type="index"
+              width="48"
+              align="center"
+            />
+
+            <el-table-column
+              label="模板名称"
+              align="center"
+              prop="questionnaireName"
+              width="150"
+            />
+            <el-table-column label="操作人" align="center" prop="createBy" />
+            <el-table-column label="创建时间" align="center" prop="createTime">
+              <template slot-scope="scope">
+                <span>{{
+                  parseTime(scope.row.createTime, "{y}-{m}-{d}")
+                }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="handleselect(scope.row)"
+                  v-if="handleselectId != scope.row.id"
+                  >选择</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  @click="nohandleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id"
+                  >取消选择</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getlist"
+      />
+    </el-dialog>
+  </div>
+</template>
+    <script>
+import { list } from '@/api/system/TaskStatistics'
+
+import { selectAgencyList, getAgencyList } from "@/api/manage/selectAgencyList";
+export default {
+  props: ["templateId", 'query'],
+  name: "Script",
+  data() {
+    return {
+      createTime: "",
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      // 导入列表
+      PatientInfoImportBatchlist: [],
+      lookshow: false,
+      phoneNodeContent: {
+        scriptInfoId: null,
+        flowScheme: null,
+        nodes: [],
+        edges: [],
+      },
+      handleselectId: "",
+      questionnaireName: '',
+      classificationOpen: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        questionnaireName: null,
+      },
+    };
+  },
+  created() {
+    this.getlist();
+    this.selectAgencyinfo();
+
+  },
+  mounted() {
+    console.log(this.query, 'query')
+
+    console.log(this.templateId, 'templateId')
+    if (this.templateId) {
+      this.handleselectId = this.templateId;
+
+
+    } else {
+      this.questionnaireName = '';
+      this.handleselectId = '';
+
+
+    }
+    if (this.query == true) {
+      this.questionnaireName = '';
+      this.handleselectId = '';
+
+
+    }
+  },
+  watch: {
+    query: {
+      handler(val) {
+        if(val>1){
+            this.questionnaireName = '';
+          this.handleselectId = '';
+        }
+      },
+      deep: true,
+      immediate: true,
+    },
+    templateId: {
+      handler(val) {
+        if (val) {
+          this.handleselectId = val;
+
+        } else {
+          this.questionnaireName = '';
+          this.handleselectId = '';
+        }
+
+      },
+      deep: true,
+      immediate: true,
+    },
+
+  },
+  methods: {
+    //获取医院list
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //获取下级单位
+    getAgencyListinfo(nodeType, id, type) {
+      let query = {
+        nodeType: nodeType,
+      }
+      if (nodeType == 'HOSPITAL') {
+        query.hospitalId = id
+      } else if (nodeType == 'CAMPUS') {
+        query.campusId = id
+      }
+      getAgencyList(query).then(res => {
+        // if (type) 
+        console.log(nodeType);
+        console.log(res.data.campusList);
+        {
+          if (nodeType == 'HOSPITAL') {
+            this.campusAgencylist = res.data.campusList;
+
+          }
+        }
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      this.getAgencyListinfo('HOSPITAL', id, type)
+      // let query = {
+      //   agencyStatus: 'ON',
+      //   nodeType: 'CAMPUS',
+      //   parentId: id,
+      // }
+      // selectAgencyList(query).then(res => {
+      if (type) {
+        if (!typetwo) {
+          this.form.campusAgencyId = null
+        }
+      } else {
+        this.queryParams.campusAgencyId = null
+      }
+      // })
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      this.getAgencyListinfo('CAMPUS', id, type)
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空院区
+    clearcampusAgency(type) {
+      if (type) {
+        this.form.departmentId = null
+        this.form.wardId = null
+        this.getAgencyListinfo('HOSPITAL', this.form.hospitalAgencyId, type)
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+        this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
+      }
+    },
+    // 取消选择
+    nohandleselect() {
+      this.handleselectId = "";
+      this.questionnaireName = "";
+      this.$emit("on-template", {
+        id: '',
+      });
+    },
+    // 选择
+    handleselect(item) {
+      console.log(item, '0000000000');
+      this.handleselectId = item.id;
+      this.questionnaireName = item.questionnaireName
+      this.$emit("on-template", {
+        questionInfoId: item.id,
+        questionnaireName: item.questionnaireName,
+      });
+      this.classificationOpen = false;
+    },
+    classificationOpenfalse() {
+      this.classificationOpen = false;
+    },
+    /** 查询话术信息列表 */
+    getlist() {
+      this.loading = true;
+      list(this.queryParams).then(response => {
+        this.PatientInfoImportBatchlist = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      if (this.createTime?.length > 0) {
+        this.queryParams.importTimeStart = this.createTime[0];
+        this.queryParams.importTimeEnd = this.createTime[1];
+      } else {
+        this.queryParams.importTimeStart = null;
+        this.queryParams.importTimeEnd = null;
+      }
+      this.getlist();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.createTime = '';
+      this.handleQuery();
+    },
+  },
+};
+    </script>
+    <style lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+
+::v-deep .el-dialog__body {
+  padding-bottom: 60px;
+}
+
+.app-containers {
+  display: inline-block;
+  padding: 0 !important;
+  // background: red;
+  height: 42px;
+}
+
+::v-deep .el-textarea__inner {
+  width: 206px;
+}
+
+.leftscript {
+  // width: 30%;
+  height: 650px;
+  overflow: auto;
+
+  .name {
+    font-weight: 700;
+    margin-bottom: 10px;
+  }
+
+  .listitem {
+    width: 100%;
+    height: 50px;
+    border-bottom: 1px solid #dcdfe6;
+    position: relative;
+
+    .count {
+      display: inline-block;
+      position: absolute;
+      left: 210px;
+      color: #a4a6aa;
+      top: 10px;
+      font-size: 13px;
+    }
+
+    .all {
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
+    }
+
+    .allactive {
+      background: #e8f4ff;
+      height: 50px;
+      line-height: 50px;
+      padding-left: 13px;
+      border-left: 3px solid #4d9de7;
+    }
+  }
+}
+
+.button {
+  display: inline-block;
+  position: relative;
+  left: 20px;
+  top: -11px;
+}
+</style>
+    

src/views/system/TaskStatistics/index.vue

@@ -2,14 +2,8 @@
   <div class="app-container home" ref="layout">
     <!-- 搜索条件 -->
     <div ref="topform" class="form">
-      <el-form
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
-        :model="queryParams"
+        <el-form-item label="任务时间" prop="taskStartTime" label-width="90px">
-        ref="queryForm"
-        size="small"
-        :inline="true"
-        label-width="120px"
-      >
-        <el-form-item label="任务时间" prop="startTime">
           <el-date-picker
             v-model="dischargeTime"
             type="daterange"
@@ -22,25 +16,29 @@
           >
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="模板名称" prop="patientPhone">
+        <el-form-item label="模板名称" prop="questionInfoId">
-          <el-input
+          <span>
-            v-model="queryParams.patientPhone"
+            <TemplateName
-            placeholder="请输入模板名称"
+              @on-template="messageontemplateword"
-            clearable
+              :templateId="questionInfoId"
-            @keyup.enter.native="handleQuery"
+              :query="questionInfoIdname"
-            style="width: 200px"
+            ></TemplateName>
-          />
+          </span>
         </el-form-item>
-        <el-form-item label="出院/就诊时间" prop="startTime">
+
+        <el-form-item
+          label="出院/就诊时间"
+          prop="visitStartTime"
+          label-width="120px"
+        >
           <el-date-picker
-            v-model="dischargeTime"
+            v-model="dischargeTimevisit"
             type="daterange"
             range-separator="至"
             start-placeholder="开始日期"
             style="width: 220px"
             value-format="yyyy-MM-dd"
             end-placeholder="结束日期"
-            @change="changeTime"
           >
           </el-date-picker>
         </el-form-item>
@@ -67,7 +65,7 @@
     >
       <!-- 左侧 -->
       <div class="left">
-        <div>
+        <!-- <div> -->
         <div
           v-for="(item, index) in NameList"
           :key="index"
@@ -75,92 +73,82 @@
           :class="itemid == item.id ? 'allactive' : 'all'"
           @click="itemdata(item)"
         >
-            <div class="title">{{ item.name }}</div>
+          <div
-            <div class="times">时间:{{ item.date }}</div>
+            style="width: 88%; margin: 0 auto; border-bottom: 1px solid #dcdfe6"
-            <div class="times">填写率:{{ item.totle }}%</div>
+          >
+            <!-- <el-popover
+              placement="top"
+              trigger="hover"
+              :content="item.questionnaireName"
+            >
+              <div class="title" slot="reference">
+                {{ item.questionnaireName }}
+              </div>
+            </el-popover> -->
+            <div class="title" slot="reference">
+                {{ item.questionnaireName }}
+              </div>
+
+
+
+            <div class="progress">时间:{{ item.createTime }}</div>
+            <!-- <div class="times">填写率:{{ item.totle }}%</div>
             <div class="progress">
               <el-progress :percentage="50" :show-text="false"></el-progress>
               <span>12/45</span>
+            </div> -->
           </div>
         </div>
-        </div>
+        <!-- </div> -->
       </div>
       <!-- 右侧 -->
       <div class="right">
-        <div class="righttitle">{{newname}}    {{time}} </div>
+        <div class="righttitle">{{ newname }} {{ time }}</div>
-        <div class="tabledata">
+        <div class="tabledata" v-for="(item, index) in tableData" :key="index">
-          <div class="toptitle">第1题:请问您吸烟吗?【单选题】</div>
+          <div class="toptitle">
+            第{{ index + 1 }}题:{{ item.questionName }}
+
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE'"
+              >【单选题】</span
+            >
+            <span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
+              >【多选题】</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
+              >【组合单选题】</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
+              >【组合多选题】</span
+            >
+          </div>
           <div ref="table" class="tables">
             <el-table
               :max-height="maxTableHeight"
               v-loading="loading"
-              :data="tableData"
+              :data="item.questionnaireTaskOptionStatisticsVos"
             >
-              <el-table-column label="选项" align="center" prop="name" />
+              <el-table-column label="选项" align="center" prop="optionName" />
-              <el-table-column label="人数" align="center" prop="date" />
-              <el-table-column label="比例" align="center" prop="date">
-                <span> <el-progress :percentage="50"></el-progress></span>
-              </el-table-column>
               <el-table-column
-                label="操作"
+                label="人数"
                 align="center"
-                class-name="small-padding fixed-width"
+                prop="choiceNumber"
-              >
+              />
-                <template slot-scope="scope">
-                  <el-button
-                    size="mini"
-                    type="text"
-                    @click="handleUpdate(scope.row)"
-                    >查看</el-button
-                  >
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-        </div>
-        <div class="tabledata">
-          <div class="toptitle">第1题:请问您吸烟吗?【单选题】</div>
-          <div ref="table" class="tables">
-            <el-table
-              :max-height="maxTableHeight"
-              v-loading="loading"
-              :data="tableData"
-            >
-              <el-table-column label="选项" align="center" prop="name" />
-              <el-table-column label="人数" align="center" prop="date" />
-              <el-table-column label="比例" align="center" prop="date">
-                <span> <el-progress :percentage="50"></el-progress></span>
-              </el-table-column>
               <el-table-column
-                label="操作"
+                label="比例"
                 align="center"
-                class-name="small-padding fixed-width"
+                prop="choiceProportion"
               >
-                <template slot-scope="scope">
+                <template slot-scope="scope"
-                  <el-button
-                    size="mini"
-                    type="text"
-                    @click="handleUpdate(scope.row)"
-                    >查看</el-button
                   >
+                  <el-progress
+                    :percentage="
+                      scope.row.choiceProportion
+                        ? scope.row.choiceProportion
+                        : 0
+                    "
+                  ></el-progress>
                 </template>
               </el-table-column>
-            </el-table>
-          </div>
-        </div>
-        <div class="tabledata">
-          <div class="toptitle">第1题:请问您吸烟吗?【单选题】</div>
-          <div ref="table" class="tables">
-            <el-table
-              :max-height="maxTableHeight"
-              v-loading="loading"
-              :data="tableData"
-            >
-              <el-table-column label="选项" align="center" prop="name" />
-              <el-table-column label="人数" align="center" prop="date" />
-              <el-table-column label="比例" align="center" prop="date">
-                <span> <el-progress :percentage="50"></el-progress></span>
-              </el-table-column>
               <el-table-column
                 label="操作"
                 align="center"
@@ -184,82 +172,117 @@
 </template>
 
 <script>
+import { questionnaireTaskStatistics, selectQuestionInfoList } from '@/api/system/TaskStatistics'
+import TemplateName from "@/views/manage/components/TemplateName";
+
 export default {
   name: "TaskStatistics",
+  components: { TemplateName },
   data() {
     return {
+
+      show: false,
       maxTableHeight: undefined,
       // 任务时间
       dischargeTime: [],
+      // 出院/就诊时间
+      dischargeTimevisit: [],
       loading: false,
-      newname:'',//标题
+      newname: '',//标题
-      time:'',//时间
+      time: '',//时间
-      NameList: [
+      NameList: [],
-        {
-          name: '预估病情',
-          date: '2016-05-02',
-          totle: 6,
-          id: 1,
-        }, {
-          name: '烟草依赖评估量表',
-          date: '2016-05-02',
-          totle: 7,
-          id: 2,
-
-        },
-        {
-          name: '疾病恢复情况随访问卷',
-
-          date: '2016-05-02',
-          totle: 8,
-          id: 3,
-
-        }
-
-      ],
       //   列表、
-      tableData: [{
+      tableData: [],
-        date: '2016-05-02',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1518 弄'
-      }, {
-        date: '2016-05-04',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1517 弄'
-      }, {
-        date: '2016-05-01',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1519 弄'
-      }, {
-        date: '2016-05-03',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1516 弄'
-      }],
       itemid: "",
-      id: 1,
+      questionInfoId: '',
+      questionInfoIdname:0,
       queryParams: {
+        taskStartTime: null,
+        taskEndTime: null,
+        visitstartTime: null,
+        visitEndTime: null,
+        questionInfoId: null,
 
       },
 
     }
   },
   created() {
+    // this.getDefaultDateRange()
+    // this.getlist()
+    this.getlistleft()
   },
   mounted() {
     this.getMaxTableHeight()
     this.screenChange()
+
   },
   methods: {
+    hidePopover() {
+      this.showPopover = false;
+    },
+    // 右侧列表
+    getlist() {
+      questionnaireTaskStatistics(this.queryParams).then(res => {
+        this.tableData = res.data.data
+        console.log(res)
+      })
+    },
+    // 左侧列表
+    getlistleft() {
+      selectQuestionInfoList().then(res => {
+        this.NameList = res
+        this.queryParams.questionInfoId = this.NameList[0].id
+        this.itemid = this.NameList[0].id
+        this.newname = this.NameList[0].questionnaireName
+        this.time = this.NameList[0].createTime
+
+        this.getlist()
+      })
+
+    },
+    changeTime(e) {
+      this.show = false;
+    },
+    //模版名称
+    messageontemplateword(item) {
+      this.queryParams.questionInfoId = item.questionInfoId;
+      this.itemid=item.questionInfoId
+      // var obj = {
+      //   questionInfoId: this.itemid
+      // }
+      // questionnaireTaskStatistics(obj).then(res => {
+      //   this.tableData = res.data.data
+      // })
+    },
+    //计算一周的时间
+    getDefaultDateRange() {
+      this.show = true;
+      const endDate = new Date(); // 今天的日期
+      const startDate = new Date();
+      startDate.setDate(endDate.getDate() - 6); // 往前倒退七天
+      console.log(startDate, endDate);
+      this.dischargeTime[0] = startDate;
+      this.dischargeTime[1] = endDate;
+      this.queryParams.taskStartTime = this.formatDate(this.dischargeTime[0]);
+      this.queryParams.taskEndTime = this.formatDate(this.dischargeTime[1]);
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1
+      const day = String(date.getDate()).padStart(2, '0');
+      return `${year}-${month}-${day}`;
+    },
     // 查看
     handleUpdate(row) {
       this.$router.push({
         path: "/statisticalAnalysis/datialdata",
         query: {
           path: "/statisticalAnalysis/TaskStatistics",
-          //   sn: 11111,
+          questionInfoId: row.questionInfoId ? row.questionInfoId : '',
-          //   patientName: row.patientName ? row.patientName : '',
+          questionSubjectOptionId: row.questionSubjectOptionId ? row.questionSubjectOptionId : '',
-          //   departmentId: row.departmentId ? row.departmentId : '',
+          optionChooseSign: row.optionChooseSign ? row.optionChooseSign : '',
-          //   departmentName: row.departmentName ? row.departmentName : '',
+
         },
       });
 
@@ -268,11 +291,56 @@ export default {
     itemdata(item) {
       console.log(item, '9999')
       this.itemid = item.id
-      this.newname=item.name
+      this.newname = item.questionnaireName
-      this.time=item.date
+      this.time = item.createTime
+      var obj = {
+        questionInfoId: item.id
+      }
+      questionnaireTaskStatistics(obj).then(res => {
+        this.tableData = res.data.data
+      })
+    },
+    // 重置
+    resetQuery() {
+      this.queryParams.questionInfoId=null,
+      this.questionInfoId = null,
+      this.dischargeTime = [];
+      this.dischargeTimevisit = [];
+      this.queryParams.taskStartTime = "";
+      this.queryParams.taskEndTime = "";
+      this.resetForm("queryForm");
+      this.questionInfoIdname += 1;
+      console.log(this.queryParams,'queryParams0000000000');
+        this.getlistleft();
+    },
+    // 搜索
+    handleQuery() {
+      if (this.dischargeTime?.length > 0) {
+        if (this.show == true) {
+          this.queryParams.taskStartTime = this.formatDate(this.dischargeTime[0]);
+          this.queryParams.taskEndTime = this.formatDate(this.dischargeTime[1]);
+
+        } else if (this.show == false) {
+          this.queryParams.taskStartTime = this.dischargeTime[0];
+          this.queryParams.taskEndTime = this.dischargeTime[1];
+
+        }
+
+      }
+      else {
+        this.queryParams.taskStartTime = null;
+        this.queryParams.taskEndTime = null;
+      }
+      if (this.dischargeTimevisit?.length > 0) {
+        this.queryParams.visitStartTime = this.dischargeTimevisit[0];
+        this.queryParams.visitEndTime = this.dischargeTimevisit[1];
+      } else {
+        this.queryParams.visitStartTime = this.dischargeTimevisit[0];
+        this.queryParams.visitEndTime = this.dischargeTimevisit[1];
+
+      }
+      this.getlist();
     },
-    resetQuery() { },
-    handleQuery() { },
     changeTime() { },
     // 获取表格最高高度
     getMaxTableHeight() {
@@ -298,6 +366,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::-webkit-scrollbar {
+  width: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background: #c0c0c0;
+}
+
+::-webkit-scrollbar-track {
+  width: 5px;
+}
 ::v-deep .el-progress {
   width: 64%;
   display: inline-block;
@@ -316,6 +396,9 @@ export default {
     margin: 10px auto;
     padding: 13px 0 0 0;
     background-color: #fff !important;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    margin: 10px auto 5px;
   }
   .bottomsstics {
     width: 98%;
@@ -336,29 +419,30 @@ export default {
       .all {
         width: 100%;
         margin: 0 auto;
-        height: 170px;
+        // height: 99px;
-        border-bottom: 1px solid #dcdfe6;
       }
       .itemlist {
         // width: 94%;
         margin: 0 auto;
-        height: 170px;
+        // height: 99px;
-        border-bottom: 1px solid #dcdfe6;
 
         .title {
           font-size: 19px;
           font-weight: 600;
           color: black;
-          padding: 20px 0 10px 30px;
+          // overflow: hidden;
+          // text-overflow: ellipsis;
+          // white-space: nowrap;
+          // padding: 8px 0 10px 0px;
+          padding: 23px 0 10px 0px;
         }
         .times {
-          padding: 0px 0 10px 30px;
+          padding: 0px 0 10px 0px;
           font-size: 16px;
           color: #aaacb2;
         }
         .progress {
-          //   width: 70%;
+          padding: 0px 0 23px 0px;
-          padding: 0px 0 10px 30px;
         }
         span {
           margin-left: 17px;
@@ -379,6 +463,7 @@ export default {
         padding: 20px 0 10px 30px;
       }
       .tabledata {
+        margin-bottom: 13px;
         .tables {
           margin: 0 auto;
           width: 97%;
@@ -392,20 +477,6 @@ export default {
       }
     }
   }
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-
   .col-item {
     margin-bottom: 20px;
   }

src/views/system/datialdata/index.vue

@@ -168,7 +168,6 @@
               :templateId="queryParams.sn"
             ></sn>
           </span>
-  
         </el-form-item>
         <el-form-item label="通话状态" prop="phoneNodeExecuteResultStatus">
           <el-select
@@ -197,42 +196,47 @@
       >
         <!-- <el-table-column type="selection" width="55" /> -->
         <el-table-column label="序号" type="index" width="48" align="center" />
-          <el-table-column label="患者姓名" align="center" prop="patientName" width="110"/>
+        <el-table-column
-          <el-table-column label="患者电话" align="center" prop="patientPhone"  width="110"/>
+          label="患者姓名"
+          align="center"
+          prop="patientName"
+          width="110"
+        />
+        <el-table-column
+          label="患者电话"
+          align="center"
+          prop="patientPhone"
+          width="110"
+        />
         <el-table-column
           label="路径名称"
           align="center"
           prop="manageRouteName"
           width="110"
-  
         />
         <el-table-column
           label="问卷模板名称"
           align="center"
           prop="questionnaireName"
           width="120"
-  
         />
         <el-table-column
           label="话术名称"
           align="center"
           prop="scriptTemplateName"
           width="110"
-  
         />
         <el-table-column
           label="医院"
           align="center"
           prop="hospitalAgencyName"
           width="110"
-  
         />
         <el-table-column
           label="科室名称"
           align="center"
           prop="departmentName"
           width="110"
-  
         />
         <el-table-column
           label="执行状态"
@@ -260,7 +264,11 @@
           width="150"
         >
           <template slot-scope="scope">
-            {{scope.row.phoneNodeExecuteResultStatus == "SUCCESS" ? "已接通" : "未接通"}}
+            {{
+              scope.row.phoneNodeExecuteResultStatus == "SUCCESS"
+                ? "已接通"
+                : "未接通"
+            }}
           </template>
         </el-table-column>
         <el-table-column
@@ -270,8 +278,6 @@
           width="150"
         />
 
-          
-  
         <el-table-column
           label="就诊时间"
           align="center"
@@ -296,12 +302,10 @@
           <template slot-scope="scope">
             <el-button
               v-if="
-  
                 ((scope.row.phoneDialMethod == 'AI' &&
-              scope.row.nodeExecuteStatus == 'EXECUTED') || (
+                  scope.row.nodeExecuteStatus == 'EXECUTED') ||
-                scope.row.phoneDialMethod == 'COMMON' &&
+                  (scope.row.phoneDialMethod == 'COMMON' &&
-                scope.row.nodeExecuteStatus == 'EXECUTED'
+                    scope.row.nodeExecuteStatus == 'EXECUTED')) &&
-          )) &&
                 scope.row.phoneNodeExecuteResultStatus == 'SUCCESS'
               "
               size="mini"
@@ -321,7 +325,6 @@
               @click="questionlook(scope.row)"
               >问卷查看</el-button
             >
-            
           </template>
         </el-table-column>
       </el-table>
@@ -339,7 +342,12 @@
     <el-dialog title="问卷查看" :visible.sync="questionshow" width="40%">
       <div class="bottomheaderdata">
         <div class="right">
-            <div class="title" v-if="questiondata.totalScore || questiondata.totalScore ==0">总分：{{ questiondata.totalScore }}分</div>
+          <div
+            class="title"
+            v-if="questiondata.totalScore || questiondata.totalScore == 0"
+          >
+            总分：{{ questiondata.totalScore }}分
+          </div>
           <div
             class="words"
             v-for="(item, index) in questiondata.subjectResultList"
@@ -424,7 +432,6 @@
                 item.questionType == 'FILL_IN_THE_BLANKS' ||
                 item.questionType == 'COMBINATION_BLANKS_SUBJECT' ||
                 item.questionType == 'FEEDBACK_BLANKS_SUBJECT'
-  
               "
               class="tk"
             >
@@ -502,28 +509,28 @@
       </div>
     </el-dialog>
   </div>
-  </template>
+</template>
   
     <script>
-  import { uploadRobotPublishRecord, selectQuestionInfoList } from "@/api/manage/Satisfactionsurvey"
+import { questionnaireTaskOptionList, selectQuestionInfoList } from "@/api/manage/Satisfactionsurvey"
-  import SearchFilter from "../../components/SearchForm.vue";
+import SearchFilter from "../../components/SearchForm.vue";
-  import { getAgencyList, selectAgencyList, } from "@/api/manage/selectAgencyList";
+import { getAgencyList, selectAgencyList, } from "@/api/manage/selectAgencyList";
-  import { selectPatientQuestionSubmit } from "@/api/system/taskExecuteRecord";
+import { selectPatientQuestionSubmit } from "@/api/system/taskExecuteRecord";
-  import {
+import {
   getPhoneDialVideo,
-  } from "@/api/system/followup";
+} from "@/api/system/followup";
-  import sn from "@/views/manage/components/sn";
+import sn from "@/views/manage/components/sn";
 
 
 
-  export default {
+export default {
   name: "visitout",
-    components: { SearchFilter ,sn},
+  components: { SearchFilter, sn },
   data() {
     return {
       maxTableHeight: undefined,
       // 通话状态
-        SUCCESSlist:[
+      SUCCESSlist: [
         {
           value: "SUCCESS",
           label: "已接通",
@@ -576,7 +583,7 @@
       AItrue: null,
       COMMONtrue: null,
       foldshow: null,
-        totalScoredata:0,
+      totalScoredata: 0,
       questiondata: {
         totalScore: 0, //总分
         routeHandlePerson: null,
@@ -586,7 +593,7 @@
       questionshow: false,
       checkeddata: [],
       formlist: [],
-        patientName:null,
+      patientName: null,
 
 
       // 问卷名称
@@ -633,12 +640,14 @@
         patientPhone: null,
         hospitalAgencyId: null,
         departmentId: null,
-          questionInfoId: null,
         nodeExecuteStatus: '',
         taskExcuteType: null,
         contentedFlag: null,
-          phoneNodeExecuteResultStatus:null,
+        phoneNodeExecuteResultStatus: null,
         sn: null,
+        questionInfoId: null,
+        questionSubjectOptionId: null,
+        optionChooseSign: null,
       },
       show: false,
 
@@ -656,10 +665,13 @@
     };
   },
   created() {
+    this.queryParams.questionInfoId = this.$route.query.questionInfoId
+    this.queryParams.questionSubjectOptionId = this.$route.query.questionSubjectOptionId
+    this.queryParams.optionChooseSign = this.$route.query.optionChooseSign
     this.selectAgencyinfo();
     this.getDefaultDateRange()
-      this.getList();
     this.getQuestion();
+    this.getList();
   },
   mounted() {
     this.getMaxTableHeight();
@@ -679,8 +691,8 @@
     },
     // 回放点击事件
     async playback(row) {
-        console.log(row,'row')
+      console.log(row, 'row')
-        this.patientName=row.patientName
+      this.patientName = row.patientName
       // await this.$confirm("是否确认回放?", "提示", {
       //   confirmButtonText: "确认",
       //   cancelButtonText: "取消",
@@ -703,7 +715,7 @@
       // this.totalScoredata=0,
       await selectPatientQuestionSubmit(row.taskExecuteRecordId).then((res) => {
         this.questiondata = res.data;
-          console.log( this.questiondata,' this.questiondata')
+        console.log(this.questiondata, ' this.questiondata')
         this.questiondata.subjectResultList.forEach((e) => {
           // if(e.whetherScore==1){
           //   e.optionResults.forEach((el) => {
@@ -768,27 +780,7 @@
     /** 查询患者信息列表 */
     getList() {
       this.loading = true;
-        uploadRobotPublishRecord(this.queryParams).then((response) => {
+      questionnaireTaskOptionList(this.queryParams).then((response) => {
-          // response.rows.forEach(item=>{
-          //   if (
-          //     item.phoneDialMethod == "AI" &&
-          //     item.nodeExecuteStatus == "EXECUTED"
-          // ) {
-          //   this.AItrue = true;
-          // } else {
-          //   this.AItrue = false;
-          // }
-          // if (
-          //   item.phoneDialMethod == "COMMON" &&
-          //   item.nodeExecuteStatus == "EXECUTED"
-          // ) {
-          //   this.COMMONtrue = true;
-          // } else {
-          //   this.COMMONtrue = false;
-          // }
-          // })
-   
-  
         this.patientInfoList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -821,6 +813,9 @@
       this.queryParams = {
         pageNum: 1,
         pageSize: 10,
+        questionInfoId: this.$route.query.questionInfoId,
+        questionSubjectOptionId: this.$route.query.questionSubjectOptionId,
+        optionChooseSign: this.$route.query.optionChooseSign,
       };
       this.dischargeTime = [];
       this.queryParams.startTime = "";
@@ -912,7 +907,7 @@
 
     //批次
     messageontemplateword(item) {
-        console.log(item,'sn');
+      console.log(item, 'sn');
       this.queryParams.sn = item.sn;
     },
 
@@ -946,64 +941,64 @@
       });
     },
   },
-  };
+};
     </script>
     <style lang="scss" scoped>
-    ::v-deep .el-input.is-disabled .el-input__inner {
+::v-deep .el-input.is-disabled .el-input__inner {
   background-color: #fff !important;
   color: black !important;
-  }
+}
 
-  ::v-deep .el-textarea.is-disabled .el-textarea__inner {
+::v-deep .el-textarea.is-disabled .el-textarea__inner {
   background-color: #fff !important;
   color: black !important;
-  }
+}
 
-  ::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
   border: 1px solid #dcdfe6 !important;
   border-color: #1890ff !important;
-  }
+}
 
-  ::v-deep .el-checkbox__input.is-disabled + span.el-checkbox__label {
+::v-deep .el-checkbox__input.is-disabled + span.el-checkbox__label {
   color: black !important;
-  }
+}
 
-  ::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
   border-color: #1890ff !important;
-  }
+}
 
-  ::v-deep .el-checkbox__input.is-disabled .el-checkbox__inner {
+::v-deep .el-checkbox__input.is-disabled .el-checkbox__inner {
   background-color: #fff !important;
-  }
+}
 
-  ::v-deep .el-radio__input.is-disabled .el-radio__inner {
+::v-deep .el-radio__input.is-disabled .el-radio__inner {
   border: 1px solid #dcdfe6 !important;
   background-color: #fff !important;
-  }
+}
 
-  ::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner {
+::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner {
   border-color: #1890ff !important;
-  }
+}
 
-  ::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
+::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
   color: #1890ff !important;
   background-color: #1890ff !important;
-  }
+}
 
-  ::v-deep .el-radio__input.is-disabled + span.el-radio__label {
+::v-deep .el-radio__input.is-disabled + span.el-radio__label {
   color: black !important;
-  }
+}
-  .titlenew {
+.titlenew {
   font-size: 16px;
   font-weight: 600;
   height: 60px;
   margin-left: 20px;
-  }
+}
 
-  ::v-deep .el-table__fixed-right::before {
+::v-deep .el-table__fixed-right::before {
   height: 0px !important;
-  }
+}
-  .bottomheaderdata {
+.bottomheaderdata {
   width: 99%;
   background-color: #fff;
   margin: 0 auto;
@@ -1018,12 +1013,12 @@
     font-size: 15px;
     padding: 10px 50px 10px 10px;
   }
-  }
+}
-  .audio {
+.audio {
   margin: 10px 0px 10px 0;
   .name {
     display: inline-block;
-      margin: 20px
+    margin: 20px;
   }
 
   .imagelist {
@@ -1088,32 +1083,32 @@
       color: #dcdfe6;
     }
   }
-  }
+}
-  audio {
+audio {
   width: 350px;
-  }
+}
-  .tk {
+.tk {
   ::v-deep .el-textarea__inner {
     margin: 20px 0 10px 30px;
   }
-  }
+}
 
-  ::v-deep .el-radio {
+::v-deep .el-radio {
   padding: 10px;
-  }
+}
 
-  ::v-deep .el-checkbox-group {
+::v-deep .el-checkbox-group {
   display: flex;
   flex-direction: column;
   padding: 10px 0px 10px 24px;
-  }
+}
 
-  ::v-deep .el-checkbox {
+::v-deep .el-checkbox {
   padding: 10px 0 10px 0px;
   // padding: 10px;
-  }
+}
 
-  .custom-radio-group {
+.custom-radio-group {
   display: flex;
   flex-direction: column;
   padding: 10px 0 10px 10px;
@@ -1121,10 +1116,9 @@
   .custom {
     padding: 10px 0 10px 10px;
   }
-  }
+}
 
-  
+.custom-radio-group {
-  .custom-radio-group {
   display: flex;
   flex-direction: column;
   padding: 10px 0 10px 10px;
@@ -1132,6 +1126,6 @@
   .custom {
     padding: 10px 0 10px 10px;
   }
-  }
+}
-  </style>
+</style>