From 1dbf5f34f884c308fccef7106e2c62a180e366e6 Mon Sep 17 00:00:00 2001
From: shidongli <shidongli>
Date: Tue, 31 Dec 2024 15:21:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=82=A3=E8=80=85=E6=A1=A3?=
 =?UTF-8?q?=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/patientInfo/index.vue | 292 ++++++++++++++++++++-----
 1 file changed, 240 insertions(+), 52 deletions(-)

diff --git a/src/views/manage/patientInfo/index.vue b/src/views/manage/patientInfo/index.vue
index 27d0e45..3adf3df 100644
--- a/src/views/manage/patientInfo/index.vue
+++ b/src/views/manage/patientInfo/index.vue
@@ -4,80 +4,196 @@
       <div class="card-table">
         <div :class="type == 'card' ? 'bluediv' : ''" @click="typeitem">
           <img src="../../../assets/manage/kapian.png" alt="" />
-          <img src="../../../assets/manage/bluekapian.png" alt="" v-if="type == 'card'" />
+          <img
+            src="../../../assets/manage/bluekapian.png"
+            alt=""
+            v-if="type == 'card'"
+          />
         </div>
         <div :class="type == 'table' ? 'bluediv' : ''" @click="typeitemtable">
           <img src="../../../assets/manage/liebiao.png" alt="" />
-          <img src="../../../assets/manage/blueliebiao.png" alt="" v-if="type == 'table'" />
+          <img
+            src="../../../assets/manage/blueliebiao.png"
+            alt=""
+            v-if="type == 'table'"
+          />
         </div>
       </div>
-      <SearchFilter :labelWidths="280" style="width: calc(100% - 80px)" :widths="80" size="small" @search="handleQuery"
-        @reset="resetQuery" @minShowCtrol="getMaxTableHeight">
+      <SearchFilter
+        :labelWidths="280"
+        style="width: calc(100% - 80px)"
+        :widths="80"
+        size="small"
+        @search="handleQuery"
+        @reset="resetQuery"
+        @minShowCtrol="getMaxTableHeight"
+      >
         <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"
-            style="width: 200px" />
+          <el-input
+            v-model="queryParams.cardNo"
+            placeholder="请输入患者身份证号"
+            clearable
+            @keyup.enter.native="handleQuery"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="诊断" prop="mainDiagnosis">
-          <el-input v-model="queryParams.mainDiagnosis" placeholder="请输入诊断" clearable style="width: 200px"
-            @keyup.enter.native="handleQuery" />
+          <el-input
+            v-model="queryParams.mainDiagnosis"
+            placeholder="请输入诊断"
+            clearable
+            style="width: 200px"
+            @keyup.enter.native="handleQuery"
+          />
         </el-form-item>
         <el-form-item label="患者来源" prop="patientSource">
-          <el-select v-model="queryParams.patientSource" placeholder="请选择患者来源" clearable style="width: 200px">
-            <el-option v-for="dict in dict.type.patient_source" :key="dict.value" :label="dict.label"
-              :value="dict.value" />
+          <el-select
+            v-model="queryParams.patientSource"
+            placeholder="请选择患者来源"
+            clearable
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in dict.type.patient_source"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
           </el-select>
         </el-form-item>
         <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="visitDateStart">
-          <el-date-picker v-model="visitDate" type="daterange" range-separator="至" start-placeholder="开始日期"
-            style="width: 200px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
+          <el-date-picker
+            v-model="visitDate"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            style="width: 200px"
+            value-format="yyyy-MM-dd"
+            end-placeholder="结束日期"
+          >
           </el-date-picker>
         </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>
         <el-form-item label="主治医生" prop="attendingPhysicianId">
-          <el-select v-model="queryParams.attendingPhysicianId" style="width: 200px" 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: 200px"
+            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>
@@ -88,10 +204,19 @@
       </SearchFilter>
     </div>
     <div ref="table" v-if="type == 'table'">
-      <el-table :max-height="maxTableHeight" v-loading="loading" :data="patientInfoList">
+      <el-table
+        :max-height="maxTableHeight"
+        v-loading="loading"
+        :data="patientInfoList"
+      >
         <el-table-column label="序号" type="index" width="48" align="center" />
         <el-table-column label="患者姓名" align="center" prop="patientName" />
-        <el-table-column label="患者电话" align="center" prop="patientPhone" width="120" />
+        <el-table-column
+          label="患者电话"
+          align="center"
+          prop="patientPhone"
+          width="120"
+        />
         <el-table-column label="性别" align="center" prop="sex">
           <template slot-scope="scope">
             {{ scope.row.sex == "MALE" ? "男" : "" }}
@@ -99,7 +224,12 @@
           </template>
         </el-table-column>
         <el-table-column label="年龄" align="center" prop="age" />
-        <el-table-column label="出生日期" align="center" prop="birthDate" width="130" />
+        <el-table-column
+          label="出生日期"
+          align="center"
+          prop="birthDate"
+          width="130"
+        />
         <!-- <el-table-column label="签约状态" align="center" prop="signStatus">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sign_status" :value="scope.row.signStatus" />
@@ -111,28 +241,68 @@
         </template>
       </el-table-column> -->
         <!-- <el-table-column label="开证医生" align="center" prop="certificateIssuingDoctor" /> -->
-        <el-table-column label="就诊时间" align="center" prop="visitDate" width="130">
+        <el-table-column
+          label="就诊时间"
+          align="center"
+          prop="visitDate"
+          width="130"
+        >
           <template slot-scope="scope">
             <span>{{ parseTime(scope.row.visitDate, "{y}-{m}-{d}") }}</span>
           </template>
         </el-table-column>
         <el-table-column label="诊断" align="center" prop="mainDiagnosis" />
         <!-- <el-table-column label="入院时间" align="center" prop="admissionTime" width='130' /> -->
-        <el-table-column label="医院" align="center" prop="hospitalAgencyName" width="130" />
-        <el-table-column label="院区" align="center" prop="campusAgencyName" width="130" />
-        <el-table-column label="科室名称" align="center" prop="departmentName" width="130" />
-        <el-table-column label="病区名称" align="center" prop="wardName" width="130" />
-        <el-table-column label="住院/门诊号" align="center" prop="inHospitalNumber" width="130" />
-        <el-table-column label="主治医生" align="center" prop="attendingPhysicianName" />
+        <el-table-column
+          label="医院"
+          align="center"
+          prop="hospitalAgencyName"
+          width="130"
+        />
+        <el-table-column
+          label="院区"
+          align="center"
+          prop="campusAgencyName"
+          width="130"
+        />
+        <el-table-column
+          label="科室名称"
+          align="center"
+          prop="departmentName"
+          width="130"
+        />
+        <el-table-column
+          label="病区名称"
+          align="center"
+          prop="wardName"
+          width="130"
+        />
+        <el-table-column
+          label="住院/门诊号"
+          align="center"
+          prop="inHospitalNumber"
+          width="130"
+        />
+        <el-table-column
+          label="主治医生"
+          align="center"
+          prop="attendingPhysicianName"
+        />
         <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="dischargeMethod" /> -->
         <el-table-column label="患者来源" align="center" prop="patientSource">
           <template slot-scope="scope">
-            <dict-tag :options="dict.type.patient_source" :value="scope.row.patientSource" />
+            <dict-tag
+              :options="dict.type.patient_source"
+              :value="scope.row.patientSource"
+            />
           </template>
         </el-table-column>
         <el-table-column label="住址" align="center" prop="address" />
@@ -143,17 +313,33 @@
             v-hasPermi="['manage:patientInfo:edit']">修改</el-button>
           <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
             v-hasPermi="['manage:patientInfo:remove']">删除</el-button> -->
-            <el-button size="mini" type="text" @click="handleAuthRole(scope.row)">详情</el-button>
-            <el-button size="mini" type="text" @click="handleedit(scope.row)">画像编辑</el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleAuthRole(scope.row)"
+              >详情</el-button
+            >
+            <el-button size="mini" type="text" @click="handleedit(scope.row)"
+              >画像编辑</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
     </div>
     <div ref="table" v-else-if="type == 'card'">
-      <cardlist :maxTableHeight="maxTableHeight" :patientInfoList="patientInfoList"></cardlist>
+      <cardlist
+        :maxTableHeight="maxTableHeight"
+        :patientInfoList="patientInfoList"
+      ></cardlist>
     </div>
-    <myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
-      :indexFromWrap="queryParams.pageNum" :indexFrom="indexFrom" @updateCPage="updateCPage"></myPagination>
+    <myPagination
+      v-show="total > 0"
+      :total="total"
+      :pageSize="queryParams.pageSize"
+      :indexFromWrap="queryParams.pageNum"
+      :indexFrom="indexFrom"
+      @updateCPage="updateCPage"
+    ></myPagination>
   </div>
 </template>
 
@@ -335,6 +521,8 @@ export default {
         this.total = response.total;
         loading.close();
         this.loading = false;
+      }).catch(() => {
+        loading.close();
       });
     },
     /** 搜索按钮操作 */