优化慢特病查询

src/views/medical-insurance/outpatient/SpcChrRcd.vue

@@ -5,20 +5,10 @@
         <el-input style="width: 320px" size="small" v-model="patNo" clearable>
           <template #prepend>门诊ID/身份证</template>
         </el-input>
-        <el-date-picker
-          v-model="dateRange"
-          type="daterange"
-          :shortcuts="maxHalfYear"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          size="small"
-          style="width: 260px"
-        ></el-date-picker>
         <el-divider direction="vertical"></el-divider>
         <el-button type="success" @click="qryPsnBscInfo">参保信息查询</el-button>
         <el-button type="success" @click="qrySpcChrRcd"> 慢特病备案查询 </el-button>
-        <el-button type="success" @click="qryMedUseRcd"> 用药记录查询 </el-button>
+        <el-button type="success" @click="beforeQryMedUseRcd"> 用药记录查询 </el-button>
         <el-button type="primary" @click="beforeSlwSpcChrRcd"> 慢特病备案 </el-button>
         <el-button type="primary" @click="beforeRvkSlwSpcChrRcd"> 撤销备案 </el-button>
       </el-header>
@@ -58,7 +48,7 @@
             {{ baseinfo.psnNo }}
           </el-descriptions-item>
         </el-descriptions>
-        <div style="height: 8px"></div>
+        <div style="height: 12px"></div>
         <el-tag type="primary">人员参保信息</el-tag>
         <el-table :data="baseinfo.insuinfo" stripe highlight-current-row @row-click="handleClickInsuinfo">
           <el-table-column property="balc" label="余额" width="50"></el-table-column>
@@ -72,8 +62,8 @@
           <el-table-column property="insuplcAdmdvsName" label="参保地名称"></el-table-column>
           <el-table-column property="empName" label="单位名称"></el-table-column>
         </el-table>
-        <div style="height: 8px"></div>
-        <el-tag type="info">人员身份信息</el-tag>
+        <div style="height: 12px"></div>
+        <el-tag color="#66FFCC">人员身份信息</el-tag>
         <el-table :data="baseinfo.idetinfo">
           <el-table-column label="人员身份类别" prop="psnIdetTypeName"></el-table-column>
           <el-table-column label="人员类别等级" prop="psnTypeLv"></el-table-column>
@@ -81,31 +71,49 @@
           <el-table-column label="开始时间" prop="begntime"></el-table-column>
           <el-table-column label="结束时间" prop="endtime"></el-table-column>
         </el-table>
-        <div style="height: 8px"></div>
-        <el-tag type="warning">慢特病备案信息</el-tag>
-        <el-table :data="spcChrRcds" stripe>
-          <el-table-column property="begndate" label="开始日期"></el-table-column>
-          <el-table-column prop="enddate" label="结束日期"></el-table-column>
-          <el-table-column prop="opspDiseCode" label="病种编码"></el-table-column>
-          <el-table-column prop="opspDiseName" label="病种名称"></el-table-column>
-          <el-table-column prop="ideFixmedinsName" label="备案机构"></el-table-column>
-        </el-table>
-        <div style="height: 8px"></div>
-        <el-tag type="danger">用药记录</el-tag>
-        <el-table :data="medUseRcds" stripe>
-          <el-table-column prop="fixmedinsCode" label="定点医药机构编号"></el-table-column>
-          <el-table-column prop="fixmedinsName" label="定点医药机构名称"></el-table-column>
-          <el-table-column prop="cnt" label="数量"></el-table-column>
-          <el-table-column prop="pric" label="单价"></el-table-column>
-          <el-table-column prop="hilistCode" label="医保目录编码"></el-table-column>
-          <el-table-column prop="hilistName" label="医保目录名称"></el-table-column>
-          <el-table-column prop="medListCodg" label="医疗目录编码"></el-table-column>
-          <el-table-column prop="medinsListCodg" label="医药机构目录编码"></el-table-column>
-          <el-table-column prop="medinsListName" label="医药机构目录名称"></el-table-column>
-          <el-table-column prop="prodname" label="商品名"></el-table-column>
-          <el-table-column prop="spec" label="规格"></el-table-column>
-          <el-table-column prop="dosformName" label="剂型"></el-table-column>
-        </el-table>
+        <el-dialog v-model="showDateRange" title="请选择时间范围" width="300px">
+          <el-date-picker
+            v-model="dateRange"
+            type="daterange"
+            :shortcuts="maxHalfYear"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            size="small"
+            style="width: 260px"
+          ></el-date-picker>
+          <div style="width: 260px; text-align: right; margin-top: 24px">
+            <el-button type="primary" @click="qryMedUseRcd" icon="el-icon-check">确定</el-button>
+          </div>
+        </el-dialog>
+
+        <el-dialog v-model="showSpcChrRcds" title="慢特病备案信息">
+          <el-table :data="spcChrRcds" stripe>
+            <el-table-column property="begndate" label="开始日期"></el-table-column>
+            <el-table-column prop="enddate" label="结束日期"></el-table-column>
+            <el-table-column prop="opspDiseCode" label="病种编码"></el-table-column>
+            <el-table-column prop="opspDiseName" label="病种名称"></el-table-column>
+            <el-table-column prop="ideFixmedinsName" label="备案机构"></el-table-column>
+          </el-table>
+        </el-dialog>
+
+        <el-dialog v-model="showMedUseRcds" title="慢特病用药记录">
+          <el-table :data="medUseRcds" stripe height="360">
+            <el-table-column prop="fixmedinsCode" label="定点医药机构编号"></el-table-column>
+            <el-table-column prop="fixmedinsName" label="定点医药机构名称"></el-table-column>
+            <el-table-column prop="cnt" label="数量"></el-table-column>
+            <el-table-column prop="pric" label="单价"></el-table-column>
+            <el-table-column prop="hilistCode" label="医保目录编码"></el-table-column>
+            <el-table-column prop="hilistName" label="医保目录名称"></el-table-column>
+            <el-table-column prop="medListCodg" label="医疗目录编码"></el-table-column>
+            <el-table-column prop="medinsListCodg" label="医药机构目录编码"></el-table-column>
+            <el-table-column prop="medinsListName" label="医药机构目录名称"></el-table-column>
+            <el-table-column prop="prodname" label="商品名"></el-table-column>
+            <el-table-column prop="spec" label="规格"></el-table-column>
+            <el-table-column prop="dosformName" label="剂型"></el-table-column>
+          </el-table>
+        </el-dialog>
+
         <el-dialog v-model="showSlwSpcChrRcd" width="70%" title="人员慢特病备案申请">
           <div style="height: 12px"></div>
           <el-row :gutter="5">
@@ -242,13 +250,16 @@ export default {
     const dateRange = ref(null)
     const baseinfo = ref({})
     const currentInsuinfo = ref({})
+    const showSpcChrRcds = ref(false)
     const spcChrRcds = ref([])
+    const showMedUseRcds = ref(false)
     const medUseRcds = ref([])
     const slwSpcChrRcd = ref({})
     const showSlwSpcChrRcd = ref(false)
     const allSlwSpcChrRcds = ref([])
     const showAllSlwSpcChrRcds = ref(false)
     const currentSlwSpcChrRcd = ref({})
+    const showDateRange = ref(false)
     const nullPatNo = () => {
       if (!patNo.value) {
         ElMessage({
@@ -306,9 +317,17 @@ export default {
         patNo: patNo.value,
         medType: '14',
       }
-      obtainBasicPersonInfo(param).then((res) => {
-        baseinfo.value = res
-      })
+      obtainBasicPersonInfo(param)
+        .then((res) => {
+          baseinfo.value = res
+          spcChrRcds.value = []
+          medUseRcds.value = []
+        })
+        .catch(() => {
+          baseinfo.value = {}
+          spcChrRcds.value = []
+          medUseRcds.value = []
+        })
     }
 
     const handleClickInsuinfo = (row) => {
@@ -328,9 +347,14 @@ export default {
         needAllRcd: 1,
       }).then((res) => {
         spcChrRcds.value = res
+        showSpcChrRcds.value = true
       })
     }
 
+    const beforeQryMedUseRcd = () => {
+      showDateRange.value = true
+    }
+
     const qryMedUseRcd = () => {
       if (nullBaseinfo()) {
         return
@@ -345,6 +369,7 @@ export default {
       }
       querySpecialChronicDiseasesMedicalRecord(param).then((res) => {
         medUseRcds.value = res
+        showMedUseRcds.value = true
       })
     }
 
@@ -474,13 +499,17 @@ export default {
       baseinfo,
       currentInsuinfo,
       spcChrRcds,
+      showSpcChrRcds,
       medUseRcds,
+      showMedUseRcds,
       slwSpcChrRcd,
       showSlwSpcChrRcd,
       allSlwSpcChrRcds,
       showAllSlwSpcChrRcds,
       qryPsnBscInfo,
       qrySpcChrRcd,
+      showDateRange,
+      beforeQryMedUseRcd,
       qryMedUseRcd,
       handleClickInsuinfo,
       beforeSlwSpcChrRcd,