From 74827338366d36b482e0b276702cfac214b87f19 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Mon, 23 Dec 2024 17:56:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=97=AE=E5=8D=B7=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/manage/Satisfactionsurvey.js         |    8 +
 src/api/system/TaskStatistics.js             |   26 +
 src/views/manage/components/TemplateName.vue |  427 ++++
 src/views/system/TaskStatistics/index.vue    |  397 ++--
 src/views/system/datialdata/index.vue        | 2204 +++++++++---------
 5 files changed, 1794 insertions(+), 1268 deletions(-)
 create mode 100644 src/api/system/TaskStatistics.js
 create mode 100644 src/views/manage/components/TemplateName.vue

diff --git a/src/api/manage/Satisfactionsurvey.js b/src/api/manage/Satisfactionsurvey.js
index a8484c2..9af75be 100644
--- a/src/api/manage/Satisfactionsurvey.js
+++ b/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
+    })
+}
 
diff --git a/src/api/system/TaskStatistics.js b/src/api/system/TaskStatistics.js
new file mode 100644
index 0000000..8f25e5b
--- /dev/null
+++ b/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
+    })
+}
diff --git a/src/views/manage/components/TemplateName.vue b/src/views/manage/components/TemplateName.vue
new file mode 100644
index 0000000..75bbe9b
--- /dev/null
+++ b/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>
+    
\ No newline at end of file
diff --git a/src/views/system/TaskStatistics/index.vue b/src/views/system/TaskStatistics/index.vue
index b512b48..c5384ed 100644
--- a/src/views/system/TaskStatistics/index.vue
+++ b/src/views/system/TaskStatistics/index.vue
@@ -2,14 +2,8 @@
   <div class="app-container home" ref="layout">
     <!-- 搜索条件 -->
     <div ref="topform" class="form">
-      <el-form
-        :model="queryParams"
-        ref="queryForm"
-        size="small"
-        :inline="true"
-        label-width="120px"
-      >
-        <el-form-item label="任务时间" prop="startTime">
+      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+        <el-form-item label="任务时间" prop="taskStartTime" label-width="90px">
           <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-input
-            v-model="queryParams.patientPhone"
-            placeholder="请输入模板名称"
-            clearable
-            @keyup.enter.native="handleQuery"
-            style="width: 200px"
-          />
+        <el-form-item label="模板名称" prop="questionInfoId">
+          <span>
+            <TemplateName
+              @on-template="messageontemplateword"
+              :templateId="questionInfoId"
+              :query="questionInfoIdname"
+            ></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,100 +65,90 @@
     >
       <!-- 左侧 -->
       <div class="left">
-        <div>
+        <!-- <div> -->
+        <div
+          v-for="(item, index) in NameList"
+          :key="index"
+          class="itemlist"
+          :class="itemid == item.id ? 'allactive' : 'all'"
+          @click="itemdata(item)"
+        >
           <div
-            v-for="(item, index) in NameList"
-            :key="index"
-            class="itemlist"
-            :class="itemid == item.id ? 'allactive' : 'all'"
-            @click="itemdata(item)"
+            style="width: 88%; margin: 0 auto; border-bottom: 1px solid #dcdfe6"
           >
-            <div class="title">{{ item.name }}</div>
-            <div class="times">时间:{{ item.date }}</div>
-            <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="tabledata">
-          <div class="toptitle">第1题:请问您吸烟吗?【单选题】</div>
-          <div ref="table" class="tables">
-            <el-table
-              :max-height="maxTableHeight"
-              v-loading="loading"
-              :data="tableData"
+        <div class="righttitle">{{ newname }} {{ time }}</div>
+        <div class="tabledata" v-for="(item, index) in tableData" :key="index">
+          <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
             >
-              <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"
-                class-name="small-padding fixed-width"
-              >
-                <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"
+              :data="item.questionnaireTaskOptionStatisticsVos"
             >
-              <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" prop="optionName" />
               <el-table-column
-                label="操作"
+                label="人数"
                 align="center"
-                class-name="small-padding fixed-width"
+                prop="choiceNumber"
+              />
+              <el-table-column
+                label="比例"
+                align="center"
+                prop="choiceProportion"
               >
-                <template slot-scope="scope">
-                  <el-button
-                    size="mini"
-                    type="text"
-                    @click="handleUpdate(scope.row)"
-                    >查看</el-button
+                <template slot-scope="scope"
                   >
+                  <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:'',//标题
-      time:'',//时间
-      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,
-
-        }
-
-      ],
+      newname: '',//标题
+      time: '',//时间
+      NameList: [],
       //   列表、
-      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 弄'
-      }],
+      tableData: [],
       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,
-          //   patientName: row.patientName ? row.patientName : '',
-          //   departmentId: row.departmentId ? row.departmentId : '',
-          //   departmentName: row.departmentName ? row.departmentName : '',
+          questionInfoId: row.questionInfoId ? row.questionInfoId : '',
+          questionSubjectOptionId: row.questionSubjectOptionId ? row.questionSubjectOptionId : '',
+          optionChooseSign: row.optionChooseSign ? row.optionChooseSign : '',
+
         },
       });
 
@@ -268,11 +291,56 @@ export default {
     itemdata(item) {
       console.log(item, '9999')
       this.itemid = item.id
-      this.newname=item.name
-      this.time=item.date
+      this.newname = item.questionnaireName
+      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;
-        border-bottom: 1px solid #dcdfe6;
+        // height: 99px;
       }
       .itemlist {
         // width: 94%;
         margin: 0 auto;
-        height: 170px;
-        border-bottom: 1px solid #dcdfe6;
+        // height: 99px;
 
         .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 10px 30px;
+          padding: 0px 0 23px 0px;
         }
         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;
   }
diff --git a/src/views/system/datialdata/index.vue b/src/views/system/datialdata/index.vue
index ca380f1..3707682 100644
--- a/src/views/system/datialdata/index.vue
+++ b/src/views/system/datialdata/index.vue
@@ -1,1137 +1,1131 @@
 <template>
-    <div class="app-container" ref="layout">
-      <div ref="topform" class="form">
-        <SearchFilter
-          labelWidth="100px"
-          :labelWidths="310"
-          size="small"
-          @search="handleQuery"
-          @reset="resetQuery"
-          @minShowCtrol="getMaxTableHeight"
-          :query="queryParams"
-          v-show="showSearch"
-        >
-          <el-form-item label="患者姓名" prop="patientName">
-            <el-input
-              v-model="queryParams.patientName"
-              placeholder="请输入患者姓名"
-              clearable
-              @keyup.enter.native="handleQuery"
-              style="width: 220px"
-            />
-          </el-form-item>
-          <el-form-item label="患者电话" prop="patientPhone">
-            <el-input
-              v-model="queryParams.patientPhone"
-              placeholder="请输入患者电话"
-              clearable
-              @keyup.enter.native="handleQuery"
-              style="width: 220px"
-            />
-          </el-form-item>
-          <el-form-item label="外呼时间" prop="startTime">
-            <el-date-picker
-              v-model="dischargeTime"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              style="width: 220px"
-              value-format="yyyy-MM-dd"
-              end-placeholder="结束日期"
-              @change="changeTime"
-            >
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="问卷名称" prop="questionnaireName">
-            <el-select
-              v-model="queryParams.questionInfoId"
-              placeholder="请选择问卷名称"
-              clearable
-              style="width: 220px"
-            >
-              <el-option
-                v-for="item in questionnaireList"
-                :key="item.id"
-                :label="item.questionnaireName"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="任务节点类型" prop="taskNodeType">
-            <el-select
-              v-model="queryParams.taskNodeType"
-              placeholder="请选择任务节点类型"
-              clearable
-              style="width: 220px"
-            >
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="医院" prop="hospitalAgencyId">
-            <el-select
-              v-model="queryParams.hospitalAgencyId"
-              filterable
-              placeholder="请选择医院"
-              style="width: 220px"
-              clearable
-              @clear="clearhospitalAgency"
-              @change="changehospitalAgency"
-            >
-              <el-option
-                v-for="item in hospitalAgencylist"
-                :key="item.id"
-                :label="item.agencyName"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="科室" prop="departmentId">
-            <el-select
-              v-model="queryParams.departmentId"
-              filterable
-              placeholder="请选择科室"
-              style="width: 220px"
-              clearable
-              @clear="cleardepartment"
-              @change="changedepartment"
-            >
-              <el-option
-                v-for="item in departmentlist"
-                :key="item.id"
-                :label="item.departmentName"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="任务执行状态" prop="nodeExecuteStatus">
-            <el-select
-              v-model="queryParams.nodeExecuteStatus"
-              placeholder="请选择任务执行状态"
-              clearable
-              style="width: 220px"
-            >
-              <el-option
-                v-for="item in nodeExecutList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="任务执行类型" prop="taskExcuteType">
-            <el-select
-              v-model="queryParams.taskExcuteType"
-              placeholder="请选择任务执行类型"
-              clearable
-              style="width: 220px"
-            >
-              <el-option
-                v-for="item in taskExcuteTypelist"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-  
-          <el-form-item label="调查结果" prop="contentedFlag">
-            <el-select
-              v-model="queryParams.contentedFlag"
-              placeholder="请选择调查结果"
-              clearable
-              style="width: 220px"
-            >
-              <el-option
-                v-for="item in contentedFlaglist"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="批次" prop="sn">
-            <span>
-                  <sn
-                  @on-template="messageontemplateword"
-                    :templateId="queryParams.sn"
-                  ></sn>
-                </span>
-  
-          </el-form-item>
-          <el-form-item label="通话状态" prop="phoneNodeExecuteResultStatus">
-            <el-select
-              v-model="queryParams.phoneNodeExecuteResultStatus"
-              placeholder="请选择通话状态"
-              clearable
-              style="width: 220px"
-            >
-              <el-option
-                v-for="item in SUCCESSlist"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </SearchFilter>
-      </div>
-      <div ref="table">
-        <el-table
-          :max-height="maxTableHeight"
-          v-loading="loading"
-          :data="patientInfoList"
-          @selection-change="handleSelectionChange"
-        >
-          <!-- <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 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="执行状态"
-            align="center"
-            prop="nodeExecuteStatus"
-            width="150"
-          >
-            <template slot-scope="scope">
-              <span style="color: #67c23a">
-                {{
-                  scope.row.nodeExecuteStatus == "EXECUTED" ? "已执行" : ""
-                }}</span
-              >
-              <span style="color: #f56c6c">
-                {{
-                  scope.row.nodeExecuteStatus == "UNEXECUTED" ? "未执行" : ""
-                }}</span
-              >
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="通话状态"
-            align="center"
-            prop="phoneNodeExecuteResultStatus"
-            width="150"
-          >
-          <template slot-scope="scope">
-            {{scope.row.phoneNodeExecuteResultStatus == "SUCCESS" ? "已接通" : "未接通"}}
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="反馈意见"
-            align="center"
-            prop="fillBlanksAnswer"
-            width="150"
-          />
-  
-          
-  
-          <el-table-column
-            label="就诊时间"
-            align="center"
-            prop="visitDate"
-            width="150"
-          />
-          <el-table-column
-            label="执行时间"
-            align="center"
-            prop="nodePlanTime"
-            width="150"
-          />
-  
-          <el-table-column label="调查结果" align="center" prop="contentedFlag" />
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-            fixed="right"
-            width="150"
-          >
-            <template slot-scope="scope">
-              <el-button
-                v-if="
-  
-                  ((scope.row.phoneDialMethod == 'AI' &&
-              scope.row.nodeExecuteStatus == 'EXECUTED') || (
-                scope.row.phoneDialMethod == 'COMMON' &&
-                scope.row.nodeExecuteStatus == 'EXECUTED'
-          )) &&
-                  scope.row.phoneNodeExecuteResultStatus == 'SUCCESS'
-                "
-                size="mini"
-                type="text"
-                @click="playback(scope.row)"
-                icon="el-icon-headset"
-                >回放</el-button
-              >
-              <el-button
-                v-if="
-                  scope.row.nodeExecuteStatus == 'EXECUTED' &&
-                  scope.row.taskNodeType == 'QUESTIONNAIRE_SCALE'
-                "
-                size="mini"
-                type="text"
-                icon="el-icon-notebook-2"
-                @click="questionlook(scope.row)"
-                >问卷查看</el-button
-              >
-            
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-              :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
-      <myPagination
-        v-show="total > 0"
-        :total="total"
-        :pageSize="queryParams.pageSize"
-        :indexFromWrap="queryParams.pageNum"
-        @updateCPage="updateCPage"
-      ></myPagination>
-  
-      <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="words"
-              v-for="(item, index) in questiondata.subjectResultList"
-              :key="index"
-            >
-              {{ 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 == 'SCORING_QUESTIONS'"
-                >（打分题）</span
-              >
-              <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
-                >（组合单选题）</span
-              >
-              <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
-                >（组合多选题）</span
-              >
-              <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
-                >（组合填空题）</span
-              >
-              <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'"
-                >（填空题）</span
-              >
-              <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'"
-                >（组合打分题）</span
-              >
-              <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
-                >（日期填空题）</span
-              >
-              <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
-                >（时间填空题）</span
-              >
-              <span v-if="item.questionType == 'FEEDBACK_BLANKS_SUBJECT'"
-                >（反馈填空题）</span
-              >
-              <el-radio-group
-                v-if="
-                  item.questionType == 'MULTIPLE_CHOICE' ||
-                  item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
-                  item.questionType == 'SCORING_QUESTIONS' ||
-                  item.questionType == 'COMBINATION_SCORING_SUBJECT'
-                "
-                v-model="item.checked"
-                class="custom-radio-group"
-                @change="radioGroupChange($event, item)"
-              >
-                <el-radio
-                  disabled
-                  class="custom"
-                  v-for="(aitem, aindex) in item.optionResults"
-                  :key="aindex"
-                  :label="aitem.id"
-                  @change="radioChange($event, aitem, index)"
-                >
-                  {{ aitem.optionName }}
-                </el-radio>
-              </el-radio-group>
-              <el-checkbox-group
-                v-model="checkeddata"
-                @change="radioGroupChange($event, item, 'checkbox')"
-                v-if="
-                  item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
-                  item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
-                "
-              >
-                <el-checkbox
-                  disabled
-                  v-for="(aitem, aindex) in item.optionResults"
-                  :key="aindex"
-                  :label="aitem.id"
-                  @change="radioChangecheck($event, aitem, index, aindex)"
-                >
-                  {{ aitem.optionName }}
-                </el-checkbox>
-              </el-checkbox-group>
-              <div
-                v-if="
-                  item.questionType == 'FILL_IN_THE_BLANKS' ||
-                  item.questionType == 'COMBINATION_BLANKS_SUBJECT' ||
-                  item.questionType == 'FEEDBACK_BLANKS_SUBJECT'
-  
-                "
-                class="tk"
-              >
-                <el-input
-                  disabled
-                  v-model="item.fillBlanksAnswer"
-                  placeholder="请输入答案"
-                  type="textarea"
-                />
-              </div>
-              <div
-                v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
-                style="margin: 20px 0 10px 30px"
-              >
-                <el-date-picker
-                  disabled
-                  @change="timepicker($event, index)"
-                  clearable
-                  v-model="item.fillBlanksAnswer"
-                  type="date"
-                  value-format="yyyy-MM-dd"
-                  placeholder="选择日期"
-                >
-                </el-date-picker>
-              </div>
-              <div
-                style="margin: 20px 0 10px 30px"
-                v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
-              >
-                <el-time-select
-                  disabled
-                  @change="timepickerselect($event, index)"
-                  clearable
-                  v-model="item.fillBlanksAnswer"
-                  :picker-options="{
-                    start: '08:30',
-                    step: '00:30',
-                    end: '23:30',
-                  }"
-                  placeholder="选择时间"
-                >
-                </el-time-select>
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-dialog>
-      <el-dialog
-        title="回放"
-        :visible.sync="audioshow"
-        width="800px"
-        :before-close="audiohandleClose"
+  <div class="app-container" ref="layout">
+    <div ref="topform" class="form">
+      <SearchFilter
+        labelWidth="100px"
+        :labelWidths="310"
+        size="small"
+        @search="handleQuery"
+        @reset="resetQuery"
+        @minShowCtrol="getMaxTableHeight"
+        :query="queryParams"
+        v-show="showSearch"
       >
-        <div class="audio">
-          <div style="display: flex">
-            <span class="name">姓名:{{ patientName }}</span>
-            <audio ref="audioPlayer" :src="audiourl" controls></audio>
+        <el-form-item label="患者姓名" prop="patientName">
+          <el-input
+            v-model="queryParams.patientName"
+            placeholder="请输入患者姓名"
+            clearable
+            @keyup.enter.native="handleQuery"
+            style="width: 220px"
+          />
+        </el-form-item>
+        <el-form-item label="患者电话" prop="patientPhone">
+          <el-input
+            v-model="queryParams.patientPhone"
+            placeholder="请输入患者电话"
+            clearable
+            @keyup.enter.native="handleQuery"
+            style="width: 220px"
+          />
+        </el-form-item>
+        <el-form-item label="外呼时间" prop="startTime">
+          <el-date-picker
+            v-model="dischargeTime"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 220px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+            @change="changeTime"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="问卷名称" prop="questionnaireName">
+          <el-select
+            v-model="queryParams.questionInfoId"
+            placeholder="请选择问卷名称"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in questionnaireList"
+              :key="item.id"
+              :label="item.questionnaireName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="任务节点类型" prop="taskNodeType">
+          <el-select
+            v-model="queryParams.taskNodeType"
+            placeholder="请选择任务节点类型"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="医院" prop="hospitalAgencyId">
+          <el-select
+            v-model="queryParams.hospitalAgencyId"
+            filterable
+            placeholder="请选择医院"
+            style="width: 220px"
+            clearable
+            @clear="clearhospitalAgency"
+            @change="changehospitalAgency"
+          >
+            <el-option
+              v-for="item in hospitalAgencylist"
+              :key="item.id"
+              :label="item.agencyName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="科室" prop="departmentId">
+          <el-select
+            v-model="queryParams.departmentId"
+            filterable
+            placeholder="请选择科室"
+            style="width: 220px"
+            clearable
+            @clear="cleardepartment"
+            @change="changedepartment"
+          >
+            <el-option
+              v-for="item in departmentlist"
+              :key="item.id"
+              :label="item.departmentName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="任务执行状态" prop="nodeExecuteStatus">
+          <el-select
+            v-model="queryParams.nodeExecuteStatus"
+            placeholder="请选择任务执行状态"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in nodeExecutList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="任务执行类型" prop="taskExcuteType">
+          <el-select
+            v-model="queryParams.taskExcuteType"
+            placeholder="请选择任务执行类型"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in taskExcuteTypelist"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="调查结果" prop="contentedFlag">
+          <el-select
+            v-model="queryParams.contentedFlag"
+            placeholder="请选择调查结果"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in contentedFlaglist"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="批次" prop="sn">
+          <span>
+            <sn
+              @on-template="messageontemplateword"
+              :templateId="queryParams.sn"
+            ></sn>
+          </span>
+        </el-form-item>
+        <el-form-item label="通话状态" prop="phoneNodeExecuteResultStatus">
+          <el-select
+            v-model="queryParams.phoneNodeExecuteResultStatus"
+            placeholder="请选择通话状态"
+            clearable
+            style="width: 220px"
+          >
+            <el-option
+              v-for="item in SUCCESSlist"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </SearchFilter>
+    </div>
+    <div ref="table">
+      <el-table
+        :max-height="maxTableHeight"
+        v-loading="loading"
+        :data="patientInfoList"
+        @selection-change="handleSelectionChange"
+      >
+        <!-- <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
+          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="执行状态"
+          align="center"
+          prop="nodeExecuteStatus"
+          width="150"
+        >
+          <template slot-scope="scope">
+            <span style="color: #67c23a">
+              {{
+                scope.row.nodeExecuteStatus == "EXECUTED" ? "已执行" : ""
+              }}</span
+            >
+            <span style="color: #f56c6c">
+              {{
+                scope.row.nodeExecuteStatus == "UNEXECUTED" ? "未执行" : ""
+              }}</span
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="通话状态"
+          align="center"
+          prop="phoneNodeExecuteResultStatus"
+          width="150"
+        >
+          <template slot-scope="scope">
+            {{
+              scope.row.phoneNodeExecuteResultStatus == "SUCCESS"
+                ? "已接通"
+                : "未接通"
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="反馈意见"
+          align="center"
+          prop="fillBlanksAnswer"
+          width="150"
+        />
+
+        <el-table-column
+          label="就诊时间"
+          align="center"
+          prop="visitDate"
+          width="150"
+        />
+        <el-table-column
+          label="执行时间"
+          align="center"
+          prop="nodePlanTime"
+          width="150"
+        />
+
+        <el-table-column label="调查结果" align="center" prop="contentedFlag" />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="150"
+        >
+          <template slot-scope="scope">
+            <el-button
+              v-if="
+                ((scope.row.phoneDialMethod == 'AI' &&
+                  scope.row.nodeExecuteStatus == 'EXECUTED') ||
+                  (scope.row.phoneDialMethod == 'COMMON' &&
+                    scope.row.nodeExecuteStatus == 'EXECUTED')) &&
+                scope.row.phoneNodeExecuteResultStatus == 'SUCCESS'
+              "
+              size="mini"
+              type="text"
+              @click="playback(scope.row)"
+              icon="el-icon-headset"
+              >回放</el-button
+            >
+            <el-button
+              v-if="
+                scope.row.nodeExecuteStatus == 'EXECUTED' &&
+                scope.row.taskNodeType == 'QUESTIONNAIRE_SCALE'
+              "
+              size="mini"
+              type="text"
+              icon="el-icon-notebook-2"
+              @click="questionlook(scope.row)"
+              >问卷查看</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+              :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
+    <myPagination
+      v-show="total > 0"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      :indexFromWrap="queryParams.pageNum"
+      @updateCPage="updateCPage"
+    ></myPagination>
+
+    <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 v-for="(item, index) in formlist" :key="index">
-            <div class="imagelist" v-if="item.role == 'speech'">
-              <img src="@/assets/manage/chat.png" alt="" />
-              <div class="question">
-                <span class="questionname">问题：</span>
-                <span class="content">{{ item.contextText }}</span>
-              </div>
+          <div
+            class="words"
+            v-for="(item, index) in questiondata.subjectResultList"
+            :key="index"
+          >
+            {{ 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 == 'SCORING_QUESTIONS'"
+              >（打分题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
+              >（组合单选题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
+              >（组合多选题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
+              >（组合填空题）</span
+            >
+            <span v-if="item.questionType == 'FILL_IN_THE_BLANKS'"
+              >（填空题）</span
+            >
+            <span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'"
+              >（组合打分题）</span
+            >
+            <span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
+              >（日期填空题）</span
+            >
+            <span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
+              >（时间填空题）</span
+            >
+            <span v-if="item.questionType == 'FEEDBACK_BLANKS_SUBJECT'"
+              >（反馈填空题）</span
+            >
+            <el-radio-group
+              v-if="
+                item.questionType == 'MULTIPLE_CHOICE' ||
+                item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
+                item.questionType == 'SCORING_QUESTIONS' ||
+                item.questionType == 'COMBINATION_SCORING_SUBJECT'
+              "
+              v-model="item.checked"
+              class="custom-radio-group"
+              @change="radioGroupChange($event, item)"
+            >
+              <el-radio
+                disabled
+                class="custom"
+                v-for="(aitem, aindex) in item.optionResults"
+                :key="aindex"
+                :label="aitem.id"
+                @change="radioChange($event, aitem, index)"
+              >
+                {{ aitem.optionName }}
+              </el-radio>
+            </el-radio-group>
+            <el-checkbox-group
+              v-model="checkeddata"
+              @change="radioGroupChange($event, item, 'checkbox')"
+              v-if="
+                item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
+                item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
+              "
+            >
+              <el-checkbox
+                disabled
+                v-for="(aitem, aindex) in item.optionResults"
+                :key="aindex"
+                :label="aitem.id"
+                @change="radioChangecheck($event, aitem, index, aindex)"
+              >
+                {{ aitem.optionName }}
+              </el-checkbox>
+            </el-checkbox-group>
+            <div
+              v-if="
+                item.questionType == 'FILL_IN_THE_BLANKS' ||
+                item.questionType == 'COMBINATION_BLANKS_SUBJECT' ||
+                item.questionType == 'FEEDBACK_BLANKS_SUBJECT'
+              "
+              class="tk"
+            >
+              <el-input
+                disabled
+                v-model="item.fillBlanksAnswer"
+                placeholder="请输入答案"
+                type="textarea"
+              />
             </div>
-  
-            <div class="imagelistright" v-if="item.role == 'voice'">
-              <div class="question">
-                <span class="questionname">{{ item.contextText }}</span>
-              </div>
-              <img src="@/assets/manage/solution.png" alt="" />
+            <div
+              v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
+              style="margin: 20px 0 10px 30px"
+            >
+              <el-date-picker
+                disabled
+                @change="timepicker($event, index)"
+                clearable
+                v-model="item.fillBlanksAnswer"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </div>
+            <div
+              style="margin: 20px 0 10px 30px"
+              v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
+            >
+              <el-time-select
+                disabled
+                @change="timepickerselect($event, index)"
+                clearable
+                v-model="item.fillBlanksAnswer"
+                :picker-options="{
+                  start: '08:30',
+                  step: '00:30',
+                  end: '23:30',
+                }"
+                placeholder="选择时间"
+              >
+              </el-time-select>
             </div>
           </div>
         </div>
-      </el-dialog>
-    </div>
-  </template>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="回放"
+      :visible.sync="audioshow"
+      width="800px"
+      :before-close="audiohandleClose"
+    >
+      <div class="audio">
+        <div style="display: flex">
+          <span class="name">姓名:{{ patientName }}</span>
+          <audio ref="audioPlayer" :src="audiourl" controls></audio>
+        </div>
+        <div v-for="(item, index) in formlist" :key="index">
+          <div class="imagelist" v-if="item.role == 'speech'">
+            <img src="@/assets/manage/chat.png" alt="" />
+            <div class="question">
+              <span class="questionname">问题：</span>
+              <span class="content">{{ item.contextText }}</span>
+            </div>
+          </div>
+
+          <div class="imagelistright" v-if="item.role == 'voice'">
+            <div class="question">
+              <span class="questionname">{{ item.contextText }}</span>
+            </div>
+            <img src="@/assets/manage/solution.png" alt="" />
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
   
     <script>
-  import { uploadRobotPublishRecord, selectQuestionInfoList } from "@/api/manage/Satisfactionsurvey"
-  import SearchFilter from "../../components/SearchForm.vue";
-  import { getAgencyList, selectAgencyList, } from "@/api/manage/selectAgencyList";
-  import { selectPatientQuestionSubmit } from "@/api/system/taskExecuteRecord";
-  import {
-    getPhoneDialVideo,
-  } from "@/api/system/followup";
-  import sn from "@/views/manage/components/sn";
+import { questionnaireTaskOptionList, selectQuestionInfoList } from "@/api/manage/Satisfactionsurvey"
+import SearchFilter from "../../components/SearchForm.vue";
+import { getAgencyList, selectAgencyList, } from "@/api/manage/selectAgencyList";
+import { selectPatientQuestionSubmit } from "@/api/system/taskExecuteRecord";
+import {
+  getPhoneDialVideo,
+} from "@/api/system/followup";
+import sn from "@/views/manage/components/sn";
 
-  
-  
-  export default {
-    name: "visitout",
-    components: { SearchFilter ,sn},
-    data() {
-      return {
-        maxTableHeight: undefined,
-        // 通话状态
-        SUCCESSlist:[
+
+
+export default {
+  name: "visitout",
+  components: { SearchFilter, sn },
+  data() {
+    return {
+      maxTableHeight: undefined,
+      // 通话状态
+      SUCCESSlist: [
         {
-            value: "SUCCESS",
-            label: "已接通",
-          },
-          {
-            value: "FAILURE",
-            label: "未接通",
-          },
-  
-        ],
-        // 节点任务执行状态
-        nodeExecutList: [
-          {
-            value: "EXECUTED",
-            label: "已执行",
-          },
-          {
-            value: "UNEXECUTED",
-            label: "未执行",
-          },
-        ],
-        // 任务类型
-        taskExcuteTypelist: [
-          {
-            value: "BATCH_TASK",
-            label: "批量任务",
-          },
-          {
-            value: "ACTUAL_TIME_TASK",
-            label: "单通电话",
-          },
-  
-        ],
-        // 调查结果
-        contentedFlaglist: [
-          {
-            value: "CONTENTED",
-            label: "满意",
-          },
-          {
-            value: "DISCONTENTED",
-            label: "不满意",
-          },
-  
-        ],
-        //播放回放
-        audiourl: undefined,
-        audioshow: false,
-        whshow: null,
-        AItrue: null,
-        COMMONtrue: null,
-        foldshow: null,
-        totalScoredata:0,
-        questiondata: {
-          totalScore: 0, //总分
-          routeHandlePerson: null,
-          routeHandleId: null,
+          value: "SUCCESS",
+          label: "已接通",
         },
-        // 问卷弹框
-        questionshow: false,
-        checkeddata: [],
-        formlist: [],
-        patientName:null,
-  
-  
-        // 问卷名称
-        questionnaireList: [],
-        //医院list
-        hospitalAgencylist: [],
-        // 院区list
-        campusAgencylist: [],
-        //科室list
-        departmentlist: [],
-        //病区list
-        wardlist: [],
-        //导入
-        fileList: [],
-        // 遮罩层
-        loading: true,
-        // 选中数组
-        ids: [],
-        patientVisitRecordId: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
-        // 总条数
-        total: 0,
-        // 表格数据
-        patientInfoList: [],
-        // 弹出层标题
-  
-        // 是否显示弹出层
-        uploadopen: false,
-        // 查询参数
-        dischargeTime: [],// 初始化为默认日期范围
-        queryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          startTime: null,
-          endTime: null,
-          questionnaireName: null,
-          taskNodeType: null,
-          patientName: null,
-          patientPhone: null,
-          hospitalAgencyId: null,
-          departmentId: null,
-          questionInfoId: null,
-          nodeExecuteStatus: '',
-          taskExcuteType: null,
-          contentedFlag: null,
-          phoneNodeExecuteResultStatus:null,
-          sn: null,
+        {
+          value: "FAILURE",
+          label: "未接通",
         },
-        show: false,
-  
-        options: [{
-          value: 'PHONE_OUTBOUND',
-          label: '电话外呼'
-        }, {
-          value: 'QUESTIONNAIRE_SCALE',
-          label: '问卷量表'
-        }],
-        // 表单参数
-        form: {},
-        // 表单校验
-        rules: {},
-      };
-    },
-    created() {
-      this.selectAgencyinfo();
-      this.getDefaultDateRange()
+
+      ],
+      // 节点任务执行状态
+      nodeExecutList: [
+        {
+          value: "EXECUTED",
+          label: "已执行",
+        },
+        {
+          value: "UNEXECUTED",
+          label: "未执行",
+        },
+      ],
+      // 任务类型
+      taskExcuteTypelist: [
+        {
+          value: "BATCH_TASK",
+          label: "批量任务",
+        },
+        {
+          value: "ACTUAL_TIME_TASK",
+          label: "单通电话",
+        },
+
+      ],
+      // 调查结果
+      contentedFlaglist: [
+        {
+          value: "CONTENTED",
+          label: "满意",
+        },
+        {
+          value: "DISCONTENTED",
+          label: "不满意",
+        },
+
+      ],
+      //播放回放
+      audiourl: undefined,
+      audioshow: false,
+      whshow: null,
+      AItrue: null,
+      COMMONtrue: null,
+      foldshow: null,
+      totalScoredata: 0,
+      questiondata: {
+        totalScore: 0, //总分
+        routeHandlePerson: null,
+        routeHandleId: null,
+      },
+      // 问卷弹框
+      questionshow: false,
+      checkeddata: [],
+      formlist: [],
+      patientName: null,
+
+
+      // 问卷名称
+      questionnaireList: [],
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
+      //导入
+      fileList: [],
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      patientVisitRecordId: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      patientInfoList: [],
+      // 弹出层标题
+
+      // 是否显示弹出层
+      uploadopen: false,
+      // 查询参数
+      dischargeTime: [],// 初始化为默认日期范围
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        startTime: null,
+        endTime: null,
+        questionnaireName: null,
+        taskNodeType: null,
+        patientName: null,
+        patientPhone: null,
+        hospitalAgencyId: null,
+        departmentId: null,
+        nodeExecuteStatus: '',
+        taskExcuteType: null,
+        contentedFlag: null,
+        phoneNodeExecuteResultStatus: null,
+        sn: null,
+        questionInfoId: null,
+        questionSubjectOptionId: null,
+        optionChooseSign: null,
+      },
+      show: false,
+
+      options: [{
+        value: 'PHONE_OUTBOUND',
+        label: '电话外呼'
+      }, {
+        value: 'QUESTIONNAIRE_SCALE',
+        label: '问卷量表'
+      }],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  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.getQuestion();
+    this.getList();
+  },
+  mounted() {
+    this.getMaxTableHeight();
+    this.screenChange();
+  },
+  methods: {
+    updateCPage(index, size) {
+      this.queryParams.pageNum = index;
+      this.queryParams.pageSize = size;
       this.getList();
-      this.getQuestion();
     },
-    mounted() {
-      this.getMaxTableHeight();
-      this.screenChange();
+    // 回放关闭
+    audiohandleClose() {
+      this.$refs.audioPlayer.pause();
+      this.audioshow = false;
+      this.audiourl = null;
     },
-    methods: {
-      updateCPage(index, size) {
-        this.queryParams.pageNum = index;
-        this.queryParams.pageSize = size;
-        this.getList();
-      },
-      // 回放关闭
-      audiohandleClose() {
-        this.$refs.audioPlayer.pause();
-        this.audioshow = false;
-        this.audiourl = null;
-      },
-      // 回放点击事件
-      async playback(row) {
-        console.log(row,'row')
-        this.patientName=row.patientName
-        // await this.$confirm("是否确认回放?", "提示", {
-        //   confirmButtonText: "确认",
-        //   cancelButtonText: "取消",
-        //   type: "warning",
-        // }).then(() => {
-          getPhoneDialVideo(row.manageRouteNodeId).then((res) => {
-            console.log(res, "res");
-            this.audioshow = true;
-            this.audiourl = process.env.VUE_APP_BASE_API + res.data.phoneDialRecordVideo;
-            this.formlist = res.data.record;
-            setTimeout(() => {
-              this.$refs.audioPlayer.load(); // 重新加载音频，以确保每次播放都是新的音频文件
-              // this.$refs.audioPlayer.play();
-            // }, 1000);
-          });
-        });
-      },
-      // 问卷查看
-      async questionlook(row) {
-        // this.totalScoredata=0,
-        await selectPatientQuestionSubmit(row.taskExecuteRecordId).then((res) => {
-          this.questiondata = res.data;
-          console.log( this.questiondata,' this.questiondata')
-          this.questiondata.subjectResultList.forEach((e) => {
-            // if(e.whetherScore==1){
-            //   e.optionResults.forEach((el) => {
-            //     if(el.optionChooseSign=="0"){
-            //       this.totalScoredata += el.optionScore
-            //     }
-            //   })
-            // }
-            e.optionResults.forEach((el) => {
-              if (
-                (el.optionChooseSign == "0" &&
-                  e.questionType == "MULTIPLE_CHOICE") ||
-                e.questionType == "COMBINATION_RADIO_SUBJECT"
-              ) {
-                e.checked = el.id;
-              } else if (
-                el.optionChooseSign == "0" &&
-                e.questionType == "MULTIPLE_CHOICE_QUESTIONS"
-              ) {
-                this.checkeddata.push(el.id);
-              } else if (
-                el.optionChooseSign == "0" &&
-                e.questionType == "SCORING_QUESTIONS"
-              ) {
-                e.checked = el.id;
-              } else if (
-                e.questionType == "COMBINATION_MULTIPLE_SUBJECT" &&
-                el.optionChooseSign == "0"
-              ) {
-                this.checkeddata.push(el.id);
-              }
-            });
-          });
-          this.questionshow = true;
-        });
-      },
-      changeTime(e) {
-        this.show = false;
-      },
-      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.startTime = this.formatDate(this.dischargeTime[0]);
-        this.queryParams.endTime = 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}`;
-      },
-      getQuestion() {
-        selectQuestionInfoList().then(response => {
-          this.questionnaireList = response
-        })
-      },
-      /** 查询患者信息列表 */
-      getList() {
-        this.loading = true;
-        uploadRobotPublishRecord(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;
-        });
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        if (this.dischargeTime?.length > 0) {
-          if (this.show == true) {
-            this.queryParams.startTime = this.formatDate(this.dischargeTime[0]);
-            this.queryParams.endTime = this.formatDate(this.dischargeTime[1]);
-  
-          } else if (this.show == false) {
-            this.queryParams.startTime = this.dischargeTime[0];
-            this.queryParams.endTime = this.dischargeTime[1];
-  
-          }
-  
-        }
-        else {
-          this.queryParams.startTime = null;
-          this.queryParams.endTime = null;
-        }
-        this.queryParams.pageNum = 1;
-        this.query = this.queryParams
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.queryParams = {
-          pageNum: 1,
-          pageSize: 10,
-        };
-        this.dischargeTime = [];
-        this.queryParams.startTime = "";
-        this.queryParams.endTime = "";
-        this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.ids = selection.map((item) => item.id);
-        this.patientVisitRecordIds = selection.map(
-          (item) => item.patientVisitRecordId
-        );
-        this.single = selection.length !== 1;
-        this.multiple = !selection.length;
-      },
-      //清空科室
-      cleardepartment() {
-        this.queryParams.wardId = null;
-        if (this.queryParams.departmentId) {
-          this.getAgencyListinfo("DEPARTMENT", this.queryParams.departmentId);
-        } else if (this.queryParams.campusAgencyId) {
-          this.getAgencyListinfo("CAMPUS", this.queryParams.campusAgencyId);
-        } else if (this.queryParams.hospitalAgencyId) {
-          this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
-        }
-      },
-      //选中科室获取病区
-      changedepartment(id) {
-        this.getAgencyListinfo("DEPARTMENT", id);
-        // let query = {
-        //   nodeType: 'WARD',
-        //   parentDepartmentId: id,
-        // }
-        // getDepartmentList(query).then(res => {
-        //   this.wardlist = res.data
-        this.queryParams.wardId = null;
-        // })
-      },
-      //选中医院获取院区
-      changehospitalAgency(id) {
-        this.getAgencyListinfo("HOSPITAL", id);
-        this.queryParams.departmentId = null;
-        // })
-  
-      },
-      //清空医院
-      clearhospitalAgency() {
-        this.queryParams.departmentId = null;
+    // 回放点击事件
+    async playback(row) {
+      console.log(row, 'row')
+      this.patientName = row.patientName
+      // await this.$confirm("是否确认回放?", "提示", {
+      //   confirmButtonText: "确认",
+      //   cancelButtonText: "取消",
+      //   type: "warning",
+      // }).then(() => {
+      getPhoneDialVideo(row.manageRouteNodeId).then((res) => {
+        console.log(res, "res");
+        this.audioshow = true;
+        this.audiourl = process.env.VUE_APP_BASE_API + res.data.phoneDialRecordVideo;
+        this.formlist = res.data.record;
         setTimeout(() => {
-          this.attendingPhysicianlist = [];
-        }, 1000);
-      },
-      //获取下级单位
-      getAgencyListinfo(nodeType, id) {
-        let query = {
-          nodeType: nodeType,
-        };
-        if (nodeType == "HOSPITAL") {
-          query.hospitalId = id;
-        } else if (nodeType == "CAMPUS") {
-          query.campusId = id;
-        } else if (nodeType == "DEPARTMENT") {
-          query.departmentId = id;
-        }
-        getAgencyList(query).then((res) => {
-          if (nodeType == "HOSPITAL") {
-            this.campusAgencylist = res.data.campusList;
-            this.departmentlist = res.data.departmentList;
-          } else if (nodeType == "CAMPUS") {
-            this.departmentlist = res.data.departmentList;
-          }
-          this.wardlist = res.data.wardList;
+          this.$refs.audioPlayer.load(); // 重新加载音频，以确保每次播放都是新的音频文件
+          // this.$refs.audioPlayer.play();
+          // }, 1000);
         });
-      },
-      selectAgencyinfo() {
-        let query = {
-          agencyStatus: "ON",
-          nodeType: "HOSPITAL",
-        };
-        selectAgencyList(query).then((res) => {
-          this.hospitalAgencylist = res.data;
-          if (this.hospitalAgencylist.length == 1) {
-            this.queryParams.hospitalAgencyId = this.hospitalAgencylist[0].id
-            this.getAgencyListinfo("HOSPITAL", this.hospitalAgencylist[0].id);
-          }
-        });
-      },
-      
-      //批次
-      messageontemplateword(item) {
-        console.log(item,'sn');
-        this.queryParams.sn = item.sn;
-      },
-  
-      // 详情
-      handdatile(row) {
-  
-  
-      },
-      // 获取表格最高高度
-      getMaxTableHeight() {
-        const windowInnerHeight = window.innerHeight; // 屏幕可视高度
-        const layoutDiv = this.$refs.layout;
-        const formDiv = this.$refs.topform;
-        const mb8Div = this.$refs.mb8;
-        this.maxTableHeight =
-          windowInnerHeight -
-          134 -
-          this.getBoxPadding(layoutDiv) -
-          this.getBoxHeight(mb8Div) -
-          this.getBoxHeight(formDiv);
-      },
-      // 屏幕resize监听
-      screenChange() {
-        // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
-        window.addEventListener("resize", this.getMaxTableHeight, true);
-        // 将屏幕监听事件移除
-        // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
-        // 或者将这里的方法直接写在beforeDestroy函数中也可以
-        this.$once("hook:beforeDestroy", () => {
-          window.removeEventListener("resize", this.getMaxTableHeight, true);
-        });
-      },
+      });
     },
-  };
+    // 问卷查看
+    async questionlook(row) {
+      // this.totalScoredata=0,
+      await selectPatientQuestionSubmit(row.taskExecuteRecordId).then((res) => {
+        this.questiondata = res.data;
+        console.log(this.questiondata, ' this.questiondata')
+        this.questiondata.subjectResultList.forEach((e) => {
+          // if(e.whetherScore==1){
+          //   e.optionResults.forEach((el) => {
+          //     if(el.optionChooseSign=="0"){
+          //       this.totalScoredata += el.optionScore
+          //     }
+          //   })
+          // }
+          e.optionResults.forEach((el) => {
+            if (
+              (el.optionChooseSign == "0" &&
+                e.questionType == "MULTIPLE_CHOICE") ||
+              e.questionType == "COMBINATION_RADIO_SUBJECT"
+            ) {
+              e.checked = el.id;
+            } else if (
+              el.optionChooseSign == "0" &&
+              e.questionType == "MULTIPLE_CHOICE_QUESTIONS"
+            ) {
+              this.checkeddata.push(el.id);
+            } else if (
+              el.optionChooseSign == "0" &&
+              e.questionType == "SCORING_QUESTIONS"
+            ) {
+              e.checked = el.id;
+            } else if (
+              e.questionType == "COMBINATION_MULTIPLE_SUBJECT" &&
+              el.optionChooseSign == "0"
+            ) {
+              this.checkeddata.push(el.id);
+            }
+          });
+        });
+        this.questionshow = true;
+      });
+    },
+    changeTime(e) {
+      this.show = false;
+    },
+    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.startTime = this.formatDate(this.dischargeTime[0]);
+      this.queryParams.endTime = 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}`;
+    },
+    getQuestion() {
+      selectQuestionInfoList().then(response => {
+        this.questionnaireList = response
+      })
+    },
+    /** 查询患者信息列表 */
+    getList() {
+      this.loading = true;
+      questionnaireTaskOptionList(this.queryParams).then((response) => {
+        this.patientInfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      if (this.dischargeTime?.length > 0) {
+        if (this.show == true) {
+          this.queryParams.startTime = this.formatDate(this.dischargeTime[0]);
+          this.queryParams.endTime = this.formatDate(this.dischargeTime[1]);
+
+        } else if (this.show == false) {
+          this.queryParams.startTime = this.dischargeTime[0];
+          this.queryParams.endTime = this.dischargeTime[1];
+
+        }
+
+      }
+      else {
+        this.queryParams.startTime = null;
+        this.queryParams.endTime = null;
+      }
+      this.queryParams.pageNum = 1;
+      this.query = this.queryParams
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      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 = "";
+      this.queryParams.endTime = "";
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.patientVisitRecordIds = selection.map(
+        (item) => item.patientVisitRecordId
+      );
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    //清空科室
+    cleardepartment() {
+      this.queryParams.wardId = null;
+      if (this.queryParams.departmentId) {
+        this.getAgencyListinfo("DEPARTMENT", this.queryParams.departmentId);
+      } else if (this.queryParams.campusAgencyId) {
+        this.getAgencyListinfo("CAMPUS", this.queryParams.campusAgencyId);
+      } else if (this.queryParams.hospitalAgencyId) {
+        this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
+      }
+    },
+    //选中科室获取病区
+    changedepartment(id) {
+      this.getAgencyListinfo("DEPARTMENT", id);
+      // let query = {
+      //   nodeType: 'WARD',
+      //   parentDepartmentId: id,
+      // }
+      // getDepartmentList(query).then(res => {
+      //   this.wardlist = res.data
+      this.queryParams.wardId = null;
+      // })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id) {
+      this.getAgencyListinfo("HOSPITAL", id);
+      this.queryParams.departmentId = null;
+      // })
+
+    },
+    //清空医院
+    clearhospitalAgency() {
+      this.queryParams.departmentId = null;
+      setTimeout(() => {
+        this.attendingPhysicianlist = [];
+      }, 1000);
+    },
+    //获取下级单位
+    getAgencyListinfo(nodeType, id) {
+      let query = {
+        nodeType: nodeType,
+      };
+      if (nodeType == "HOSPITAL") {
+        query.hospitalId = id;
+      } else if (nodeType == "CAMPUS") {
+        query.campusId = id;
+      } else if (nodeType == "DEPARTMENT") {
+        query.departmentId = id;
+      }
+      getAgencyList(query).then((res) => {
+        if (nodeType == "HOSPITAL") {
+          this.campusAgencylist = res.data.campusList;
+          this.departmentlist = res.data.departmentList;
+        } else if (nodeType == "CAMPUS") {
+          this.departmentlist = res.data.departmentList;
+        }
+        this.wardlist = res.data.wardList;
+      });
+    },
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: "ON",
+        nodeType: "HOSPITAL",
+      };
+      selectAgencyList(query).then((res) => {
+        this.hospitalAgencylist = res.data;
+        if (this.hospitalAgencylist.length == 1) {
+          this.queryParams.hospitalAgencyId = this.hospitalAgencylist[0].id
+          this.getAgencyListinfo("HOSPITAL", this.hospitalAgencylist[0].id);
+        }
+      });
+    },
+
+    //批次
+    messageontemplateword(item) {
+      console.log(item, 'sn');
+      this.queryParams.sn = item.sn;
+    },
+
+    // 详情
+    handdatile(row) {
+
+
+    },
+    // 获取表格最高高度
+    getMaxTableHeight() {
+      const windowInnerHeight = window.innerHeight; // 屏幕可视高度
+      const layoutDiv = this.$refs.layout;
+      const formDiv = this.$refs.topform;
+      const mb8Div = this.$refs.mb8;
+      this.maxTableHeight =
+        windowInnerHeight -
+        134 -
+        this.getBoxPadding(layoutDiv) -
+        this.getBoxHeight(mb8Div) -
+        this.getBoxHeight(formDiv);
+    },
+    // 屏幕resize监听
+    screenChange() {
+      // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
+      window.addEventListener("resize", this.getMaxTableHeight, true);
+      // 将屏幕监听事件移除
+      // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
+      // 或者将这里的方法直接写在beforeDestroy函数中也可以
+      this.$once("hook:beforeDestroy", () => {
+        window.removeEventListener("resize", this.getMaxTableHeight, true);
+      });
+    },
+  },
+};
     </script>
     <style lang="scss" scoped>
-    ::v-deep .el-input.is-disabled .el-input__inner {
-    background-color: #fff !important;
-    color: black !important;
+::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 {
+  background-color: #fff !important;
+  color: black !important;
+}
+
+::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 {
+  color: black !important;
+}
+
+::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 {
+  background-color: #fff !important;
+}
+
+::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 {
+  border-color: #1890ff !important;
+}
+
+::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 {
+  color: black !important;
+}
+.titlenew {
+  font-size: 16px;
+  font-weight: 600;
+  height: 60px;
+  margin-left: 20px;
+}
+
+::v-deep .el-table__fixed-right::before {
+  height: 0px !important;
+}
+.bottomheaderdata {
+  width: 99%;
+  background-color: #fff;
+  margin: 0 auto;
+
+  .title {
+    line-height: 40px;
+    font-size: 20px;
+    margin: 0 10px;
   }
-  
-  ::v-deep .el-textarea.is-disabled .el-textarea__inner {
-    background-color: #fff !important;
-    color: black !important;
+
+  .words {
+    font-size: 15px;
+    padding: 10px 50px 10px 10px;
   }
-  
-  ::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-    border: 1px solid #dcdfe6 !important;
-    border-color: #1890ff !important;
+}
+.audio {
+  margin: 10px 0px 10px 0;
+  .name {
+    display: inline-block;
+    margin: 20px;
   }
-  
-  ::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 {
-    border-color: #1890ff !important;
-  }
-  
-  ::v-deep .el-checkbox__input.is-disabled .el-checkbox__inner {
-    background-color: #fff !important;
-  }
-  
-  ::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 {
-    border-color: #1890ff !important;
-  }
-  
-  ::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 {
-    color: black !important;
-  }
-  .titlenew {
-    font-size: 16px;
-    font-weight: 600;
-    height: 60px;
-    margin-left: 20px;
-  }
-  
-  ::v-deep .el-table__fixed-right::before {
-    height: 0px !important;
-  }
-  .bottomheaderdata {
-    width: 99%;
-    background-color: #fff;
-    margin: 0 auto;
-  
-    .title {
-      line-height: 40px;
-      font-size: 20px;
-      margin: 0 10px;
-    }
-  
-    .words {
-      font-size: 15px;
-      padding: 10px 50px 10px 10px;
-    }
-  }
-  .audio {
-    margin: 10px 0px 10px 0;
-    .name {
-      display: inline-block;
-      margin: 20px
-    }
-  
-    .imagelist {
-      padding-top: 10px;
-      display: flex;
-      img {
-        width: 40px;
-        height: 40px;
-      }
-      .question {
-        // width: 1000px;
-        // height: 30px;
-        padding-left: 10px;
-        padding-right: 10px;
-        background: #fafbff;
-        box-shadow: 5px 5px 10px #dbe5f4;
-        border-radius: 5px;
-        line-height: 30px;
-        margin-top: 5px;
-        margin-left: 5px;
-      }
-      .questionname {
-        color: #559ca6;
-        padding-left: 10px;
-        font-weight: 600;
-      }
-      .content {
-        color: #939394;
-      }
-    }
-    .imagelistright {
-      padding-top: 10px;
-      display: flex;
-      // float: right;
-      justify-content: flex-end;
-      align-items: center;
-      img {
-        width: 40px;
-        height: 40px;
-        margin-left: 5px;
-      }
-      .question {
-        // width: 200px;
-        // height: 30px;
-        padding-left: 10px;
-        padding-right: 10px;
-  
-        background: #51b9ff;
-        box-shadow: 5px 5px 10px #dbe5f4;
-        border-radius: 5px;
-        line-height: 30px;
-        margin-top: 5px;
-        margin-left: 5px;
-        color: #fff;
-        text-align: center;
-      }
-      // .questionname {
-      //   color: #5da0aa;
-      //   padding-left: 10px;
-      // }
-      .content {
-        color: #dcdfe6;
-      }
-    }
-  }
-  audio {
-    width: 350px;
-  }
-  .tk {
-    ::v-deep .el-textarea__inner {
-      margin: 20px 0 10px 30px;
-    }
-  }
-  
-  ::v-deep .el-radio {
-    padding: 10px;
-  }
-  
-  ::v-deep .el-checkbox-group {
+
+  .imagelist {
+    padding-top: 10px;
     display: flex;
-    flex-direction: column;
-    padding: 10px 0px 10px 24px;
+    img {
+      width: 40px;
+      height: 40px;
+    }
+    .question {
+      // width: 1000px;
+      // height: 30px;
+      padding-left: 10px;
+      padding-right: 10px;
+      background: #fafbff;
+      box-shadow: 5px 5px 10px #dbe5f4;
+      border-radius: 5px;
+      line-height: 30px;
+      margin-top: 5px;
+      margin-left: 5px;
+    }
+    .questionname {
+      color: #559ca6;
+      padding-left: 10px;
+      font-weight: 600;
+    }
+    .content {
+      color: #939394;
+    }
   }
-  
-  ::v-deep .el-checkbox {
-    padding: 10px 0 10px 0px;
-    // padding: 10px;
-  }
-  
-  .custom-radio-group {
+  .imagelistright {
+    padding-top: 10px;
     display: flex;
-    flex-direction: column;
+    // float: right;
+    justify-content: flex-end;
+    align-items: center;
+    img {
+      width: 40px;
+      height: 40px;
+      margin-left: 5px;
+    }
+    .question {
+      // width: 200px;
+      // height: 30px;
+      padding-left: 10px;
+      padding-right: 10px;
+
+      background: #51b9ff;
+      box-shadow: 5px 5px 10px #dbe5f4;
+      border-radius: 5px;
+      line-height: 30px;
+      margin-top: 5px;
+      margin-left: 5px;
+      color: #fff;
+      text-align: center;
+    }
+    // .questionname {
+    //   color: #5da0aa;
+    //   padding-left: 10px;
+    // }
+    .content {
+      color: #dcdfe6;
+    }
+  }
+}
+audio {
+  width: 350px;
+}
+.tk {
+  ::v-deep .el-textarea__inner {
+    margin: 20px 0 10px 30px;
+  }
+}
+
+::v-deep .el-radio {
+  padding: 10px;
+}
+
+::v-deep .el-checkbox-group {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 0px 10px 24px;
+}
+
+::v-deep .el-checkbox {
+  padding: 10px 0 10px 0px;
+  // padding: 10px;
+}
+
+.custom-radio-group {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 0 10px 10px;
+
+  .custom {
     padding: 10px 0 10px 10px;
-  
-    .custom {
-      padding: 10px 0 10px 10px;
-    }
   }
-  
-  
-  .custom-radio-group {
-    display: flex;
-    flex-direction: column;
+}
+
+.custom-radio-group {
+  display: flex;
+  flex-direction: column;
+  padding: 10px 0 10px 10px;
+
+  .custom {
     padding: 10px 0 10px 10px;
-  
-    .custom {
-      padding: 10px 0 10px 10px;
-    }
   }
-  </style>
+}
+</style>
   
\ No newline at end of file