diff --git a/src/assets/manage/chat.png b/src/assets/manage/chat.png
new file mode 100644
index 0000000..09d113c
Binary files /dev/null and b/src/assets/manage/chat.png differ
diff --git a/src/assets/manage/solution.png b/src/assets/manage/solution.png
new file mode 100644
index 0000000..72d7ad8
Binary files /dev/null and b/src/assets/manage/solution.png differ
diff --git a/src/views/system/followup/index.vue b/src/views/system/followup/index.vue
index 419f1f2..b1f4102 100644
--- a/src/views/system/followup/index.vue
+++ b/src/views/system/followup/index.vue
@@ -1,36 +1,86 @@
 <template>
   <div class="app-container" ref="layout">
-    <el-tabs v-model="queryParams.nodeExecuteStatus" @tab-click="handleClick" style="flex: 1">
+    <el-tabs
+      v-model="queryParams.nodeExecuteStatus"
+      @tab-click="handleClick"
+      style="flex: 1"
+    >
       <el-tab-pane label="未执行" name="UNEXECUTED"></el-tab-pane>
       <el-tab-pane label="已执行" name="EXECUTED"></el-tab-pane>
     </el-tabs>
     <div ref="topform" class="form">
-      <SearchFilter labelWidth="90px" :labelWidths="310" size="small" @search="handleQuery" @reset="resetQuery"
-        @minShowCtrol="getMaxTableHeight" @fold="fold">
+      <SearchFilter
+        labelWidth="90px"
+        :labelWidths="310"
+        size="small"
+        @search="handleQuery"
+        @reset="resetQuery"
+        @minShowCtrol="getMaxTableHeight"
+        @fold="fold"
+      >
         <el-form-item label="执行时间" prop="startDate">
-          <el-date-picker v-model="intentionalTime" type="daterange" range-separator="至" start-placeholder="开始日期"
-            style="width: 220px" value-format="yyyy-MM-dd" end-placeholder="结束日期" @change="chooseTime">
+          <el-date-picker
+            v-model="intentionalTime"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 220px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+            @change="chooseTime"
+          >
           </el-date-picker>
         </el-form-item>
         <el-form-item label="姓名" prop="patientName">
-          <el-input style="width: 220px" v-model="queryParams.patientName" placeholder="请输入姓名" clearable
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            style="width: 220px"
+            v-model="queryParams.patientName"
+            placeholder="请输入姓名"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="电话" prop="patientPhone">
-          <el-input style="width: 220px" v-model="queryParams.patientPhone" placeholder="请输入电话" clearable
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            style="width: 220px"
+            v-model="queryParams.patientPhone"
+            placeholder="请输入电话"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
         </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-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="visitMethod">
-          <el-select style="width: 220px" v-model="queryParams.visitMethod" placeholder="请选择就诊方式" clearable>
-            <el-option v-for="dict in dict.type.visit_method" :key="dict.value" :label="dict.label"
-              :value="dict.value" />
+          <el-select
+            style="width: 220px"
+            v-model="queryParams.visitMethod"
+            placeholder="请选择就诊方式"
+            clearable
+          >
+            <el-option
+              v-for="dict in dict.type.visit_method"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
           </el-select>
         </el-form-item>
         <!-- <el-form-item label="就诊类型" prop="suitRange">
@@ -40,8 +90,13 @@
           </el-select>
         </el-form-item> -->
         <el-form-item label="就诊流水号" prop="visitSerialNumber">
-          <el-input style="width: 220px" v-model="queryParams.visitSerialNumber" placeholder="请输入就诊流水号" clearable
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            style="width: 220px"
+            v-model="queryParams.visitSerialNumber"
+            placeholder="请输入就诊流水号"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <!-- <el-form-item label="门诊/出院时间" prop="intentionalTimeStart">
           <el-date-picker @change="mzchange" v-model="mzTime" type="daterange" range-separator="至"
@@ -54,49 +109,122 @@
           </el-date-picker>
         </el-form-item> -->
         <el-form-item label="诊断" prop="mainDiagnosis">
-          <el-input style="width: 220px" v-model="queryParams.mainDiagnosis" placeholder="请输入诊断" clearable
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            style="width: 220px"
+            v-model="queryParams.mainDiagnosis"
+            placeholder="请输入诊断"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="院区" prop="campusAgencyId">
-          <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width: 220px" clearable
-            @clear="clearcampusAgency" @change="changecampusAgency">
-            <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          <el-select
+            v-model="queryParams.campusAgencyId"
+            filterable
+            placeholder="请选择院区"
+            style="width: 220px"
+            clearable
+            @clear="clearcampusAgency"
+            @change="changecampusAgency"
+          >
+            <el-option
+              v-for="item in campusAgencylist"
+              :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-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="wardId">
-          <el-select v-model="queryParams.wardId" filterable placeholder="请选择病区" style="width: 220px" clearable>
-            <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+          <el-select
+            v-model="queryParams.wardId"
+            filterable
+            placeholder="请选择病区"
+            style="width: 220px"
+            clearable
+          >
+            <el-option
+              v-for="item in wardlist"
+              :key="item.id"
+              :label="item.departmentName"
+              :value="item.id"
+            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="主治医生" prop="attendingPhysicianId">
-          <el-select v-model="queryParams.attendingPhysicianId" style="width: 220px" filterable placeholder="请选择主治医生"
-            clearable>
-            <el-option v-for="item in attendingPhysicianlist" :key="item.userId" :label="item.nickName"
-              :value="item.userId">
+          <el-select
+            v-model="queryParams.attendingPhysicianId"
+            style="width: 220px"
+            filterable
+            placeholder="请选择主治医生"
+            clearable
+          >
+            <el-option
+              v-for="item in attendingPhysicianlist"
+              :key="item.userId"
+              :label="item.nickName"
+              :value="item.userId"
+            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="任务名称" prop="manageRouteName">
-          <el-input v-model="queryParams.manageRouteName" placeholder="请输入任务名称" clearable style="width: 220px"
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            v-model="queryParams.manageRouteName"
+            placeholder="请输入任务名称"
+            clearable
+            style="width: 220px"
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="" prop="">
-          <span style="" v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED' && foldshow == true">
-            <el-switch class="switchStyle" v-model="timeSignshow" active-color="#1890ff" inactive-color="#5AC1A1"
-              active-text="全部" inactive-text="待办" @change="changeswitch" />
+          <span
+            style=""
+            v-if="
+              queryParams.nodeExecuteStatus == 'UNEXECUTED' && foldshow == true
+            "
+          >
+            <el-switch
+              class="switchStyle"
+              v-model="timeSignshow"
+              active-color="#1890ff"
+              inactive-color="#5AC1A1"
+              active-text="全部"
+              inactive-text="待办"
+              @change="changeswitch"
+            />
           </span>
-          <span style="margin-left: 13px;">
-            <el-switch class="switchStyle" v-model="phoneDialMethodshow" active-color="#1890ff" inactive-color="#5AC1A1"
-              active-text="智能外呼" inactive-text="人工电话" @change="changeswitchtwo" />
+          <span style="margin-left: 13px">
+            <el-switch
+              class="switchStyle"
+              v-model="phoneDialMethodshow"
+              active-color="#1890ff"
+              inactive-color="#5AC1A1"
+              active-text="智能外呼"
+              inactive-text="人工电话"
+              @change="changeswitchtwo"
+            />
           </span>
         </el-form-item>
         <!-- <el-form-item  label=""     prop="manageRouteName"       v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED' &&foldshow==true">
@@ -105,13 +233,33 @@
       </SearchFilter>
     </div>
     <div ref="table">
-      <el-table :max-height="maxTableHeight" v-loading="loading" :data="taskExecuteRecordList"
-        @selection-change="handleSelectionChange">
+      <el-table
+        :max-height="maxTableHeight"
+        v-loading="loading"
+        :data="taskExecuteRecordList"
+        @selection-change="handleSelectionChange"
+      >
         <!-- <el-table-column type="selection" width="35"  align="center" /> -->
         <el-table-column label="序号" type="index" width="48" align="center" />
-        <el-table-column label="姓名" align="center" prop="patientName" width="80" :show-overflow-tooltip="true" />
-        <el-table-column label="电话" align="center" prop="patientPhone" width="110" />
-        <el-table-column label="性别" align="center" prop="visitSerialNumber" width="48">
+        <el-table-column
+          label="姓名"
+          align="center"
+          prop="patientName"
+          width="80"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          label="电话"
+          align="center"
+          prop="patientPhone"
+          width="110"
+        />
+        <el-table-column
+          label="性别"
+          align="center"
+          prop="visitSerialNumber"
+          width="48"
+        >
           <template slot-scope="scope">
             {{ scope.row.sex == "MALE" ? "男" : "" }}
             {{ scope.row.sex == "FEMALE" ? "女" : "" }}
@@ -125,15 +273,26 @@
           </template>
         </el-table-column>
         <!-- <el-table-column label="院区" align="center" prop="campusAgencyName" /> -->
-        <el-table-column label="科室/病区" align="center" prop="departmentName" :show-overflow-tooltip="true" width="100">
+        <el-table-column
+          label="科室/病区"
+          align="center"
+          prop="departmentName"
+          :show-overflow-tooltip="true"
+          width="100"
+        >
           <template slot-scope="scope">
             {{ scope.row.departmentName }}
             {{ scope.row.wardName }}
           </template>
         </el-table-column>
         <!-- <el-table-column label="病区名称" align="center" prop="wardName" /> -->
-        <el-table-column :render-header="renderHeader" label="门诊|住院号/就诊流水号" align="center" width="120"
-          :show-overflow-tooltip="true">
+        <el-table-column
+          :render-header="renderHeader"
+          label="门诊|住院号/就诊流水号"
+          align="center"
+          width="120"
+          :show-overflow-tooltip="true"
+        >
           <template slot-scope="scope">
             {{ scope.row.inHospitalNumber }}<br />
             {{ scope.row.visitSerialNumber }}
@@ -146,17 +305,29 @@
           width="120"
           :show-overflow-tooltip="true"
         /> -->
-        <el-table-column label="诊断" align="center" prop="mainDiagnosis" width="120" :show-overflow-tooltip="true" />
+        <el-table-column
+          label="诊断"
+          align="center"
+          prop="mainDiagnosis"
+          width="120"
+          :show-overflow-tooltip="true"
+        />
         <el-table-column label="手术名称" align="center" prop="surgicalName" />
-        <el-table-column label="主治医生" align="center" prop="attendingPhysicianName" width="80"
-          :show-overflow-tooltip="true" />
+        <el-table-column
+          label="主治医生"
+          align="center"
+          prop="attendingPhysicianName"
+          width="80"
+          :show-overflow-tooltip="true"
+        />
         <el-table-column label="就诊方式" align="center" prop="visitMethod">
           <template slot-scope="scope">
             <span>
               {{ scope.row.visitMethod == "OUTPATIENT_SERVICE" ? "门诊" : "" }}
               {{ scope.row.visitMethod == "BE_IN_HOSPITAL" ? "住院" : "" }}
             </span>
-          </template></el-table-column>
+          </template></el-table-column
+        >
         <!-- <el-table-column label="就诊类型" align="center" prop="suitRange" width="80">
           <template slot-scope="scope">
             <span>
@@ -165,148 +336,368 @@
               {{ scope.row.suitRange == "DISCHARGE" ? "出院" : "" }}
             </span>
           </template></el-table-column> -->
-        <el-table-column label="入院时间" align="center" prop="admissionTime" width="100">
+        <el-table-column
+          label="入院时间"
+          align="center"
+          prop="admissionTime"
+          width="100"
+        >
           <template slot-scope="scope">
-            {{ scope.row.visitMethod == "BE_IN_HOSPITAL" ? parseTime(scope.row.admissionTime, "{y}-{m}-{d}") : "" }}
+            {{
+              scope.row.visitMethod == "BE_IN_HOSPITAL"
+                ? parseTime(scope.row.admissionTime, "{y}-{m}-{d}")
+                : ""
+            }}
             <!-- <span>{{  parseTime(scope.row.admissionTime, "{y}-{m}-{d}") }}</span> -->
           </template>
         </el-table-column>
-        <el-table-column label="门诊/出院时间" align="center" prop="visitTime" width="105">
+        <el-table-column
+          label="门诊/出院时间"
+          align="center"
+          prop="visitTime"
+          width="105"
+        >
           <template slot-scope="scope">
             <span>
-              {{ scope.row.visitMethod == "OUTPATIENT_SERVICE" ? parseTime(scope.row.visitTime, "{y}-{m}-{d}") : "" }}
-              {{ scope.row.visitMethod == "BE_IN_HOSPITAL" ? parseTime(scope.row.dischargeTime, "{y}-{m}-{d}") : "" }}
+              {{
+                scope.row.visitMethod == "OUTPATIENT_SERVICE"
+                  ? parseTime(scope.row.visitTime, "{y}-{m}-{d}")
+                  : ""
+              }}
+              {{
+                scope.row.visitMethod == "BE_IN_HOSPITAL"
+                  ? parseTime(scope.row.dischargeTime, "{y}-{m}-{d}")
+                  : ""
+              }}
             </span>
           </template>
         </el-table-column>
-        <el-table-column label="路径名称" align="center" prop="manageRouteName" width="110">
+        <el-table-column
+          label="路径名称"
+          align="center"
+          prop="manageRouteName"
+          width="110"
+        >
         </el-table-column>
-        <el-table-column label="任务节点" align="center" prop="routeNodeName" width="110">
+        <el-table-column
+          label="任务节点"
+          align="center"
+          prop="routeNodeName"
+          width="110"
+        >
           <template slot-scope="scope">
             <span v-if="scope.row.routeNodeName == 'AFTER_DISCHARGE'">
               出院后
-              <span v-if="scope.row.routeNodeDay"> 第{{ scope.row.routeNodeDay }}天</span>
+              <span v-if="scope.row.routeNodeDay">
+                第{{ scope.row.routeNodeDay }}天</span
+              >
             </span>
             <span v-if="scope.row.routeNodeName == 'AFTER_ADMISSION'">
               入院后
-              <span v-if="scope.row.routeNodeDay"> 第{{ scope.row.routeNodeDay }}天</span>
+              <span v-if="scope.row.routeNodeDay">
+                第{{ scope.row.routeNodeDay }}天</span
+              >
             </span>
             <span v-if="scope.row.routeNodeName == 'AFTER_CONSULTATION'">
               就诊后
-              <span v-if="scope.row.routeNodeDay"> 第{{ scope.row.routeNodeDay }}天</span>
+              <span v-if="scope.row.routeNodeDay">
+                第{{ scope.row.routeNodeDay }}天</span
+              >
             </span>
             <span v-if="scope.row.routeNodeName == 'AFTER_VISIT_DISCHARGE'">
               就诊/出院后
-              <span v-if="scope.row.routeNodeDay">第{{ scope.row.routeNodeDay }}天</span>
+              <span v-if="scope.row.routeNodeDay"
+                >第{{ scope.row.routeNodeDay }}天</span
+              >
             </span>
             <span v-if="scope.row.routeNodeName == 'PREOPERATIVE'">
               术前
-              <span v-if="scope.row.routeNodeDay"> 第{{ scope.row.routeNodeDay }}天</span>
+              <span v-if="scope.row.routeNodeDay">
+                第{{ scope.row.routeNodeDay }}天</span
+              >
             </span>
             <span v-if="scope.row.routeNodeName == 'POSTOPERATIVE'">
               术后
-              <span v-if="scope.row.routeNodeDay"> 第{{ scope.row.routeNodeDay }}天</span>
+              <span v-if="scope.row.routeNodeDay">
+                第{{ scope.row.routeNodeDay }}天</span
+              >
             </span>
           </template>
         </el-table-column>
-        <el-table-column label="任务内容" align="center" prop="taskNodeType" :show-overflow-tooltip="true">
+        <el-table-column
+          label="任务内容"
+          align="center"
+          prop="taskNodeType"
+          :show-overflow-tooltip="true"
+        >
           <template slot-scope="scope">
             <span>
               {{ scope.row.taskNodeType == "PHONE_OUTBOUND" ? "电话外呼" : "" }}
-              {{ scope.row.taskNodeType == "QUESTIONNAIRE_SCALE" ? "问卷量表" : "" }}
-              {{ scope.row.taskNodeType == "PROPAGANDA_ARTICLE" ? "宣教文章" : "" }}
+              {{
+                scope.row.taskNodeType == "QUESTIONNAIRE_SCALE"
+                  ? "问卷量表"
+                  : ""
+              }}
+              {{
+                scope.row.taskNodeType == "PROPAGANDA_ARTICLE" ? "宣教文章" : ""
+              }}
               {{ scope.row.taskNodeType == "TEXT_REMIND" ? "文字提醒" : "" }}
               <!-- {{ scope.row.taskType == "ARTIFICIAL_FOLLOW_UP" ? "人工随访" : "" }} -->
             </span>
           </template>
         </el-table-column>
-        <el-table-column v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'" label="计划时间" align="center"
-          prop="planTime" width="95">
+        <el-table-column
+          v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'"
+          label="计划时间"
+          align="center"
+          prop="planTime"
+          width="95"
+        >
           <template slot-scope="scope">
             <span>{{ parseTime(scope.row.planTime, "{y}-{m}-{d}") }}</span>
           </template>
         </el-table-column>
-        <el-table-column v-if="queryParams.nodeExecuteStatus == 'EXECUTED'" label="执行时间" align="center"
-          prop="executeTime" width="95">
+        <el-table-column
+          v-if="queryParams.nodeExecuteStatus == 'EXECUTED'"
+          label="执行时间"
+          align="center"
+          prop="executeTime"
+          width="95"
+        >
           <template slot-scope="scope">
             <span>{{ parseTime(scope.row.executeTime, "{y}-{m}-{d}") }}</span>
           </template>
         </el-table-column>
         <!-- <el-table-column label="随访模板" align="center" prop="templateName" width="110">
         </el-table-column> -->
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+        >
           <template slot-scope="scope">
-            <el-button v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'" size="mini" type="text"
-              icon="el-icon-bank-card" @click="handleUpdate(scope.row)">处理</el-button>
-            <el-button v-if="whshow" size="mini" type="text" icon="el-icon-phone"
-              @click="Outbound(scope.row)">外呼</el-button>
-            <el-button v-if="AItrue && scope.row.taskNodeType == 'PHONE_OUTBOUND'" size="mini" type="text"
-              @click="playback(scope.row)" icon="el-icon-headset">回放</el-button>
             <el-button
-              v-if="AItrue && !scope.row.taskNodeType == 'PHONE_OUTBOUND' && !scope.row.taskNodeType == 'QUESTIONNAIRE_SCALE'"
-              size="mini" type="text" icon="el-icon-view">查看</el-button>
+              v-if="queryParams.nodeExecuteStatus == 'UNEXECUTED'"
+              size="mini"
+              type="text"
+              icon="el-icon-bank-card"
+              @click="handleUpdate(scope.row)"
+              >处理</el-button
+            >
             <el-button
-              v-if="queryParams.nodeExecuteStatus == 'EXECUTED' && scope.row.taskNodeType == 'QUESTIONNAIRE_SCALE'"
-              size="mini" type="text" icon="el-icon-notebook-2" @click="questionlook(scope.row)">问卷查看</el-button>
-            <el-button v-if="COMMONtrue" size="mini" type="text" icon="el-icon-document"
-              @click="handleadtail(scope.row)">详情</el-button>
+              v-if="whshow"
+              size="mini"
+              type="text"
+              icon="el-icon-phone"
+              @click="Outbound(scope.row)"
+              >外呼</el-button
+            >
+            <el-button
+              v-if="AItrue && scope.row.taskNodeType == 'PHONE_OUTBOUND'"
+              size="mini"
+              type="text"
+              @click="playback(scope.row)"
+              icon="el-icon-headset"
+              >回放</el-button
+            >
+            <el-button
+              v-if="
+                AItrue &&
+                !scope.row.taskNodeType == 'PHONE_OUTBOUND' &&
+                !scope.row.taskNodeType == 'QUESTIONNAIRE_SCALE'
+              "
+              size="mini"
+              type="text"
+              icon="el-icon-view"
+              >查看</el-button
+            >
+            <el-button
+              v-if="
+                queryParams.nodeExecuteStatus == 'EXECUTED' &&
+                scope.row.taskNodeType == 'QUESTIONNAIRE_SCALE'
+              "
+              size="mini"
+              type="text"
+              icon="el-icon-notebook-2"
+              @click="questionlook(scope.row)"
+              >问卷查看</el-button
+            >
+            <el-button
+              v-if="COMMONtrue"
+              size="mini"
+              type="text"
+              icon="el-icon-document"
+              @click="handleadtail(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="audioshow" width="400px" :before-close="audiohandleClose">
+    <myPagination
+      v-show="total > 0"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      :indexFromWrap="queryParams.pageNum"
+      @updateCPage="updateCPage"
+    ></myPagination>
+    <el-dialog
+      title="回放"
+      :visible.sync="audioshow"
+      width="800px"
+      :before-close="audiohandleClose"
+    >
       <div class="audio">
-        <audio ref="audioPlayer" :src="audiourl" controls></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/solution.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/chat.png" alt="" />
+          </div>
+        </div>
       </div>
     </el-dialog>
     <el-dialog title="问卷查看" :visible.sync="questionshow" width="40%">
       <div class="bottomheader">
         <div class="right">
           <div class="title">总分：{{ questiondata.totalScore }}分</div>
-          <div class="words" v-for="(item, index) in questiondata.subjectResultList" :key="index">
+          <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 == '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
+            >
             <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)">
+              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)">
+            <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'"
-              class="tk">
-              <el-input disabled v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
+            <div
+              v-if="
+                item.questionType == 'FILL_IN_THE_BLANKS' ||
+                item.questionType == 'COMBINATION_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="选择日期">
+            <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="选择时间">
+            <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>
@@ -316,14 +707,16 @@
   </div>
 </template>
 <script>
-import { manualFollowUpList, createActualTimeTask, getPhoneDialVideo } from "@/api/system/followup";
+import {
+  manualFollowUpList,
+  createActualTimeTask,
+  getPhoneDialVideo,
+} from "@/api/system/followup";
 import { usergetList } from "@/api/unitconfig/patientConfiguration";
 import { getAge } from "@/utils/age";
 import { selectAgencyList, getAgencyList } from "@/api/manage/selectAgencyList";
-import SearchFilter from '../../components/SearchForm.vue'
-import {
-  selectPatientQuestionSubmit,
-} from "@/api/system/taskExecuteRecord";
+import SearchFilter from "../../components/SearchForm.vue";
+import { selectPatientQuestionSubmit } from "@/api/system/taskExecuteRecord";
 export default {
   name: "Followup22",
   dicts: ["visit_method"],
@@ -398,7 +791,7 @@ export default {
         patientName: null,
         startDate: null,
         endDate: null,
-        phoneDialMethod: 'COMMON',
+        phoneDialMethod: "COMMON",
         manageRouteName: null,
         manageRouteNodeName: null,
         taskContent: null,
@@ -411,6 +804,7 @@ export default {
         departmentId: null,
         wardId: null,
       },
+      patientName:null,
       // 表单参数
       form: {},
       visitoptions: [
@@ -435,6 +829,7 @@ export default {
       // },
       questionshow: false,
       checkeddata: [],
+      formlist: [],
       questiondata: {
         totalScore: 0, //总分
         routeHandlePerson: null,
@@ -462,55 +857,72 @@ export default {
         this.questiondata = res.data;
         this.questiondata.subjectResultList.forEach((e) => {
           e.optionResults.forEach((el) => {
-            if ((el.optionChooseSign == "0" && e.questionType == "MULTIPLE_CHOICE") || e.questionType == "COMBINATION_RADIO_SUBJECT") {
+            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") {
+            } else if (
+              el.optionChooseSign == "0" &&
+              e.questionType == "MULTIPLE_CHOICE_QUESTIONS"
+            ) {
               this.checkeddata.push(el.id);
-            } else if (el.optionChooseSign == "0" && e.questionType == "SCORING_QUESTIONS") {
+            } else if (
+              el.optionChooseSign == "0" &&
+              e.questionType == "SCORING_QUESTIONS"
+            ) {
               e.checked = el.id;
-            } else if (e.questionType == "COMBINATION_MULTIPLE_SUBJECT" && el.optionChooseSign == "0") {
+            } else if (
+              e.questionType == "COMBINATION_MULTIPLE_SUBJECT" &&
+              el.optionChooseSign == "0"
+            ) {
               this.checkeddata.push(el.id);
             }
           });
         });
-        this.questionshow = true
+        this.questionshow = true;
       });
     },
     audiohandleClose() {
-      this.$refs.audioPlayer.pause()
-      this.audioshow = false
-      this.audiourl = null
+      this.$refs.audioPlayer.pause();
+      this.audioshow = false;
+      this.audiourl = null;
     },
     async playback(row) {
-      await this.$confirm('是否确认回放?', '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
-        type: 'warning'
+      console.log(row,'row')
+      this.patientName=row.patientName
+      await this.$confirm("是否确认回放?", "提示", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
       }).then(() => {
-        getPhoneDialVideo(row.manageRouteNodeId).then(res => {
-          this.audioshow = true
-          this.audiourl = process.env.VUE_APP_BASE_API + res.data
+        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);
-        })
-      })
+        });
+      });
     },
     Outbound(row) {
-      this.$confirm('是否确认进行外呼?', '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
-        type: 'warning'
+      this.$confirm("是否确认进行外呼?", "提示", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
       }).then(() => {
         createActualTimeTask({
-          "manageRouteId": row.manageRouteId,
-          "scriptInfoId": row.scriptInfoId,
-          "signPatientManageRouteNodeId": row.manageRouteNodeId
-        }).then(res => {
+          manageRouteId: row.manageRouteId,
+          scriptInfoId: row.scriptInfoId,
+          signPatientManageRouteNodeId: row.manageRouteNodeId,
+        }).then((res) => {
           this.$modal.msgSuccess("外呼成功");
-        })
-      })
+        });
+      });
     },
     changeswitchtwo(e) {
       if (e == true) {
@@ -562,7 +974,7 @@ export default {
       } else {
         this.queryParams.timeSign = "TODAY";
         this.timeSignshow = false;
-        this.phoneDialMethodshow = false
+        this.phoneDialMethodshow = false;
         this.queryParams.phoneDialMethod = "COMMON";
       }
       this.getList();
@@ -681,20 +1093,29 @@ export default {
     getList() {
       this.loading = true;
       manualFollowUpList(this.queryParams).then((response) => {
-        if (this.queryParams.phoneDialMethod == 'AI' && this.queryParams.nodeExecuteStatus == 'UNEXECUTED') {
-          this.whshow = true
+        if (
+          this.queryParams.phoneDialMethod == "AI" &&
+          this.queryParams.nodeExecuteStatus == "UNEXECUTED"
+        ) {
+          this.whshow = true;
         } else {
-          this.whshow = false
+          this.whshow = false;
         }
-        if (this.queryParams.phoneDialMethod == 'AI' && this.queryParams.nodeExecuteStatus == 'EXECUTED') {
-          this.AItrue = true
+        if (
+          this.queryParams.phoneDialMethod == "AI" &&
+          this.queryParams.nodeExecuteStatus == "EXECUTED"
+        ) {
+          this.AItrue = true;
         } else {
-          this.AItrue = false
+          this.AItrue = false;
         }
-        if (this.queryParams.phoneDialMethod == 'COMMON' && this.queryParams.nodeExecuteStatus == 'EXECUTED') {
-          this.COMMONtrue = true
+        if (
+          this.queryParams.phoneDialMethod == "COMMON" &&
+          this.queryParams.nodeExecuteStatus == "EXECUTED"
+        ) {
+          this.COMMONtrue = true;
         } else {
-          this.COMMONtrue = false
+          this.COMMONtrue = false;
         }
         localStorage.setItem("followupquery", JSON.stringify(this.queryParams));
         this.taskExecuteRecordList = response.rows;
@@ -748,7 +1169,10 @@ export default {
         this.queryParams.clinicalStartTime = null;
         this.queryParams.clinicalEndTime = null;
       } else {
-        if (!this.queryParams.suitRange || this.queryParams.suitRange == "IN_THE_HOSPITAL") {
+        if (
+          !this.queryParams.suitRange ||
+          this.queryParams.suitRange == "IN_THE_HOSPITAL"
+        ) {
           this.queryParams.clinicalStartTime = this.mzTime[0];
           this.queryParams.clinicalEndTime = this.mzTime[1];
           this.queryParams.dischargeStartTime =
@@ -810,7 +1234,7 @@ export default {
           startDate: null,
           endDate: null,
           manageRouteName: null,
-          phoneDialMethod: 'COMMON',
+          phoneDialMethod: "COMMON",
           manageRouteNodeName: null,
           taskContent: null,
           executeTime: null,
@@ -823,7 +1247,7 @@ export default {
           wardId: null,
         };
         this.timeSignshow = false;
-        this.phoneDialMethodshow = false
+        this.phoneDialMethodshow = false;
       } else {
         this.queryParams = {
           pageNum: 1,
@@ -845,7 +1269,7 @@ export default {
           patientName: null,
           startDate: null,
           endDate: null,
-          phoneDialMethod: 'COMMON',
+          phoneDialMethod: "COMMON",
           manageRouteName: null,
           manageRouteNodeName: null,
           taskContent: null,
@@ -922,7 +1346,9 @@ export default {
           manageRouteNodeId: row.manageRouteNodeId,
           visitRecordId: row.visitRecordId,
           taskExecuteRecordId: row.taskExecuteRecordId,
-          routeHandleRemark: row.routeHandleRemark ? row.routeHandleRemark : null,
+          routeHandleRemark: row.routeHandleRemark
+            ? row.routeHandleRemark
+            : null,
         },
       });
     },
@@ -960,7 +1386,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -985,7 +1411,7 @@ export default {
         this.getBoxHeight(formDiv);
     },
     fold(e) {
-      this.foldshow = e
+      this.foldshow = e;
     },
     // 屏幕resize监听
     screenChange() {
@@ -1021,11 +1447,11 @@ export default {
 }
 
 ::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-  border: 1px solid #DCDFE6 !important;
+  border: 1px solid #dcdfe6 !important;
   border-color: #1890ff !important;
 }
 
-::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
+::v-deep .el-checkbox__input.is-disabled + span.el-checkbox__label {
   color: black !important;
 }
 
@@ -1038,7 +1464,7 @@ export default {
 }
 
 ::v-deep .el-radio__input.is-disabled .el-radio__inner {
-  border: 1px solid #DCDFE6 !important;
+  border: 1px solid #dcdfe6 !important;
   background-color: #fff !important;
 }
 
@@ -1051,7 +1477,7 @@ export default {
   background-color: #1890ff !important;
 }
 
-::v-deep .el-radio__input.is-disabled+span.el-radio__label {
+::v-deep .el-radio__input.is-disabled + span.el-radio__label {
   color: black !important;
 }
 
@@ -1120,6 +1546,73 @@ export default {
 
 .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 {