弹窗问题

src/components/si-sheet-upload/ExportAutoUploadInfo.vue

@@ -1,141 +1,227 @@
 <template>
-  <CyDialog
-      full-screen
-      :show-cancel-button="false"
-      confirm-text="关闭"
-  >
-    <div class="layout_container">
-      <header>
-        <el-select v-model="queryuploadTerm.zhuYuanFlag" placeholder="住院类型" style="width: 110px">
-          <el-option label="住院" value="0"/>
-          <el-option label="门诊" value="1"/>
-        </el-select>
-        <el-input v-model="queryuploadTerm.patNo" clearable placeholder="住院号"
-                  @blur="patNo = $event.target.value.trim()" @keyup.enter="queryPage" style="width: 110px"></el-input>
-        <el-input v-model="queryuploadTerm.times" clearable placeholder="住院次数"
-                  @blur="times = $event.target.value.trim()" style="width: 70px"></el-input>
-        <el-input v-model="queryuploadTerm.ledgerSn" clearable placeholder="账页号"
-                  @blur="times = $event.target.value.trim()" style="width: 60px"></el-input>
-        <el-select v-model="queryuploadTerm.typeFlag" placeholder="上传类型" style="width: 110px">
-          <el-option label="全部" value="0"/>
-          <el-option label="自动上传" value="1"/>
-          <el-option label="手动上传" value="2"/>
-        </el-select>
-        <el-select v-model="queryuploadTerm.flag" placeholder="上传结果标识" style="width: 110px">
-          <el-option label="全部" value="0"/>
-          <el-option label="上传成功" value="1"/>
-          <el-option label="上传失败" value="2"/>
-        </el-select>
-        <el-select
-            v-model="queryuploadTerm.outDeptList"
-            :collapse-tags="true"
-            clearable filterable multiple
-            placeholder="出院科室"
-            style="width: 180px"
+  <div class="layout_container">
+    <header>
+      <el-select
+        v-model="queryuploadTerm.zhuYuanFlag"
+        placeholder="住院类型"
+        style="width: 110px"
+      >
+        <el-option label="住院" value="0" />
+        <el-option label="门诊" value="1" />
+      </el-select>
+      <el-input
+        v-model="queryuploadTerm.patNo"
+        clearable
+        placeholder="住院号"
+        @blur="patNo = $event.target.value.trim()"
+        @keyup.enter="queryPage"
+        style="width: 110px"
+      ></el-input>
+      <el-input
+        v-model="queryuploadTerm.times"
+        clearable
+        placeholder="住院次数"
+        @blur="times = $event.target.value.trim()"
+        style="width: 70px"
+      ></el-input>
+      <el-input
+        v-model="queryuploadTerm.ledgerSn"
+        clearable
+        placeholder="账页号"
+        @blur="times = $event.target.value.trim()"
+        style="width: 60px"
+      ></el-input>
+      <el-select
+        v-model="queryuploadTerm.typeFlag"
+        placeholder="上传类型"
+        style="width: 110px"
+      >
+        <el-option label="全部" value="0" />
+        <el-option label="自动上传" value="1" />
+        <el-option label="手动上传" value="2" />
+      </el-select>
+      <el-select
+        v-model="queryuploadTerm.flag"
+        placeholder="上传结果标识"
+        style="width: 110px"
+      >
+        <el-option label="全部" value="0" />
+        <el-option label="上传成功" value="1" />
+        <el-option label="上传失败" value="2" />
+      </el-select>
+      <el-select
+        v-model="queryuploadTerm.outDeptList"
+        :collapse-tags="true"
+        clearable
+        filterable
+        multiple
+        placeholder="出院科室"
+        style="width: 180px"
+      >
+        <el-option
+          v-for="item in disDepts"
+          :key="item.code"
+          :label="item.name"
+          :value="item.code"
         >
-          <el-option v-for="item in disDepts" :key="item.code" :label="item.name" :value="item.code">
-            <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
-            <el-divider direction="vertical"></el-divider>
-            <span>{{ item.name }}</span>
-          </el-option>
-        </el-select>
-        <span>上传时间</span>
-        <el-date-picker
-            v-model="queryuploadTerm.uploadDateRange"
-            type="daterange"
-            format="YYYY-MM-DD"
-            placeholder="上传开始日期"
-            range-separator="至"
-            start-placeholder="上传开始日期"
-            end-placeholder="上传结束日期"
-            :shortcuts="clockinShortcuts"
-            style="width: 180px"
-            value-format="YYYY-MM-DD"
-        />
-        <span>结算时间</span>
-        <el-date-picker
-            v-model="queryuploadTerm.setlDateRange"
-            type="daterange"
-            format="YYYY-MM-DD"
-            placeholder="结算开始日期"
-            range-separator="至"
-            start-placeholder="结算开始日期"
-            end-placeholder="结算结束日期"
-            :shortcuts="clockinShortcuts"
-            style="width: 180px"
-            value-format="YYYY-MM-DD"
-        />
-        <el-select v-model="queryuploadTerm.distinctFlag" placeholder="是否去重" style="width: 110px">
-          <el-option label="全部" value="0"/>
-          <el-option label="去重" value="1"/>
-        </el-select>
-        <el-button icon="Search" type="primary" @click="queryPage">查询</el-button>
-        <el-button type="primary" @click="ExportToExcel">导出Excel</el-button>
-      </header>
-      <div class="layout_main layout_el-table">
-        <el-table ref="uploadTableRef" :data="queryuploadTerm.list" border highlight-current-row>
-          <el-table-column prop="patNo" label="住院号" width="80"></el-table-column>
-          <el-table-column prop="psnName" label="姓名" min-width="110"></el-table-column>
-          <el-table-column prop="times" label="住院次数" width="80"></el-table-column>
-          <el-table-column prop="ledgerSn" label="账页号" width="80"></el-table-column>
-          <el-table-column prop="outDeptName" label="出院科室" width="80"></el-table-column>
-          <el-table-column prop="medTypeName" label="医疗类别" min-width="80"></el-table-column>
-          <el-table-column prop="insuplcAdmdvsName" label="参保地" min-width="100"></el-table-column>
-          <el-table-column prop="clrOptinsName" label="清算机构" min-width="80"></el-table-column>
-          <el-table-column prop="typeFlagName" label="上传类型" width="80"></el-table-column>
-          <el-table-column prop="uploadName" label="上传人" width="80"></el-table-column>
-          <el-table-column prop="flagName" label="上传结果标识" width="90"></el-table-column>
-          <el-table-column prop="createdDate" label="上传时间" width="130"></el-table-column>
-          <el-table-column prop="setlTime" label="患者结算时间" width="130"></el-table-column>
-          <el-table-column prop="logText" label="日志"></el-table-column>
-        </el-table>
-        <el-pagination
-            :current-page="queryuploadTerm.currentPage"
-            :page-size="queryuploadTerm.pageSize"
-            :page-sizes="[10, 20, 30, 40, 50, 100]"
-            :total="queryuploadTerm.total"
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-        ></el-pagination>
-      </div>
+          <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
+          <el-divider direction="vertical"></el-divider>
+          <span>{{ item.name }}</span>
+        </el-option>
+      </el-select>
+      <span>上传时间</span>
+      <el-date-picker
+        v-model="queryuploadTerm.uploadDateRange"
+        type="daterange"
+        format="YYYY-MM-DD"
+        placeholder="上传开始日期"
+        range-separator="至"
+        start-placeholder="上传开始日期"
+        end-placeholder="上传结束日期"
+        :shortcuts="clockinShortcuts"
+        style="width: 180px"
+        value-format="YYYY-MM-DD"
+      />
+      <span>结算时间</span>
+      <el-date-picker
+        v-model="queryuploadTerm.setlDateRange"
+        type="daterange"
+        format="YYYY-MM-DD"
+        placeholder="结算开始日期"
+        range-separator="至"
+        start-placeholder="结算开始日期"
+        end-placeholder="结算结束日期"
+        :shortcuts="clockinShortcuts"
+        style="width: 180px"
+        value-format="YYYY-MM-DD"
+      />
+      <el-select
+        v-model="queryuploadTerm.distinctFlag"
+        placeholder="是否去重"
+        style="width: 110px"
+      >
+        <el-option label="全部" value="0" />
+        <el-option label="去重" value="1" />
+      </el-select>
+      <el-button icon="Search" type="primary" @click="queryPage"
+        >查询
+      </el-button>
+      <el-button type="primary" @click="ExportToExcel">导出Excel</el-button>
+    </header>
+    <div class="layout_main layout_el-table">
+      <el-table
+        ref="uploadTableRef"
+        :data="queryuploadTerm.list"
+        border
+        highlight-current-row
+      >
+        <el-table-column
+          prop="patNo"
+          label="住院号"
+          width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="psnName"
+          label="姓名"
+          min-width="110"
+        ></el-table-column>
+        <el-table-column
+          prop="times"
+          label="住院次数"
+          width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="ledgerSn"
+          label="账页号"
+          width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="outDeptName"
+          label="出院科室"
+          width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="medTypeName"
+          label="医疗类别"
+          min-width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="insuplcAdmdvsName"
+          label="参保地"
+          min-width="100"
+        ></el-table-column>
+        <el-table-column
+          prop="clrOptinsName"
+          label="清算机构"
+          min-width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="typeFlagName"
+          label="上传类型"
+          width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="uploadName"
+          label="上传人"
+          width="80"
+        ></el-table-column>
+        <el-table-column
+          prop="flagName"
+          label="上传结果标识"
+          width="90"
+        ></el-table-column>
+        <el-table-column
+          prop="createdDate"
+          label="上传时间"
+          width="130"
+        ></el-table-column>
+        <el-table-column
+          prop="setlTime"
+          label="患者结算时间"
+          width="130"
+        ></el-table-column>
+        <el-table-column prop="logText" label="日志"></el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="queryuploadTerm.currentPage"
+        :page-size="queryuploadTerm.pageSize"
+        :page-sizes="[10, 20, 30, 40, 50, 100]"
+        :total="queryuploadTerm.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      ></el-pagination>
     </div>
-  </CyDialog>
+  </div>
 </template>
 
-<script setup name='ExportAutoUploadInfo'>
-import {clockinShortcuts} from '@/data/shortcuts'
-import {onMounted, ref} from "vue";
-import {getZhuYuanDept} from "@/api/public-api";
-import {getDateRangeFormatDate} from "@/utils/date";
-import {downloadExcel} from "@/utils/excel";
-import {
-  queryUploadInfo
-} from '@/api/medical-insurance/si-setl-upload';
-import CyDialog from "@/components/cy/dialog/src/CyDialog.vue";
+<script setup>
+import { clockinShortcuts } from "@/data/shortcuts";
+import { onMounted, ref } from "vue";
+import { getZhuYuanDept } from "@/api/public-api";
+import { getDateRangeFormatDate } from "@/utils/date";
+import { downloadExcel } from "@/utils/excel";
+import { queryUploadInfo } from "@/api/medical-insurance/si-setl-upload";
 
 const props = defineProps({
   patNo: {
     type: String,
   },
   times: {
-    type: Number
+    type: Number,
   },
   ledgerSn: {
-    type: Number
-  }
-})
-
-const emit = defineEmits(['close'])
+    type: Number,
+  },
+});
 
-const dialog = ref(true)
 const queryuploadTerm = ref({
   zhuYuanFlag: "",
   patNo: "",
   times: null,
   ledgerSn: null,
-  typeFlag: '0',
-  flag: '0',
+  typeFlag: "0",
+  flag: "0",
   updateStartTime: "",
   updateEndTime: "",
   setlStartTime: "",
@@ -146,65 +232,65 @@ const queryuploadTerm = ref({
   pageSize: 40,
   list: [],
   outDeptList: [],
-  distinctFlag: '0',
-  total: 0
-})
+  distinctFlag: "0",
+  total: 0,
+});
 
 const ExportToExcel = async () => {
-  createQuery()
+  createQuery();
   const data = {
     param: queryuploadTerm.value,
-    url: '/setlListUpld/exportAutoUploadInfo',
-    fileName: '上传日志.xlsx',
-  }
+    url: "/setlListUpld/exportAutoUploadInfo",
+    fileName: "上传日志.xlsx",
+  };
   setTimeout(() => {
-    downloadExcel(data)
-  }, 500)
-}
+    downloadExcel(data);
+  }, 500);
+};
 
 function createQuery() {
-  let uploadDates = getDateRangeFormatDate(queryuploadTerm.value.uploadDateRange)
-  let setlDates = getDateRangeFormatDate(queryuploadTerm.value.setlDateRange)
-  queryuploadTerm.value.updateStartTime = uploadDates.startTime
-  queryuploadTerm.value.updateEndTime = uploadDates.endTime
+  let uploadDates = getDateRangeFormatDate(
+    queryuploadTerm.value.uploadDateRange
+  );
+  let setlDates = getDateRangeFormatDate(queryuploadTerm.value.setlDateRange);
+  queryuploadTerm.value.updateStartTime = uploadDates.startTime;
+  queryuploadTerm.value.updateEndTime = uploadDates.endTime;
 
-  queryuploadTerm.value.setlStartTime = setlDates.startTime
-  queryuploadTerm.value.setlEndTime = setlDates.endTime
+  queryuploadTerm.value.setlStartTime = setlDates.startTime;
+  queryuploadTerm.value.setlEndTime = setlDates.endTime;
 }
 
 const queryPage = async () => {
-  createQuery()
-  queryUploadInfo(queryuploadTerm.value).then((res) => {
-    queryuploadTerm.value.list = res.records ? res.records : []
-    queryuploadTerm.value.total = res.total
-  })
-
-}
+  createQuery();
+  queryUploadInfo(queryuploadTerm.value).then(res => {
+    queryuploadTerm.value.list = res.records ? res.records : [];
+    queryuploadTerm.value.total = res.total;
+  });
+};
 
 // 出院科室
-const disDepts = ref([])
+const disDepts = ref([]);
 
 onMounted(() => {
-  getZhuYuanDept().then((res) => {
-    disDepts.value = res
+  getZhuYuanDept().then(res => {
+    disDepts.value = res;
     if (props.patNo && props.times && props.ledgerSn) {
-      queryuploadTerm.value.times = props.times
-      queryuploadTerm.value.patNo = props.patNo
-      queryuploadTerm.value.ledgerSn = props.ledgerSn
-      queryuploadTerm.value.uploadDateRange = []
-      queryuploadTerm.value.setlDateRange = []
-      queryPage()
+      queryuploadTerm.value.times = props.times;
+      queryuploadTerm.value.patNo = props.patNo;
+      queryuploadTerm.value.ledgerSn = props.ledgerSn;
+      queryuploadTerm.value.uploadDateRange = [];
+      queryuploadTerm.value.setlDateRange = [];
+      queryPage();
     }
-  })
-})
-
-const handleSizeChange = (val) => {
-  queryuploadTerm.value.pageSize = val
-  queryPage()
+  });
+});
 
-}
-const handleCurrentChange = (val) => {
-  queryuploadTerm.value.currentPage = val
-  queryPage()
-}
+const handleSizeChange = val => {
+  queryuploadTerm.value.pageSize = val;
+  queryPage();
+};
+const handleCurrentChange = val => {
+  queryuploadTerm.value.currentPage = val;
+  queryPage();
+};
 </script>

src/views/med-tec-mod/MenZhenXiangMu.vue

@@ -3,63 +3,85 @@
     <header>
       <div>
         <el-date-picker
-            v-model="dateRange"
-            :shortcuts="shortcuts"
-            end-placeholder="结束日期"
-            placeholder="选择日期"
-            range-separator="至"
-            start-placeholder="开始日期"
-            style="width: 280px"
-            type="daterange"
+          v-model="dateRange"
+          :shortcuts="shortcuts"
+          end-placeholder="结束日期"
+          placeholder="选择日期"
+          range-separator="至"
+          start-placeholder="开始日期"
+          style="width: 280px"
+          type="daterange"
         ></el-date-picker>
         患者ID：
         <el-input
-            v-model="patientId"
-            clearable
-            style="width: 120px"
-            @blur="patientId = $event.target.value.trim()"
-            @keyup.enter="getMzPatientClick"
+          v-model="patientId"
+          clearable
+          style="width: 120px"
+          @blur="patientId = $event.target.value.trim()"
+          @keyup.enter="getMzPatientClick"
         ></el-input>
         <el-select v-model="xiangMuZhuangTai" style="width: 90px">
           <el-option
-              v-for="item in xiangMuZhuangTaiData"
-              :key="item.code"
-              :label="item.name"
-              :value="item.code"
+            v-for="item in xiangMuZhuangTaiData"
+            :key="item.code"
+            :label="item.name"
+            :value="item.code"
           >
             <span style="color: #8492a6; font-size: 12px">{{ item.code }}</span>
             <el-divider direction="vertical"></el-divider>
             <span :style="{ color: item.color }">{{ item.name }}</span>
           </el-option>
         </el-select>
-        <el-button icon="Search" type="primary" @click="getMzPatientClick"> 查询</el-button>
-        <el-button icon="Search" type="primary" @click="kuaiSuChaZhaoClick"> 快速查找</el-button>
-        <el-button icon="Search" type="warning" @click="chaoZuoZhiNanDialog = true"> 操作指南</el-button>
-        <el-button icon="Upload" type="success" @click="baoCunClick"> 保存</el-button>
+        <el-button icon="Search" type="primary" @click="getMzPatientClick">
+          查询</el-button
+        >
+        <el-button icon="Search" type="primary" @click="kuaiSuChaZhaoClick">
+          快速查找</el-button
+        >
+        <el-button
+          icon="Search"
+          type="warning"
+          @click="chaoZuoZhiNanDialog = true"
+        >
+          操作指南</el-button
+        >
+        <el-button icon="Upload" type="success" @click="baoCunClick">
+          保存</el-button
+        >
       </div>
       <div>
         <el-tag effect="dark" size="large">患者姓名: {{ patient.name }}</el-tag>
-        <el-tag effect="dark" size="large" type="warning">性别:{{ cptSex(patient.sex) }}</el-tag>
-        <el-tag effect="dark" size="large">出生日期: {{ patient.birthDay }}</el-tag>
-        <el-tag effect="dark" size="large" type="warning">诊疗卡: {{ patient.icCardNo }}</el-tag>
+        <el-tag effect="dark" size="large" type="warning"
+          >性别:{{ cptSex(patient.sex) }}</el-tag
+        >
+        <el-tag effect="dark" size="large"
+          >出生日期: {{ patient.birthDay }}</el-tag
+        >
+        <el-tag effect="dark" size="large" type="warning"
+          >诊疗卡: {{ patient.icCardNo }}</el-tag
+        >
       </div>
     </header>
 
     <div class="layout_main layout_container layout-horizontal">
       <aside class="layout_el-table" style="width: 220px">
         <el-table
-            :data="shouFeiData"
-            highlight-current-row
-            stripe
-            @cell-click="(val) => getFeiYongXinXiClick(val, false)"
+          :data="shouFeiData"
+          highlight-current-row
+          stripe
+          @cell-click="val => getFeiYongXinXiClick(val, false)"
         >
           <el-table-column label="收费信息">
-            <el-table-column label="缴费日期" prop="chargeDate" width="80"></el-table-column>
+            <el-table-column
+              label="缴费日期"
+              prop="chargeDate"
+              width="80"
+            ></el-table-column>
             <el-table-column label="流水号">
               <template #default="scope">
                 <el-button
-                    type="success"
-                    @click.stop="getFeiYongXinXiClick(scope.row, true)"
+                  type="success"
+                  @click.stop.prevent="getFeiYongXinXiClick(scope.row, true)"
                 >
                   {{ scope.row.realNo }}
                 </el-button>
@@ -74,23 +96,44 @@
             <el-table-column label="待确认标志" prop="confirmFlag" width="250">
               <template #default="scope">
                 <el-radio-group v-model="scope.row.confirmFlag">
-                  <el-radio-button :disabled="scope.row.xiangMuZhuangTai === 1 || scope.row.xiangMuZhuangTai === 3"
-                                   :value="0"> 未确认
+                  <el-radio-button
+                    :disabled="
+                      scope.row.xiangMuZhuangTai === 1 ||
+                      scope.row.xiangMuZhuangTai === 3
+                    "
+                    :value="0"
+                  >
+                    未确认
                   </el-radio-button>
                   <el-radio-button :value="1">确认</el-radio-button>
                   <el-radio-button :value="3">取消</el-radio-button>
                 </el-radio-group>
               </template>
             </el-table-column>
-            <el-table-column label="项目编码" prop="chargeItemCode"></el-table-column>
+            <el-table-column
+              label="项目编码"
+              prop="chargeItemCode"
+            ></el-table-column>
             <el-table-column label="项目" prop="chargeName"></el-table-column>
             <el-table-column label="金额" prop="chargeFeeNew"></el-table-column>
-            <el-table-column label="确认时间" prop="confirmTime" width="80"></el-table-column>
-            <el-table-column label="确认人" prop="confirmIdName"></el-table-column>
-            <el-table-column label="执行科室" prop="execDeptName"></el-table-column>
+            <el-table-column
+              label="确认时间"
+              prop="confirmTime"
+              width="80"
+            ></el-table-column>
+            <el-table-column
+              label="确认人"
+              prop="confirmIdName"
+            ></el-table-column>
+            <el-table-column
+              label="执行科室"
+              prop="execDeptName"
+            ></el-table-column>
             <el-table-column label="申请号" prop="reqNo">
               <template #default="scope">
-                <el-button type="success" @click="getMingXiClick(scope.row)">{{ scope.row.reqNo }}</el-button>
+                <el-button type="success" @click="getMingXiClick(scope.row)">{{
+                  scope.row.reqNo
+                }}</el-button>
               </template>
             </el-table-column>
           </el-table-column>
@@ -101,41 +144,49 @@
 
   <el-dialog v-model="kuaiSuChaZhaoDialog" title="点击表格中的姓名即可">
     <el-table
-        :data="kuaiSuChaZhaoData.list.slice((kuaiSuChaZhaoData.currentPage - 1) * kuaiSuChaZhaoData.pageSize, kuaiSuChaZhaoData.pageSize * kuaiSuChaZhaoData.currentPage)"
-        height="calc(100vh - 50%)"
-        highlight-current-row
-        stripe
-        @cell-click="chaZhaoTable"
+      :data="
+        kuaiSuChaZhaoData.list.slice(
+          (kuaiSuChaZhaoData.currentPage - 1) * kuaiSuChaZhaoData.pageSize,
+          kuaiSuChaZhaoData.pageSize * kuaiSuChaZhaoData.currentPage
+        )
+      "
+      height="calc(100vh - 50%)"
+      highlight-current-row
+      stripe
+      @cell-click="chaZhaoTable"
     >
       <el-table-column label="姓名" prop="name"></el-table-column>
       <el-table-column label="门诊号" prop="patientId"></el-table-column>
     </el-table>
     <el-pagination
-        :current-page="kuaiSuChaZhaoData.currentPage"
-        :page-size="kuaiSuChaZhaoData.pageSize"
-        :total="kuaiSuChaZhaoData.list.length"
-        background
-        layout="total,  prev, pager, next, jumper"
-        @current-change="kuaiSuChaZhaoCurrent"
+      :current-page="kuaiSuChaZhaoData.currentPage"
+      :page-size="kuaiSuChaZhaoData.pageSize"
+      :total="kuaiSuChaZhaoData.list.length"
+      background
+      layout="total,  prev, pager, next, jumper"
+      @current-change="kuaiSuChaZhaoCurrent"
     >
     </el-pagination>
   </el-dialog>
   <el-dialog v-model="chaoZuoZhiNanDialog" title="操作指南">
-    一、查询<br/><br/>
-    1、选择好时间以及患者的门诊号（门诊号或者诊疗卡号），在选择是否查看已经确认的还是未确认的 点击查询即可。<br/>
-    2、快速查询，只针对医生开了执行科室为本科室的才有用，没有带执行科室的请手动输入门诊号查询，是根据日期来查询的。<br/>
-    3、如果感觉有点卡的话那么就日期范围选择短一些<br/><br/>
-    二、数据<br/><br/>
-    1、点击右边侧边栏的表格，开在本科室的项目就会显示在左边，点击流水号，能看到这个费用的明细<br/>
-    2、点击中间的表格，选择您需要进行的操作。<br/>
-    3、点击申请号，可也看见套餐的明细。<br/><br/>
-    三、保存<br/><br/>
-    1、在选择完数据后点击保存即可。 <br/>
+    一、查询<br /><br />
+    1、选择好时间以及患者的门诊号（门诊号或者诊疗卡号），在选择是否查看已经确认的还是未确认的
+    点击查询即可。<br />
+    2、快速查询，只针对医生开了执行科室为本科室的才有用，没有带执行科室的请手动输入门诊号查询，是根据日期来查询的。<br />
+    3、如果感觉有点卡的话那么就日期范围选择短一些<br /><br />
+    二、数据<br /><br />
+    1、点击右边侧边栏的表格，开在本科室的项目就会显示在左边，点击流水号，能看到这个费用的明细<br />
+    2、点击中间的表格，选择您需要进行的操作。<br />
+    3、点击申请号，可也看见套餐的明细。<br /><br />
+    三、保存<br /><br />
+    1、在选择完数据后点击保存即可。 <br />
   </el-dialog>
 
-  <el-dialog v-model="detailsDialog.dialog"
-             class="mz_que-fei_detailsDialog"
-             title="明细">
+  <el-dialog
+    v-model="detailsDialog.dialog"
+    class="mz_que-fei_detailsDialog"
+    title="明细"
+  >
     <div class="detail">
       申请单明细：
       <el-form label-width="80">
@@ -152,8 +203,9 @@
           {{ detailsDialog.details.jy_remark }}
         </el-form-item>
         <el-form-item label="申请医生:">
-          <img :src="`http://172.16.32.167:8077/doctorSignatureImage/${detailsDialog.details.req_doctor}.png`"
-               :alt="detailsDialog.details.req_doctor_name"
+          <img
+            :src="`http://172.16.32.167:8077/doctorSignatureImage/${detailsDialog.details.req_doctor}.png`"
+            :alt="detailsDialog.details.req_doctor_name"
           />
         </el-form-item>
         <el-form-item label="申请科室:">
@@ -164,10 +216,11 @@
 
     <div class="detail">
       费用明细：
-      <el-table :data="detailsDialog.tableData"
-                highlight-current-row
-                stripe>
-        <el-table-column label="项目编码" prop="chargeItemCode"></el-table-column>
+      <el-table :data="detailsDialog.tableData" highlight-current-row stripe>
+        <el-table-column
+          label="项目编码"
+          prop="chargeItemCode"
+        ></el-table-column>
         <el-table-column label="项目" prop="chargeName"></el-table-column>
         <el-table-column label="金额" prop="chargeFee"></el-table-column>
       </el-table>
@@ -175,13 +228,13 @@
   </el-dialog>
 
   <el-dialog v-model="itemDetailDialog" title="详情" width="60%">
-    <div style="display: flex;height: 60vh">
-      <div style="flex: 1;width: 0">
+    <div style="display: flex; height: 60vh">
+      <div style="flex: 1; width: 0">
         <el-table
-            :data="feiYongData"
-            height="100%"
-            highlight-current-row
-            stripe
+          :data="feiYongData"
+          height="100%"
+          highlight-current-row
+          stripe
         >
           <el-table-column label="缴费明细信息">
             <el-table-column label="待确认标志" prop="confirmFlag">
@@ -189,203 +242,223 @@
                 <span v-html="confirmFlag(scope.row.confirmFlag)"></span>
               </template>
             </el-table-column>
-            <el-table-column label="项目编码" prop="chargeItemCode"></el-table-column>
+            <el-table-column
+              label="项目编码"
+              prop="chargeItemCode"
+            ></el-table-column>
             <el-table-column label="项目" prop="chargeName"></el-table-column>
             <el-table-column label="金额" prop="chargeFee"></el-table-column>
-            <el-table-column label="确认时间" prop="confirmTime" width="80"></el-table-column>
-            <el-table-column label="确认人" prop="confirmIdName"></el-table-column>
-            <el-table-column label="执行科室" prop="execDeptName"></el-table-column>
+            <el-table-column
+              label="确认时间"
+              prop="confirmTime"
+              width="80"
+            ></el-table-column>
+            <el-table-column
+              label="确认人"
+              prop="confirmIdName"
+            ></el-table-column>
+            <el-table-column
+              label="执行科室"
+              prop="execDeptName"
+            ></el-table-column>
             <el-table-column label="申请号" prop="reqNo"></el-table-column>
           </el-table-column>
         </el-table>
       </div>
-      <div style="width: 300px;margin-left: 4px">
-        <el-table
-            :data="yaoPinData"
-            height="100%"
-            highlight-current-row
-            stripe
-        >
+      <div style="width: 300px; margin-left: 4px">
+        <el-table :data="yaoPinData" height="100%" highlight-current-row stripe>
           <el-table-column label="药品信息">
-            <el-table-column label="名称" prop="tcName" width="210"></el-table-column>
+            <el-table-column
+              label="名称"
+              prop="tcName"
+              width="210"
+            ></el-table-column>
             <el-table-column label="数量" prop="quantity"></el-table-column>
           </el-table-column>
         </el-table>
       </div>
     </div>
   </el-dialog>
-
 </template>
 <script setup>
-import {shortcuts} from '@/data/shortcuts'
-import {ref} from 'vue'
-import {cptSex} from '@/utils/computed'
+import { shortcuts } from "@/data/shortcuts";
+import { ref } from "vue";
+import { cptSex } from "@/utils/computed";
 import {
   getFeiYongXinXi,
-  getMzPatient, getReqDetailsByNo,
+  getMzPatient,
+  getReqDetailsByNo,
   kuaiSuChaZhao,
-  menZhenXiangMuQuXiaoHuoQueRen
-} from '@/api/zhu-yuan-yi-ji/men-zhen-xiang-mu'
-import {getDateRangeFormatDate} from '@/utils/date'
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {listIsBlank, stringIsBlank} from '@/utils/blank-utils'
-import {isDev, needRule} from "@/utils/public";
-import XEUtils from 'xe-utils'
-import {useUserStore} from "@/pinia/user-store";
+  menZhenXiangMuQuXiaoHuoQueRen,
+} from "@/api/zhu-yuan-yi-ji/men-zhen-xiang-mu";
+import { getDateRangeFormatDate } from "@/utils/date";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { listIsBlank, stringIsBlank } from "@/utils/blank-utils";
+import { isDev, needRule } from "@/utils/public";
+import XEUtils from "xe-utils";
+import { useUserStore } from "@/pinia/user-store";
 
-const userInfo = useUserStore().userInfo
-const dateRange = ref(shortcuts[0].value)
-const patientId = ref(isDev ? '1489693-4' : '')
-const xiangMuZhuangTai = ref(0)
-const chargeDate = ref('')
-const patient = ref({})
-const shouFeiData = ref([])
-const feiYongData = ref([])
-const yaoPinData = ref([])
-const keQueRenData = ref([])
-const danGeXingXi = ref([])
+const userInfo = useUserStore().userInfo;
+const dateRange = ref(shortcuts[0].value);
+const patientId = ref(isDev ? "1489693-4" : "");
+const xiangMuZhuangTai = ref(0);
+const chargeDate = ref("");
+const patient = ref({});
+const shouFeiData = ref([]);
+const feiYongData = ref([]);
+const yaoPinData = ref([]);
+const keQueRenData = ref([]);
+const danGeXingXi = ref([]);
 
 // 项目的详情
-const itemDetailDialog = ref(false)
+const itemDetailDialog = ref(false);
 
 const detailsDialog = reactive({
   dialog: false,
   tableData: [],
-  details: {}
-})
+  details: {},
+});
 
 const xiangMuZhuangTaiData = [
-  {code: 0, name: '未确认'},
-  {code: 1, name: '已确认'},
-]
+  { code: 0, name: "未确认" },
+  { code: 1, name: "已确认" },
+];
 
 const getMzPatientClick = () => {
-  lingShiBaoCunJiaoFeiMingXi.value = {}
-  shouFeiData.value = []
-  keQueRenData.value = []
-  feiYongData.value = []
-  danGeXingXi.value = []
-  let dateR = getDateRangeFormatDate(dateRange.value)
-  getMzPatient(patientId.value, xiangMuZhuangTai.value, dateR.startTime, dateR.endTime, userInfo.deptCode)
-      .then((res) => {
-        patientId.value = res.patientId
-        patient.value = res
-        patient.value.birthDay = patient.value.birthDay.split(' ')[0]
-        shouFeiData.value = res.list
-      })
-      .catch(() => {
-        patient.value = {}
-      })
-}
+  lingShiBaoCunJiaoFeiMingXi.value = {};
+  shouFeiData.value = [];
+  keQueRenData.value = [];
+  feiYongData.value = [];
+  danGeXingXi.value = [];
+  let dateR = getDateRangeFormatDate(dateRange.value);
+  getMzPatient(
+    patientId.value,
+    xiangMuZhuangTai.value,
+    dateR.startTime,
+    dateR.endTime,
+    userInfo.deptCode
+  )
+    .then(res => {
+      patientId.value = res.patientId;
+      patient.value = res;
+      patient.value.birthDay = patient.value.birthDay.split(" ")[0];
+      shouFeiData.value = res.list;
+    })
+    .catch(() => {
+      patient.value = {};
+    });
+};
 
-const lingShiBaoCunJiaoFeiMingXi = ref({})
+const lingShiBaoCunJiaoFeiMingXi = ref({});
 
 function deptList(item) {
   return !!userInfo.partTimeDeptMap[item];
 }
 
 const getFeiYongXinXiClick = (val, openDialog) => {
-  chargeDate.value = val.chargeDate
-  getFeiYongXinXi(val.realNo, val.patientId, val.times, xiangMuZhuangTai.value).then((res) => {
-    keQueRenData.value = []
-    feiYongData.value = res.f
-    yaoPinData.value = res.y
+  chargeDate.value = val.chargeDate;
+  getFeiYongXinXi(
+    val.realNo,
+    val.patientId,
+    val.times,
+    xiangMuZhuangTai.value
+  ).then(res => {
+    keQueRenData.value = [];
+    feiYongData.value = res.f;
+    yaoPinData.value = res.y;
     if (openDialog) {
-      itemDetailDialog.value = true
+      itemDetailDialog.value = true;
     }
-    lingShiBaoCunJiaoFeiMingXi.value = XEUtils.clone(val)
+    lingShiBaoCunJiaoFeiMingXi.value = XEUtils.clone(val);
     if (needRule(1)) {
-      keQueRenData.value = XEUtils.clone(feiYongData.value, true)
+      keQueRenData.value = XEUtils.clone(feiYongData.value, true);
     } else {
-      keQueRenData.value = feiYongData.value.filter((item) => {
-        return deptList(item.execDept) || stringIsBlank(item.execDept)
-      })
+      keQueRenData.value = feiYongData.value.filter(item => {
+        return deptList(item.execDept) || stringIsBlank(item.execDept);
+      });
     }
-  })
-}
-
+  });
+};
 
-const getMingXiClick = (val) => {
-  if (typeof val.list !== 'undefined') {
-    val.list.forEach((item) => {
-      item.chargeFee = item.drugWin * item.quantity * item.unitPrice
-    })
+const getMingXiClick = val => {
+  if (typeof val.list !== "undefined") {
+    val.list.forEach(item => {
+      item.chargeFee = item.drugWin * item.quantity * item.unitPrice;
+    });
   }
 
-  getReqDetailsByNo(val.patientId, val.reqNo).then((res) => {
-    detailsDialog.dialog = true
-    detailsDialog.details = res
-  })
+  getReqDetailsByNo(val.patientId, val.reqNo).then(res => {
+    detailsDialog.dialog = true;
+    detailsDialog.details = res;
+  });
 
-  detailsDialog.tableData = val.list || []
-}
+  detailsDialog.tableData = val.list || [];
+};
 
 const baoCunClick = () => {
-  const list = keQueRenData.value.filter((item) => {
-    return item.confirmFlag !== item.oldConfirmFlag && item.confirmFlag !== 0
-  })
+  const list = keQueRenData.value.filter(item => {
+    return item.confirmFlag !== item.oldConfirmFlag && item.confirmFlag !== 0;
+  });
   if (listIsBlank(list)) {
-    return ElMessage.error('数据没有变化请勿点击')
+    return ElMessage.error("数据没有变化请勿点击");
   }
-  ElMessageBox.confirm('请确认数据', '提示', {
-    type: 'warning',
+  ElMessageBox.confirm("请确认数据", "提示", {
+    type: "warning",
   })
-      .then(() => {
-        let baoCun = {
-          list: list,
-          realNo: lingShiBaoCunJiaoFeiMingXi.value.realNo,
-          patientId: lingShiBaoCunJiaoFeiMingXi.value.patientId,
-          times: lingShiBaoCunJiaoFeiMingXi.value.times,
-          execDept: userInfo.deptCode,
-        }
-        menZhenXiangMuQuXiaoHuoQueRen(baoCun).then((res) => {
-          keQueRenData.value = []
-        })
-      })
-      .catch(() => {
-      })
-}
+    .then(() => {
+      let baoCun = {
+        list: list,
+        realNo: lingShiBaoCunJiaoFeiMingXi.value.realNo,
+        patientId: lingShiBaoCunJiaoFeiMingXi.value.patientId,
+        times: lingShiBaoCunJiaoFeiMingXi.value.times,
+        execDept: userInfo.deptCode,
+      };
+      menZhenXiangMuQuXiaoHuoQueRen(baoCun).then(res => {
+        keQueRenData.value = [];
+      });
+    })
+    .catch(() => {});
+};
 
-const kuaiSuChaZhaoDialog = ref(false)
+const kuaiSuChaZhaoDialog = ref(false);
 const kuaiSuChaZhaoData = ref({
   currentPage: 1,
   pageSize: 10,
   list: [],
-})
-const chaoZuoZhiNanDialog = ref(false)
+});
+const chaoZuoZhiNanDialog = ref(false);
 
 const kuaiSuChaZhaoClick = () => {
-  let dateR = getDateRangeFormatDate(dateRange.value)
-  kuaiSuChaZhao(dateR.startTime, dateR.endTime, userInfo.deptCode).then((res) => {
-    kuaiSuChaZhaoData.value.list = res
-    kuaiSuChaZhaoDialog.value = true
-  })
-}
+  let dateR = getDateRangeFormatDate(dateRange.value);
+  kuaiSuChaZhao(dateR.startTime, dateR.endTime, userInfo.deptCode).then(res => {
+    kuaiSuChaZhaoData.value.list = res;
+    kuaiSuChaZhaoDialog.value = true;
+  });
+};
 
-const kuaiSuChaZhaoCurrent = (val) => {
-  kuaiSuChaZhaoData.value.currentPage = val
-}
+const kuaiSuChaZhaoCurrent = val => {
+  kuaiSuChaZhaoData.value.currentPage = val;
+};
 
-const chaZhaoTable = (val) => {
-  patientId.value = val.patientId
-  getMzPatientClick()
-}
+const chaZhaoTable = val => {
+  patientId.value = val.patientId;
+  getMzPatientClick();
+};
 
 function confirmFlag(val) {
   switch (val) {
     case 0:
-      return '<span style="color:#E6A23C">未确认</span>'
+      return '<span style="color:#E6A23C">未确认</span>';
     case 1:
-      return '<span style="color:#67C23A">已确认</span>'
+      return '<span style="color:#67C23A">已确认</span>';
     case 3:
-      return '<span style="color:#F56C6C">已取消</span>'
+      return '<span style="color:#F56C6C">已取消</span>';
   }
 }
 </script>
 
 <style lang="scss">
 .mz_que-fei_detailsDialog {
-
   .detail {
     color: black;
     margin-bottom: 10px;
@@ -393,5 +466,4 @@ function confirmFlag(val) {
     box-shadow: var(--el-box-shadow);
   }
 }
-
 </style>