From 88ac15025a18d47ee5a848a63a68f481ae33f733 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=AB=E6=99=93=E8=8C=B9?= <1935832701@qq.com>
Date: Mon, 5 Aug 2024 11:11:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B1=95=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/signRecord/index.vue | 848 +++++++++++++++++++-------
 1 file changed, 612 insertions(+), 236 deletions(-)

diff --git a/src/views/manage/signRecord/index.vue b/src/views/manage/signRecord/index.vue
index 5554aca..7844017 100644
--- a/src/views/manage/signRecord/index.vue
+++ b/src/views/manage/signRecord/index.vue
@@ -7,23 +7,63 @@
       <!-- <el-tab-pane label="待续签" name="WAIT_CONTINUOUS_SIGN"></el-tab-pane> -->
     </el-tabs>
     <div ref="topform" class="form">
-      <SearchFilter :labelWidths="280" style="width: calc(100% - 80px);"  size="mini" @search="handleQuery"
-        @reset="resetQuery" @minShowCtrol="getMaxTableHeight" v-show="showSearch">
-      <!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="70px"> -->
-        <el-form-item label="加入意向时间" prop="intentionalTimeStart" label-width="110px"
-          v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'">
-          <el-date-picker v-model="intentionalTime" type="daterange" range-separator="至" start-placeholder="开始日期"
-            style="width:300px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
+      <SearchFilter
+        :labelWidths="280"
+        style="width: calc(100% - 80px)"
+        size="mini"
+        @search="handleQuery"
+        @reset="resetQuery"
+        @minShowCtrol="getMaxTableHeight"
+        v-show="showSearch"
+      >
+        <!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="70px"> -->
+        <el-form-item
+          label="加入意向时间"
+          prop="intentionalTimeStart"
+          label-width="110px"
+          v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'"
+        >
+          <el-date-picker
+            v-model="intentionalTime"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 300px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+          >
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="签约时间" prop="signTimeStart" v-if="queryParams.serviceStatus == 'SERVICE_CENTER'">
-          <el-date-picker v-model="signTime" type="daterange" range-separator="至" start-placeholder="开始日期"
-            style="width:300px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
+        <el-form-item
+          label="签约时间"
+          prop="signTimeStart"
+          v-if="queryParams.serviceStatus == 'SERVICE_CENTER'"
+        >
+          <el-date-picker
+            v-model="signTime"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 300px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+          >
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="到期时间" prop="serviceEndTimeStart" v-if="queryParams.serviceStatus == 'SERVICE_END'">
-          <el-date-picker v-model="serviceEndTime" type="daterange" range-separator="至" start-placeholder="开始日期"
-            style="width:300px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
+        <el-form-item
+          label="到期时间"
+          prop="serviceEndTimeStart"
+          v-if="queryParams.serviceStatus == 'SERVICE_END'"
+        >
+          <el-date-picker
+            v-model="serviceEndTime"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 300px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+          >
           </el-date-picker>
         </el-form-item>
         <!-- <el-form-item label="提交时间" prop="submissionTimeStart" v-if="queryParams.serviceStatus == 'WAIT_CONTINUOUS_SIGN'">
@@ -33,9 +73,18 @@
       </el-form-item> -->
         <!-- 门诊：OUTPATIENT_SERVICE，住院：BE_IN_HOSPITAL -->
         <el-form-item label="就诊方式" prop="visitMethod">
-          <el-select v-model="queryParams.visitMethod" placeholder="请选择就诊方式" clearable style="width:200px">
-            <el-option v-for="dict in dict.type.visit_method" :key="dict.value" :label="dict.label"
-              :value="dict.value" />
+          <el-select
+            v-model="queryParams.visitMethod"
+            placeholder="请选择就诊方式"
+            clearable
+            style="width: 200px"
+          >
+            <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="signDiagnosis">
@@ -43,63 +92,136 @@
           @keyup.enter.native="handleQuery" />
       </el-form-item> -->
         <el-form-item label="意向来源" prop="intentionalSource">
-          <el-input v-model="queryParams.intentionalSource" placeholder="请输入意向来源" clearable style="width:200px"
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            v-model="queryParams.intentionalSource"
+            placeholder="请输入意向来源"
+            clearable
+            style="width: 200px"
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="开单医生" prop="billingDoctorName">
-          <el-input v-model="queryParams.billingDoctorName" placeholder="请输入开单医生姓名" clearable style="width:200px"
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            v-model="queryParams.billingDoctorName"
+            placeholder="请输入开单医生姓名"
+            clearable
+            style="width: 200px"
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="患者姓名" prop="patientName">
-          <el-input v-model="queryParams.patientName" placeholder="请输入患者姓名" clearable @keyup.enter.native="handleQuery"
-            style="width:200px" />
+          <el-input
+            v-model="queryParams.patientName"
+            placeholder="请输入患者姓名"
+            clearable
+            @keyup.enter.native="handleQuery"
+            style="width: 200px"
+          />
         </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-input
+            v-model="queryParams.patientPhone"
+            placeholder="请输入患者电话"
+            clearable
+            @keyup.enter.native="handleQuery"
+            style="width: 200px"
+          />
         </el-form-item>
         <!-- <el-form-item label="身份证号" prop="cardNo">
         <el-input v-model="queryParams.cardNo" 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:200px" 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: 200px"
+            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="campusAgencyId">
-          <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" 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: 200px"
+            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:200px" 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: 200px"
+            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:200px" 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: 200px"
+            clearable
+          >
+            <el-option
+              v-for="item in wardlist"
+              :key="item.id"
+              :label="item.departmentName"
+              :value="item.id"
+            >
             </el-option>
           </el-select>
         </el-form-item>
-    </SearchFilter>
 
         <!-- <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> -->
+      </SearchFilter>
     </div>
-    <div ref="mb8" class="mb8" v-if="queryParams.serviceStatus == 'SERVICE_CENTER'">
+    <div
+      ref="mb8"
+      class="mb8"
+      v-if="queryParams.serviceStatus == 'SERVICE_CENTER'"
+    >
       <el-row :gutter="10" class="">
         <el-col :span="1.5">
-          <el-button type="primary" plain size="mini" @click="addTask">手动创建任务</el-button>
+          <el-button type="primary" plain size="mini" @click="addTask"
+            >手动创建任务</el-button
+          >
         </el-col>
         <!-- <el-col :span="1.5">
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
@@ -117,160 +239,377 @@
         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
           v-hasPermi="['manage:signRecord:export']">导出</el-button>
       </el-col> -->
-        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
       </el-row>
     </div>
     <div ref="table">
       <div v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'">
-        <el-table :max-height="maxTableHeight" v-loading="loading" :data="signRecordList"
-          @selection-change="handleSelectionChange">
-          <el-table-column label="序号" type="index" width="55" align="center" />
+        <el-table
+          :max-height="maxTableHeight"
+          v-loading="loading"
+          :data="signRecordList"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            width="55"
+            align="center"
+          />
           <el-table-column label="姓名" align="center" prop="patientName" />
-          <el-table-column label="电话" align="center" prop="patientPhone" width="130" />
-          <el-table-column label="就诊流水号" align="center" prop="visitSerialNumber" width="130" />
+          <el-table-column
+            label="电话"
+            align="center"
+            prop="patientPhone"
+            width="130"
+          />
+          <el-table-column
+            label="就诊流水号"
+            align="center"
+            prop="visitSerialNumber"
+            width="130"
+          />
           <el-table-column label="诊断" align="center" prop="signDiagnosis" />
-          <el-table-column label="医院" align="center" prop="hospitalAgencyName" width="130" />
-          <el-table-column label="院区" align="center" prop="campusAgencyName" />
+          <el-table-column
+            label="医院"
+            align="center"
+            prop="hospitalAgencyName"
+            width="130"
+          />
+          <el-table-column
+            label="院区"
+            align="center"
+            prop="campusAgencyName"
+          />
           <el-table-column label="科室" align="center" prop="departmentName" />
           <el-table-column label="病区" align="center" prop="wardName" />
           <el-table-column label="就诊方式" align="center" prop="visitMethod">
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.visit_method" :value="scope.row.visitMethod" />
+              <dict-tag
+                :options="dict.type.visit_method"
+                :value="scope.row.visitMethod"
+              />
             </template>
           </el-table-column>
-          <el-table-column label="意向来源" align="center" prop="intentionalSource">
+          <el-table-column
+            label="意向来源"
+            align="center"
+            prop="intentionalSource"
+          >
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.sign_intentional_source" :value="scope.row.intentionalSource" />
+              <dict-tag
+                :options="dict.type.sign_intentional_source"
+                :value="scope.row.intentionalSource"
+              />
             </template>
           </el-table-column>
-          <el-table-column label="加入意向时间" align="center" prop="intentionalTime" width="180">
+          <el-table-column
+            label="加入意向时间"
+            align="center"
+            prop="intentionalTime"
+            width="180"
+          >
             <template slot-scope="scope">
               <span>{{ formatDate(scope.row.intentionalTime) }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="开单医生" align="center" prop="billingDoctorName" />
+          <el-table-column
+            label="开单医生"
+            align="center"
+            prop="billingDoctorName"
+          />
           <el-table-column label="金额" align="center" prop="price" />
           <el-table-column label="缴费状态" align="center" prop="paymentStatus">
             <template slot-scope="scope">
-              <span>{{ scope.row.paymentStatus == 'PAID' ? '已缴费' : '' }}
-                {{ scope.row.paymentStatus == 'UNPAID_FEES' ? '未缴费' : '' }}
+              <span
+                >{{ scope.row.paymentStatus == "PAID" ? "已缴费" : "" }}
+                {{ scope.row.paymentStatus == "UNPAID_FEES" ? "未缴费" : "" }}
               </span>
             </template>
           </el-table-column>
           <el-table-column label="签约时长" align="center" prop="serviceCycle">
             <template slot-scope="scope">
-              <span>{{ scope.row.packageTerm }}{{ scope.row.packageTermUnit }}</span>
+              <span
+                >{{ scope.row.packageTerm
+                }}{{ scope.row.packageTermUnit }}</span
+              >
             </template>
           </el-table-column>
-          <el-table-column label="签约状态" align="center" prop="signStatus"
-            v-if="queryParams.serviceStatus == 'SERVICE_END'">
+          <el-table-column
+            label="签约状态"
+            align="center"
+            prop="signStatus"
+            v-if="queryParams.serviceStatus == 'SERVICE_END'"
+          >
             <template slot-scope="scope">
-              {{ scope.row.signStatus == 'SEPARATE_SIGN' ? '取消签约' : '' }}
-              {{ scope.row.signStatus == 'EXPIRE_SIGN' ? '过期' : '' }}
+              {{ scope.row.signStatus == "SEPARATE_SIGN" ? "取消签约" : "" }}
+              {{ scope.row.signStatus == "EXPIRE_SIGN" ? "过期" : "" }}
             </template>
           </el-table-column>
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="160">
+          <el-table-column
+            label="操作"
+            align="center"
+            class-name="small-padding fixed-width"
+            fixed="right"
+            width="160"
+          >
             <template slot-scope="scope">
-              <el-button size="mini" type="text" @click="handlenewsign(scope.row)"
-                v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'">签约</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handlenewsign(scope.row)"
+                v-if="queryParams.serviceStatus == 'INTENTIONAL_SIGNING'"
+                >签约</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
       </div>
       <div v-if="queryParams.serviceStatus == 'SERVICE_CENTER'">
-        <el-table :max-height="maxTableHeight" v-loading="loading" :data="signRecordList" highlight-current-row
-          @current-change="singleElection" @selection-change="handleSelectionChange">
-          <el-table-column label="序号" type="index" width="55" align="center" />
+        <el-table
+          :max-height="maxTableHeight"
+          v-loading="loading"
+          :data="signRecordList"
+          highlight-current-row
+          @current-change="singleElection"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            width="55"
+            align="center"
+          />
           <el-table-column label="姓名" align="center" prop="patientName" />
-          <el-table-column label="电话" align="center" prop="patientPhone" width="130" />
-          <el-table-column label="就诊流水号" align="center" prop="visitSerialNumber" width="130" />
+          <el-table-column
+            label="电话"
+            align="center"
+            prop="patientPhone"
+            width="130"
+          />
+          <el-table-column
+            label="就诊流水号"
+            align="center"
+            prop="visitSerialNumber"
+            width="130"
+          />
           <el-table-column label="诊断" align="center" prop="signDiagnosis" />
-          <el-table-column label="医院" align="center" prop="hospitalAgencyName" width="130" />
-          <el-table-column label="院区" align="center" prop="campusAgencyName" />
+          <el-table-column
+            label="医院"
+            align="center"
+            prop="hospitalAgencyName"
+            width="130"
+          />
+          <el-table-column
+            label="院区"
+            align="center"
+            prop="campusAgencyName"
+          />
           <el-table-column label="科室" align="center" prop="departmentName" />
           <el-table-column label="病区" align="center" prop="wardName" />
           <el-table-column label="就诊方式" align="center" prop="visitMethod">
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.visit_method" :value="scope.row.visitMethod" />
+              <dict-tag
+                :options="dict.type.visit_method"
+                :value="scope.row.visitMethod"
+              />
             </template>
           </el-table-column>
-          <el-table-column label="患者来源" align="center" prop="intentionalSource">
+          <el-table-column
+            label="患者来源"
+            align="center"
+            prop="intentionalSource"
+          >
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.sign_intentional_source" :value="scope.row.intentionalSource" />
+              <dict-tag
+                :options="dict.type.sign_intentional_source"
+                :value="scope.row.intentionalSource"
+              />
             </template>
           </el-table-column>
-          <el-table-column label="签约时间" align="center" prop="signTime" width="180">
+          <el-table-column
+            label="签约时间"
+            align="center"
+            prop="signTime"
+            width="180"
+          >
             <template slot-scope="scope">
               <span>{{ formatDate(scope.row.signTime) }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="服务包名称" align="center" prop="packageName" width="130">
+          <el-table-column
+            label="服务包名称"
+            align="center"
+            prop="packageName"
+            width="130"
+          >
             <template slot-scope="scope">
               <span>{{ scope.row.packageName }}</span>
             </template>
           </el-table-column>
           <el-table-column label="签约时长" align="center" prop="serviceCycle">
             <template slot-scope="scope">
-              <span>{{ scope.row.packageTerm }}{{ scope.row.packageTermUnit }}</span>
+              <span
+                >{{ scope.row.packageTerm
+                }}{{ scope.row.packageTermUnit }}</span
+              >
             </template>
           </el-table-column>
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="160">
+          <el-table-column
+            label="操作"
+            align="center"
+            class-name="small-padding fixed-width"
+            fixed="right"
+            width="160"
+          >
             <template slot-scope="scope">
-              <el-button size="mini" type="text" @click="handleAuthRole(scope.row)"
-                v-if="queryParams.serviceStatus == 'SERVICE_CENTER' || queryParams.serviceStatus == 'SERVICE_END'">详情</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleAuthRole(scope.row)"
+                v-if="
+                  queryParams.serviceStatus == 'SERVICE_CENTER' ||
+                  queryParams.serviceStatus == 'SERVICE_END'
+                "
+                >详情</el-button
+              >
               <!-- <el-button size="mini" type="text" @click="handledata(scope.row)">生成数据</el-button> -->
-              <el-button size="mini" type="text" @click="handleDelete(scope.row)"
-                v-if="queryParams.serviceStatus == 'SERVICE_CENTER'">取消签约</el-button>
-              <el-button size="mini" type="text" @click="handleContinue(scope.row)"
-                v-if="queryParams.serviceStatus == 'SERVICE_CENTER' || queryParams.serviceStatus == 'SERVICE_END'">续约</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleDelete(scope.row)"
+                v-if="queryParams.serviceStatus == 'SERVICE_CENTER'"
+                >取消签约</el-button
+              >
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleContinue(scope.row)"
+                v-if="
+                  queryParams.serviceStatus == 'SERVICE_CENTER' ||
+                  queryParams.serviceStatus == 'SERVICE_END'
+                "
+                >续约</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
       </div>
       <div v-if="queryParams.serviceStatus == 'SERVICE_END'">
-        <el-table :max-height="maxTableHeight" v-loading="loading" :data="signRecordList"
-          @selection-change="handleSelectionChange">
-          <el-table-column label="序号" type="index" width="55" align="center" />
+        <el-table
+          :max-height="maxTableHeight"
+          v-loading="loading"
+          :data="signRecordList"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            width="55"
+            align="center"
+          />
           <el-table-column label="姓名" align="center" prop="patientName" />
-          <el-table-column label="电话" align="center" prop="patientPhone" width="130" />
-          <el-table-column label="就诊流水号" align="center" prop="visitSerialNumber" width="130" />
+          <el-table-column
+            label="电话"
+            align="center"
+            prop="patientPhone"
+            width="130"
+          />
+          <el-table-column
+            label="就诊流水号"
+            align="center"
+            prop="visitSerialNumber"
+            width="130"
+          />
           <el-table-column label="诊断" align="center" prop="signDiagnosis" />
-          <el-table-column label="医院" align="center" prop="hospitalAgencyName" width="130" />
-          <el-table-column label="院区" align="center" prop="campusAgencyName" />
+          <el-table-column
+            label="医院"
+            align="center"
+            prop="hospitalAgencyName"
+            width="130"
+          />
+          <el-table-column
+            label="院区"
+            align="center"
+            prop="campusAgencyName"
+          />
           <el-table-column label="科室" align="center" prop="departmentName" />
           <el-table-column label="病区" align="center" prop="wardName" />
           <el-table-column label="就诊方式" align="center" prop="visitMethod">
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.visit_method" :value="scope.row.visitMethod" />
+              <dict-tag
+                :options="dict.type.visit_method"
+                :value="scope.row.visitMethod"
+              />
             </template>
           </el-table-column>
-          <el-table-column label="患者来源" align="center" prop="intentionalSource">
+          <el-table-column
+            label="患者来源"
+            align="center"
+            prop="intentionalSource"
+          >
             <template slot-scope="scope">
-              <dict-tag :options="dict.type.sign_intentional_source" :value="scope.row.intentionalSource" />
+              <dict-tag
+                :options="dict.type.sign_intentional_source"
+                :value="scope.row.intentionalSource"
+              />
             </template>
           </el-table-column>
-          <el-table-column label="服务包名称" align="center" prop="packageName" width="130">
+          <el-table-column
+            label="服务包名称"
+            align="center"
+            prop="packageName"
+            width="130"
+          >
             <template slot-scope="scope">
               <span>{{ scope.row.packageName }}</span>
             </template>
           </el-table-column>
           <el-table-column label="签约时长" align="center" prop="serviceCycle">
             <template slot-scope="scope">
-              <span>{{ scope.row.packageTerm }}{{ scope.row.packageTermUnit }}</span>
+              <span
+                >{{ scope.row.packageTerm
+                }}{{ scope.row.packageTermUnit }}</span
+              >
             </template>
           </el-table-column>
           <el-table-column label="签约状态" align="center" prop="signStatus">
             <template slot-scope="scope">
-              {{ scope.row.signStatus == 'SEPARATE_SIGN' ? '取消签约' : '' }}
-              {{ scope.row.signStatus == 'EXPIRE_SIGN' ? '过期' : '' }}
+              {{ scope.row.signStatus == "SEPARATE_SIGN" ? "取消签约" : "" }}
+              {{ scope.row.signStatus == "EXPIRE_SIGN" ? "过期" : "" }}
             </template>
           </el-table-column>
-          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="160">
+          <el-table-column
+            label="操作"
+            align="center"
+            class-name="small-padding fixed-width"
+            fixed="right"
+            width="160"
+          >
             <template slot-scope="scope">
-              <el-button size="mini" type="text" @click="handleAuthRole(scope.row)"
-                v-if="queryParams.serviceStatus == 'SERVICE_CENTER' || queryParams.serviceStatus == 'SERVICE_END'">详情</el-button>
-              <el-button size="mini" type="text" @click="handleContinue(scope.row)"
-                v-if="queryParams.serviceStatus == 'SERVICE_CENTER' || queryParams.serviceStatus == 'SERVICE_END'">续约</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleAuthRole(scope.row)"
+                v-if="
+                  queryParams.serviceStatus == 'SERVICE_CENTER' ||
+                  queryParams.serviceStatus == 'SERVICE_END'
+                "
+                >详情</el-button
+              >
+              <el-button
+                size="mini"
+                type="text"
+                @click="handleContinue(scope.row)"
+                v-if="
+                  queryParams.serviceStatus == 'SERVICE_CENTER' ||
+                  queryParams.serviceStatus == 'SERVICE_END'
+                "
+                >续约</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
@@ -278,19 +617,35 @@
     </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>
+    <myPagination
+      v-show="total > 0"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      :indexFromWrap="queryParams.pageNum"
+      @updateCPage="updateCPage"
+    ></myPagination>
   </div>
 </template>
 
 <script>
-import SearchFilter from '../../components/SearchForm.vue'
+import SearchFilter from "../../components/SearchForm.vue";
 import { getAge } from "@/utils/age";
-import { listSignRecord, getSignRecord, delSignRecord, addSignRecord, updateSignRecord, updateSignStatus } from "@/api/manage/signRecord";
-import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
+import {
+  listSignRecord,
+  getSignRecord,
+  delSignRecord,
+  addSignRecord,
+  updateSignRecord,
+  updateSignStatus,
+} from "@/api/manage/signRecord";
+import {
+  selectAgencyList,
+  getDepartmentList,
+  getAgencyList,
+} from "@/api/manage/selectAgencyList";
 
 export default {
-  dicts: ['visit_method', 'sign_intentional_source'],
+  dicts: ["visit_method", "sign_intentional_source"],
   components: { SearchFilter },
 
   name: "SignRecord",
@@ -339,7 +694,7 @@ export default {
         wardName: null,
         visitMethod: null,
         signDiagnosis: null,
-        serviceStatus: 'INTENTIONAL_SIGNING',
+        serviceStatus: "INTENTIONAL_SIGNING",
         intentionalSource: null,
         intentionalTimeStart: null,
         intentionalTimeEnd: null,
@@ -355,18 +710,18 @@ export default {
       // 表单校验
       rules: {
         patientId: [
-          { required: true, message: "患者信息表id不能为空", trigger: "blur" }
+          { required: true, message: "患者信息表id不能为空", trigger: "blur" },
         ],
       },
       addTaskitem: null,
     };
   },
   created() {
-    if (localStorage.getItem('signRecordquery')) {
-      this.queryParams = JSON.parse(localStorage.getItem('signRecordquery'))
-      this.queryParams.hospitalAgencyId = undefined
-      this.queryParams.campusAgencyId = undefined
-      this.queryParams.departmentId = undefined
+    if (localStorage.getItem("signRecordquery")) {
+      this.queryParams = JSON.parse(localStorage.getItem("signRecordquery"));
+      this.queryParams.hospitalAgencyId = undefined;
+      this.queryParams.campusAgencyId = undefined;
+      this.queryParams.departmentId = undefined;
     }
     this.selectAgencyinfo();
   },
@@ -375,21 +730,24 @@ export default {
   },
   methods: {
     updateCPage(index, size) {
-      this.queryParams.pageNum = index
-      this.queryParams.pageSize = size
+      this.queryParams.pageNum = index;
+      this.queryParams.pageSize = size;
       this.getList();
     },
     /** 查询签约记录列表 */
     getList() {
       this.loading = true;
-      this.signRecordList = []
-      listSignRecord(this.queryParams).then(response => {
-        localStorage.setItem('signRecordquery', JSON.stringify(this.queryParams))
+      this.signRecordList = [];
+      listSignRecord(this.queryParams).then((response) => {
+        localStorage.setItem(
+          "signRecordquery",
+          JSON.stringify(this.queryParams)
+        );
         this.signRecordList = response.rows;
         this.total = response.total;
         this.loading = false;
-        this.getMaxTableHeight()
-        this.screenChange()
+        this.getMaxTableHeight();
+        this.screenChange();
       });
     },
     // 取消按钮
@@ -430,39 +788,39 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
       };
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
     handleQuery() {
       if (this.intentionalTime?.length > 0) {
-        this.queryParams.intentionalTimeStart = this.intentionalTime[0]
-        this.queryParams.intentionalTimeEnd = this.intentionalTime[1]
+        this.queryParams.intentionalTimeStart = this.intentionalTime[0];
+        this.queryParams.intentionalTimeEnd = this.intentionalTime[1];
       } else {
-        this.queryParams.intentionalTimeStart = null
-        this.queryParams.intentionalTimeEnd = null
+        this.queryParams.intentionalTimeStart = null;
+        this.queryParams.intentionalTimeEnd = null;
       }
       if (this.signTime?.length > 0) {
-        this.queryParams.signTimeStart = this.signTime[0]
-        this.queryParams.signTimeEnd = this.signTime[1]
+        this.queryParams.signTimeStart = this.signTime[0];
+        this.queryParams.signTimeEnd = this.signTime[1];
       } else {
-        this.queryParams.signTimeStart = null
-        this.queryParams.signTimeEnd = null
+        this.queryParams.signTimeStart = null;
+        this.queryParams.signTimeEnd = null;
       }
       if (this.serviceEndTime?.length > 0) {
-        this.queryParams.serviceEndTimeStart = this.serviceEndTime[0]
-        this.queryParams.serviceEndTimeEnd = this.serviceEndTime[1]
+        this.queryParams.serviceEndTimeStart = this.serviceEndTime[0];
+        this.queryParams.serviceEndTimeEnd = this.serviceEndTime[1];
       } else {
-        this.queryParams.serviceEndTimeStart = null
-        this.queryParams.serviceEndTimeEnd = null
+        this.queryParams.serviceEndTimeStart = null;
+        this.queryParams.serviceEndTimeEnd = null;
       }
       if (this.submissionTime?.length > 0) {
-        this.queryParams.submissionTimeStart = this.submissionTime[0]
-        this.queryParams.submissionTimeEnd = this.submissionTime[1]
+        this.queryParams.submissionTimeStart = this.submissionTime[0];
+        this.queryParams.submissionTimeEnd = this.submissionTime[1];
       } else {
-        this.queryParams.submissionTimeStart = null
-        this.queryParams.submissionTimeEnd = null
+        this.queryParams.submissionTimeStart = null;
+        this.queryParams.submissionTimeEnd = null;
       }
       this.queryParams.pageNum = 1;
       this.getList();
@@ -471,25 +829,26 @@ export default {
     resetQuery() {
       this.queryParams = {
         pageNum: 1,
-        pageSize: 10
-      }
-      this.intentionalTime = []
-      this.signTime = []
-      this.queryParams.signTimeStart = null
-      this.queryParams.signTimeEnd = null
-      this.queryParams.intentionalTimeStart = null
-      this.queryParams.intentionalTimeEnd = null
-      this.serviceEndTime = []
-      this.submissionTime = []
-      this.queryParams.serviceEndTimeStart = null
-      this.queryParams.serviceEndTimeEnd = null
-      this.queryParams.submissionTimeStart = null
-      this.queryParams.submissionTimeEnd = null
+        pageSize: 10,
+        serviceStatus: "INTENTIONAL_SIGNING",
+      };
+      this.intentionalTime = [];
+      this.signTime = [];
+      this.queryParams.signTimeStart = null;
+      this.queryParams.signTimeEnd = null;
+      this.queryParams.intentionalTimeStart = null;
+      this.queryParams.intentionalTimeEnd = null;
+      this.serviceEndTime = [];
+      this.submissionTime = [];
+      this.queryParams.serviceEndTimeStart = null;
+      this.queryParams.serviceEndTimeEnd = null;
+      this.queryParams.submissionTimeStart = null;
+      this.queryParams.submissionTimeEnd = null;
       this.handleQuery();
     },
     //选中某行
     singleElection(item) {
-      this.addTaskitem = item
+      this.addTaskitem = item;
     },
     //手动创建任务
     addTask() {
@@ -508,14 +867,14 @@ export default {
         });
         // })
       } else {
-        this.$message.error('请先选择一名签约服务中患者');
+        this.$message.error("请先选择一名签约服务中患者");
       }
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length !== 1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -524,45 +883,49 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
-      getSignRecord(id).then(response => {
+      const id = row.id || this.ids;
+      getSignRecord(id).then((response) => {
         this.form = response.data;
       });
     },
     /** 解约按钮操作 */
     handleDelete(row) {
       // const ids = row.id || this.ids;
-      this.$prompt('原因', '取消签约', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
+      this.$prompt("原因", "取消签约", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
       }).then(({ value }) => {
         const query = {
           id: row.id,
           patientId: row.patientId,
-          signStatus: 'SEPARATE_SIGN',
+          signStatus: "SEPARATE_SIGN",
           separateReason: value,
-          serviceStatus: 'SERVICE_END',
-        }
-        updateSignStatus(query).then(res => {
+          serviceStatus: "SERVICE_END",
+        };
+        updateSignStatus(query).then((res) => {
           this.getList();
           this.$modal.msgSuccess("取消签约成功");
-        })
-      })
+        });
+      });
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('manage/signRecord/export', {
-        ...this.queryParams
-      }, `signRecord_${new Date().getTime()}.xlsx`)
+      this.download(
+        "manage/signRecord/export",
+        {
+          ...this.queryParams,
+        },
+        `signRecord_${new Date().getTime()}.xlsx`
+      );
     },
     handleClick(tab, event) {
-      this.intentionalTime = []
-      this.queryParams.intentionalTimeStart = null
-      this.queryParams.intentionalTimeEnd = null
-      this.signTime = []
+      this.intentionalTime = [];
+      this.queryParams.intentionalTimeStart = null;
+      this.queryParams.intentionalTimeEnd = null;
+      this.signTime = [];
       this.queryParams.pageNum = 1;
-      this.queryParams.signTimeStart = null
-      this.queryParams.signTimeEnd = null
+      this.queryParams.signTimeStart = null;
+      this.queryParams.signTimeEnd = null;
       this.getList();
     },
     handlenewsign(row) {
@@ -583,7 +946,7 @@ export default {
           departmentName: row.departmentName,
           paymentStatus: row.paymentStatus,
           sex: row.sex,
-          age: row.birthDate ? getAge(row.birthDate) : '',
+          age: row.birthDate ? getAge(row.birthDate) : "",
           patientId: row.patientId,
           createTime: row.createTime,
         },
@@ -592,95 +955,95 @@ export default {
     },
     selectAgencyinfo() {
       let query = {
-        agencyStatus: 'ON',
-        nodeType: 'HOSPITAL',
-      }
-      selectAgencyList(query).then(res => {
-        this.hospitalAgencylist = res.data
-      })
+        agencyStatus: "ON",
+        nodeType: "HOSPITAL",
+      };
+      selectAgencyList(query).then((res) => {
+        this.hospitalAgencylist = res.data;
+      });
     },
     //获取下级单位
     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;
       }
-      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
+      getAgencyList(query).then((res) => {
+        if (nodeType == "HOSPITAL") {
+          this.campusAgencylist = res.data.campusList;
         }
-        if (nodeType == 'CAMPUS' || nodeType == 'HOSPITAL') {
-          this.departmentlist = res.data.departmentList
+        if (nodeType == "CAMPUS" || nodeType == "HOSPITAL") {
+          this.departmentlist = res.data.departmentList;
         }
-        this.wardlist = res.data.wardList
-      })
+        this.wardlist = res.data.wardList;
+      });
     },
     //选中医院获取院区
     changehospitalAgency(id) {
-      this.getAgencyListinfo('HOSPITAL', id)
+      this.getAgencyListinfo("HOSPITAL", id);
       // let query = {
       //   agencyStatus: 'ON',
       //   nodeType: 'CAMPUS',
       //   parentId: id,
       // }
       // selectAgencyList(query).then(res => {
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-      this.queryParams.certificateIssuingDoctorId = null
+      this.queryParams.campusAgencyId = null;
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
+      this.queryParams.certificateIssuingDoctorId = null;
       this.getMaxTableHeight();
       // })
     },
     //选中院区获取科室
     changecampusAgency(id) {
-      this.getAgencyListinfo('CAMPUS', id)
+      this.getAgencyListinfo("CAMPUS", id);
       // let query = {
       //   nodeType: 'DEPARTMENT',
       //   hospitalAgencyId: id,
       // }
       // getDepartmentList(query).then(res => {
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
       // })
     },
     //选中科室获取病区
     changedepartment(id) {
-      this.getAgencyListinfo('DEPARTMENT', id)
+      this.getAgencyListinfo("DEPARTMENT", id);
       // let query = {
       //   nodeType: 'WARD',
       //   parentDepartmentId: id,
       // }
       // getDepartmentList(query).then(res => {
-      this.queryParams.wardId = null
+      this.queryParams.wardId = null;
       // })
     },
     //清空医院
     clearhospitalAgency() {
-      this.queryParams.campusAgencyId = null
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
+      this.queryParams.campusAgencyId = null;
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
     },
     //清空院区
     clearcampusAgency() {
-      this.queryParams.departmentId = null
-      this.queryParams.wardId = null
-      this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
+      this.queryParams.departmentId = null;
+      this.queryParams.wardId = null;
+      this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
     },
     //清空科室
     cleardepartment() {
-      this.queryParams.wardId = null
+      this.queryParams.wardId = null;
       if (this.queryParams.departmentId) {
-        this.getAgencyListinfo('DEPARTMENT', this.queryParams.departmentId)
+        this.getAgencyListinfo("DEPARTMENT", this.queryParams.departmentId);
       } else if (this.queryParams.campusAgencyId) {
-        this.getAgencyListinfo('CAMPUS', this.queryParams.campusAgencyId)
+        this.getAgencyListinfo("CAMPUS", this.queryParams.campusAgencyId);
       } else if (this.queryParams.hospitalAgencyId) {
-        this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
+        this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
       }
     },
     //续约
@@ -713,7 +1076,7 @@ export default {
           address: row.address,
           patientSource: row.patientSource,
           createTime: row.createTime,
-          age: row.birthDate ? getAge(row.birthDate) : '',
+          age: row.birthDate ? getAge(row.birthDate) : "",
         },
       });
     },
@@ -733,18 +1096,17 @@ export default {
           address: row.address,
           patientSource: row.patientSource,
           createTime: row.createTime,
-          age: row.birthDate ? getAge(row.birthDate) : '',
+          age: row.birthDate ? getAge(row.birthDate) : "",
         },
       });
-
     },
     // 格式化日期格式如：2017-9-19 18:04:33
     formatDate(value) {
       if (!value) {
-        return
+        return;
       }
       // 计算日期相关值
-      let time = new Date(value)
+      let time = new Date(value);
       let Y = time.getFullYear();
       let M = time.getMonth() + 1;
       let D = time.getDate();
@@ -752,37 +1114,51 @@ export default {
       let m = time.getMinutes();
       let s = time.getSeconds();
       // 如果传递了type的话
-      return Y + '-' + (M < 10 ? '0' + M : M) + '-' + (D < 10 ? '0' + D : D) + ' ' + (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s);
+      return (
+        Y +
+        "-" +
+        (M < 10 ? "0" + M : M) +
+        "-" +
+        (D < 10 ? "0" + D : D) +
+        " " +
+        (h < 10 ? "0" + h : h) +
+        ":" +
+        (m < 10 ? "0" + m : m) +
+        ":" +
+        (s < 10 ? "0" + s : s)
+      );
     },
     // 获取表格最高高度
     getMaxTableHeight() {
-      const windowInnerHeight = window.innerHeight // 屏幕可视高度
-      const layoutDiv = this.$refs.layout
-      const formDiv = this.$refs.topform
-      const mb8Div = this.$refs.mb8
+      const windowInnerHeight = window.innerHeight; // 屏幕可视高度
+      const layoutDiv = this.$refs.layout;
+      const formDiv = this.$refs.topform;
+      const mb8Div = this.$refs.mb8;
       this.maxTableHeight =
-        windowInnerHeight - 134 - 54 -
+        windowInnerHeight -
+        134 -
+        54 -
         this.getBoxPadding(layoutDiv) -
         this.getBoxHeight(mb8Div) -
-        this.getBoxHeight(formDiv)
+        this.getBoxHeight(formDiv);
     },
     // 屏幕resize监听
     screenChange() {
       // 屏幕resize监听事件：一旦屏幕宽高发生变化，就会执行resize
-      window.addEventListener('resize', this.getMaxTableHeight, true)
+      window.addEventListener("resize", this.getMaxTableHeight, true);
       // 将屏幕监听事件移除
       // 这步是必须的。离开页面时不移除，再返回，或者进入到别的有相同元素的页面会报错
       // 或者将这里的方法直接写在beforeDestroy函数中也可以
-      this.$once('hook:beforeDestroy', () => {
-        window.removeEventListener('resize', this.getMaxTableHeight, true)
-      })
+      this.$once("hook:beforeDestroy", () => {
+        window.removeEventListener("resize", this.getMaxTableHeight, true);
+      });
     },
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
-::v-deep .el-table__body tr.current-row>td.el-table__cell {
-  background-color: #409EFF;
+::v-deep .el-table__body tr.current-row > td.el-table__cell {
+  background-color: #409eff;
   color: #fff;
 
   .el-button {