医生名称修改

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

@@ -3,74 +3,127 @@
     <header>
       <div>
         <el-date-picker
-            type="daterange"
-            v-model="dateRange"
-            placeholder="选择日期"
-            style="width: 280px"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            :shortcuts="shortcuts"/>
-        <el-input style="width: 160px" placeholder="请输入住院号" clearable v-model.trim="queryTerm.inpatientNo"
-                  @keyup.enter="getHuanZheXinXiClick"></el-input>
-        <el-select v-model="queryTerm.wardCode" style="width: 150px" filterable clearable placeholder="请选择病区">
-          <el-option v-for="item in wardData" :key="item.code" :label="item.name" :value="item.code">
+          type="daterange"
+          v-model="dateRange"
+          placeholder="选择日期"
+          style="width: 280px"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :shortcuts="shortcuts"
+        />
+        <el-input
+          style="width: 160px"
+          placeholder="请输入住院号"
+          clearable
+          v-model.trim="queryTerm.inpatientNo"
+          @keyup.enter="getHuanZheXinXiClick"
+        ></el-input>
+        <el-select
+          v-model="queryTerm.wardCode"
+          style="width: 150px"
+          filterable
+          clearable
+          placeholder="请选择病区"
+        >
+          <el-option
+            v-for="item in wardData"
+            :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>
         <el-divider direction="vertical"></el-divider>
-        <el-button type="primary" icon="Search" @click="getHuanZheXinXiClick">查询</el-button>
-        <el-button type="primary" icon="RefreshLeft" @click="getXuQueFeiYiZhuClick">刷新</el-button>
+        <el-button type="primary" icon="Search" @click="getHuanZheXinXiClick"
+          >查询</el-button
+        >
+        <el-button
+          type="primary"
+          icon="RefreshLeft"
+          @click="getXuQueFeiYiZhuClick"
+          >刷新</el-button
+        >
       </div>
       <div>
         排序：
-        <el-select v-model="queryTerm.fenLei" style="width: 100px; margin: auto 10px auto 10px">
+        <el-select
+          v-model="queryTerm.fenLei"
+          style="width: 100px; margin: auto 10px auto 10px"
+        >
           <el-option :value="0" label="病区"></el-option>
           <el-option :value="1" label="执行人"></el-option>
         </el-select>
-        <el-button type="success" @click="baoCunYiZhuQueFeiClick" icon="Upload" :disabled="queryTerm.liShi === 1"> 保存
+        <el-button
+          type="success"
+          @click="baoCunYiZhuQueFeiClick"
+          icon="Upload"
+          :disabled="queryTerm.liShi === 1"
+        >
+          保存
         </el-button>
         <el-divider direction="vertical"></el-divider>
-        <el-radio-group v-model="queryTerm.liShi" @change="getHuanZheXinXiClick">
+        <el-radio-group
+          v-model="queryTerm.liShi"
+          @change="getHuanZheXinXiClick"
+        >
           <el-radio-button :value="0">未确认</el-radio-button>
           <el-radio-button :value="1">历史</el-radio-button>
         </el-radio-group>
         <el-divider direction="vertical"></el-divider>
-        <el-button type="warning" @click="chaoZuoZhiNan = true">操作指南</el-button>
+        <el-button type="warning" @click="chaoZuoZhiNan = true"
+          >操作指南</el-button
+        >
         <el-divider direction="vertical"></el-divider>
         <el-switch
-            v-show="queryTerm.liShi === 1"
-            v-model="zhiKanZiJi"
-            active-color="#13ce66"
-            inactive-color="#ff4949"
-            active-text="只看自己"
-            inactive-text="全部"
-            :active-value="true"
-            :inactive-value="false"
+          v-show="queryTerm.liShi === 1"
+          v-model="zhiKanZiJi"
+          active-color="#13ce66"
+          inactive-color="#ff4949"
+          active-text="只看自己"
+          inactive-text="全部"
+          :active-value="true"
+          :inactive-value="false"
         >
         </el-switch>
       </div>
     </header>
-    <div
-        class="layout_main layout_el-table"
-        v-show="queryTerm.liShi === 0"
-    >
-      <el-table :data="huanZheYiZhuFeiYongData"
-                class="layout_flex_1-y"
-                stripe highlight-current-row
-                @cell-click="lingShiQueFeiShuJuClick" ref="tableRef">
+    <div class="layout_main layout_el-table" v-show="queryTerm.liShi === 0">
+      <el-table
+        :data="huanZheYiZhuFeiYongData"
+        class="layout_flex_1-y"
+        stripe
+        highlight-current-row
+        @cell-click="lingShiQueFeiShuJuClick"
+        ref="tableRef"
+      >
         <el-table-column prop="name" label="姓名" width="90">
           <template #default="scope">
-            <el-button size="small" :type="scope.row.shiFouYouChuYuanYiZhu === 0 ? 'success' : 'danger'"
-                       style="width: 100px"
-            ><span style="font-size: 20px">{{ scope.row.name }}</span></el-button
+            <el-button
+              size="small"
+              :type="
+                scope.row.shiFouYouChuYuanYiZhu === 0 ? 'success' : 'danger'
+              "
+              style="width: 100px"
+              ><span style="font-size: 20px">{{
+                scope.row.name
+              }}</span></el-button
             >
           </template>
         </el-table-column>
-        <el-table-column prop="inpatientNo" label="住院号" width="90"></el-table-column>
-        <el-table-column prop="admissTimes" label="住院次数" width="90"></el-table-column>
+        <el-table-column
+          prop="inpatientNo"
+          label="住院号"
+          width="90"
+        ></el-table-column>
+        <el-table-column
+          prop="admissTimes"
+          label="住院次数"
+          width="90"
+        ></el-table-column>
         <el-table-column prop="bedNo" label="床号" width="50"></el-table-column>
         <el-table-column prop="sex" label="性别">
           <template #default="scope">
@@ -78,7 +131,10 @@
           </template>
         </el-table-column>
         <el-table-column prop="admissDate" label="住院日期"></el-table-column>
-        <el-table-column prop="responceTypeName" label="医保身份"></el-table-column>
+        <el-table-column
+          prop="responceTypeName"
+          label="医保身份"
+        ></el-table-column>
         <el-table-column prop="wardName" label="病区"></el-table-column>
         <el-table-column prop="totalCharge" label="总费用"></el-table-column>
         <el-table-column label="操作">
@@ -88,44 +144,56 @@
         </el-table-column>
       </el-table>
       <el-pagination
-          background
-          @current-change="changeYiZhuQueFei"
-          :current-page="queryTerm.currentPage"
-          :page-size="queryTerm.pageSize"
-          layout=" prev, pager, next,total"
-          :total="queryTerm.total"
-          style="margin-top: 5px"
-          :pager-count="5"
+        background
+        @current-change="changeYiZhuQueFei"
+        :current-page="queryTerm.currentPage"
+        :page-size="queryTerm.pageSize"
+        layout=" prev, pager, next,total"
+        :total="queryTerm.total"
+        style="margin-top: 5px"
+        :pager-count="5"
       ></el-pagination>
     </div>
-    <div
-        class="layout_main layout_el-table"
-        v-show="queryTerm.liShi === 1"
-    >
+    <div class="layout_main layout_el-table" v-show="queryTerm.liShi === 1">
       <el-table
-          :data="liShiShuJu.list.slice((liShiShuJu.currentPage - 1) * liShiShuJu.pageSize, liShiShuJu.currentPage * liShiShuJu.pageSize)"
-          class="layout_flex_1-y"
-          stripe
-          highlight-current-row
-          ref="liShiShuJuRef"
+        :data="
+          liShiShuJu.list.slice(
+            (liShiShuJu.currentPage - 1) * liShiShuJu.pageSize,
+            liShiShuJu.currentPage * liShiShuJu.pageSize
+          )
+        "
+        class="layout_flex_1-y"
+        stripe
+        highlight-current-row
+        ref="liShiShuJuRef"
       >
         <el-table-column label="患者姓名" prop="name">
           <template #default="scope">
             <el-button size="small" :type="scope.row.color" style="width: 100px"
-            ><span style="font-size: 20px">{{ scope.row.name }}</span></el-button
+              ><span style="font-size: 20px">{{
+                scope.row.name
+              }}</span></el-button
             >
           </template>
         </el-table-column>
         <el-table-column label="住院号" prop="inpatientNo"></el-table-column>
         <el-table-column label="住院次数" prop="admissTimes"></el-table-column>
         <el-table-column label="医嘱号" prop="actOrderNo"></el-table-column>
-        <el-table-column label="医嘱时间" prop="occTime" width="70"></el-table-column>
+        <el-table-column
+          label="医嘱时间"
+          prop="occTime"
+          width="70"
+        ></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="orderCount"></el-table-column>
         <el-table-column label="医生姓名" prop="docotrName"></el-table-column>
         <el-table-column label="操作人" prop="opIdName"></el-table-column>
-        <el-table-column label="操作时间" prop="opDate" width="70"></el-table-column>
+        <el-table-column
+          label="操作时间"
+          prop="opDate"
+          width="70"
+        ></el-table-column>
         <el-table-column label="操作内容" prop="chargeStatus">
           <template #default="scope">
             <span v-html="yiZhuZhuangTai(scope.row.chargeStatus)"></span>
@@ -133,50 +201,86 @@
         </el-table-column>
       </el-table>
       <el-pagination
-          background
-          @current-change="liShiShuJuFanYe"
-          :current-page="liShiShuJu.currentPage"
-          :page-size="liShiShuJu.pageSize"
-          layout=" prev, pager, next,total"
-          :total="liShiShuJu.list.length"
-          style="margin-top: 5px"
-          :pager-count="5"
+        background
+        @current-change="liShiShuJuFanYe"
+        :current-page="liShiShuJu.currentPage"
+        :page-size="liShiShuJu.pageSize"
+        layout=" prev, pager, next,total"
+        :total="liShiShuJu.list.length"
+        style="margin-top: 5px"
+        :pager-count="5"
       ></el-pagination>
     </div>
   </div>
 
-  <el-drawer v-model="xiangXiYiZhuXinXiDrawer" direction="ltr" size="70%" title="患者医嘱的详细信息">
+  <el-drawer
+    v-model="xiangXiYiZhuXinXiDrawer"
+    direction="ltr"
+    size="70%"
+    title="患者医嘱的详细信息"
+  >
     <div class="layout_display_flex_y">
       <div>
         <el-descriptions :title="lingShiQueFeiShuJu.name" border>
           <template #extra>
-            <el-button type="success" @click="baoCunYiZhuQueFeiClick" icon="Upload" :disabled="queryTerm.liShi === 1">
+            <el-button
+              type="success"
+              @click="baoCunYiZhuQueFeiClick"
+              icon="Upload"
+              :disabled="queryTerm.liShi === 1"
+            >
               保存
             </el-button>
           </template>
-          <el-descriptions-item label="住院号">{{ lingShiQueFeiShuJu.inpatientNo }}</el-descriptions-item>
+          <el-descriptions-item label="住院号">{{
+            lingShiQueFeiShuJu.inpatientNo
+          }}</el-descriptions-item>
           <el-descriptions-item label="姓名">
-            <el-tag size="small" style="font-size: 24px">{{ lingShiQueFeiShuJu.name }}</el-tag>
+            <el-tag size="small" style="font-size: 24px">{{
+              lingShiQueFeiShuJu.name
+            }}</el-tag>
           </el-descriptions-item>
-          <el-descriptions-item label="性别">{{ cptSex(lingShiQueFeiShuJu.sex) }}</el-descriptions-item>
-          <el-descriptions-item label="床号">{{ lingShiQueFeiShuJu.bedNo }}</el-descriptions-item>
-          <el-descriptions-item label="医保身份">{{ lingShiQueFeiShuJu.responceTypeName }}</el-descriptions-item>
-          <el-descriptions-item label="病区">{{ lingShiQueFeiShuJu.wardName }}</el-descriptions-item>
+          <el-descriptions-item label="性别">{{
+            cptSex(lingShiQueFeiShuJu.sex)
+          }}</el-descriptions-item>
+          <el-descriptions-item label="床号">{{
+            lingShiQueFeiShuJu.bedNo
+          }}</el-descriptions-item>
+          <el-descriptions-item label="医保身份">{{
+            lingShiQueFeiShuJu.responceTypeName
+          }}</el-descriptions-item>
+          <el-descriptions-item label="病区">{{
+            lingShiQueFeiShuJu.wardName
+          }}</el-descriptions-item>
         </el-descriptions>
       </div>
       <div class="layout_flex_1-y layout_display_flex_y">
         <el-divider class="el-divider_shorter">项目信息</el-divider>
         <el-table
-            :data="lingShiQueFeiShuJu.list.slice((lingShiQueFeiShuJu.currentPage - 1) * lingShiQueFeiShuJu.pageSize, lingShiQueFeiShuJu.currentPage * lingShiQueFeiShuJu.pageSize)"
-            highlight-current-row
-            class="layout_flex_1-y"
-            stripe>
+          :data="
+            lingShiQueFeiShuJu.list.slice(
+              (lingShiQueFeiShuJu.currentPage - 1) *
+                lingShiQueFeiShuJu.pageSize,
+              lingShiQueFeiShuJu.currentPage * lingShiQueFeiShuJu.pageSize
+            )
+          "
+          highlight-current-row
+          class="layout_flex_1-y"
+          stripe
+        >
           <el-table-column prop="actOrderNo" label="医嘱号"></el-table-column>
-          <el-table-column prop="occTime" label="医嘱日期" width="80"></el-table-column>
-          <el-table-column prop="execUnitName" label="执行科室"></el-table-column>
+          <el-table-column
+            prop="occTime"
+            label="医嘱日期"
+            width="80"
+          ></el-table-column>
+          <el-table-column
+            prop="execUnitName"
+            label="执行科室"
+          ></el-table-column>
           <el-table-column prop="chargeCode" label="项目编码"></el-table-column>
           <el-table-column prop="chargeName" label="项目名称"></el-table-column>
-          <el-table-column prop="docotrName" label="医生"></el-table-column>
+          <el-table-column prop="doctorName" label="医生"></el-table-column>
           <el-table-column prop="orderCount" label="数量"></el-table-column>
           <el-table-column prop="chargeFee" label="单价"></el-table-column>
           <el-table-column label="金额">
@@ -186,12 +290,24 @@
           </el-table-column>
           <el-table-column label="操作" width="220">
             <template #header>
-              <el-button type="success" @click="oneClickConfirmClick('1')">确认</el-button>
-              <el-button type="danger" @click="oneClickConfirmClick('2')">取消</el-button>
+              <el-button type="success" @click="oneClickConfirmClick('1')"
+                >确认</el-button
+              >
+              <el-button type="danger" @click="oneClickConfirmClick('2')"
+                >取消</el-button
+              >
             </template>
             <template #default="scope">
-              <el-radio-group v-model="scope.row.chargeStatus"
-                              :fill="scope.row.chargeStatus === '1' ? '#67C23A' : scope.row.chargeStatus === '2' ? '#F56C6C' : '#909399'">
+              <el-radio-group
+                v-model="scope.row.chargeStatus"
+                :fill="
+                  scope.row.chargeStatus === '1'
+                    ? '#67C23A'
+                    : scope.row.chargeStatus === '2'
+                      ? '#F56C6C'
+                      : '#909399'
+                "
+              >
                 <el-radio-button value="1">确认</el-radio-button>
                 <el-radio-button value="2">取消</el-radio-button>
                 <el-radio-button value="3">不操作</el-radio-button>
@@ -200,39 +316,52 @@
           </el-table-column>
         </el-table>
         <el-pagination
-            background
-            @current-change="lingShiFanYe"
-            @size-change="handleSizeChange"
-            :current-page="lingShiQueFeiShuJu.currentPage"
-            :page-size="lingShiQueFeiShuJu.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :page-sizes="[8, 20, 30, 100]"
-            :total="lingShiQueFeiShuJu.total"
-            style="margin-top: 5px"
-            :pager-count="7"
+          background
+          @current-change="lingShiFanYe"
+          @size-change="handleSizeChange"
+          :current-page="lingShiQueFeiShuJu.currentPage"
+          :page-size="lingShiQueFeiShuJu.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :page-sizes="[8, 20, 30, 100]"
+          :total="lingShiQueFeiShuJu.total"
+          style="margin-top: 5px"
+          :pager-count="7"
         ></el-pagination>
       </div>
     </div>
   </el-drawer>
-  <el-dialog v-model="chaoZuoZhiNan" title="操作指南" width="1000px" class="que-ren-yi-zhu-fei-yong" @open="initBar">
-    <div id="jinRiShuJuTuXin" style="width: 100%; height: 300px"/>
+  <el-dialog
+    v-model="chaoZuoZhiNan"
+    title="操作指南"
+    width="1000px"
+    class="que-ren-yi-zhu-fei-yong"
+    @open="initBar"
+  >
+    <div id="jinRiShuJuTuXin" style="width: 100%; height: 300px" />
     <ol>
       <li>
         输入住院号，点击查询即可查询出该住院患者的信息，同理病区也是一样选择的病区就只会查询该病区的患者，住院号和病区二选一。
       </li>
-      <li>排序：默认根据病区来排，选择了执行人后会根据算法来把当前登陆的人员，执行过最多的患者来排到靠前的位置。</li>
-      <li>未确认和历史：默认会查询患者未确认的项目，点击历史后一定要选择时间，该时间是医嘱的执行时间，默认会查询当天的时间，（提示选择时间的跨度建议不要过长，可能会导致数据加载慢。）同时查询历史时
+      <li>
+        排序：默认根据病区来排，选择了执行人后会根据算法来把当前登陆的人员，执行过最多的患者来排到靠前的位置。
+      </li>
+      <li>
+        未确认和历史：默认会查询患者未确认的项目，点击历史后一定要选择时间，该时间是医嘱的执行时间，默认会查询当天的时间，（提示选择时间的跨度建议不要过长，可能会导致数据加载慢。）同时查询历史时
         也可以使用住院号和病区来查询。
       </li>
       <li>患者姓名：有出院医嘱会显示为红色，无则显示绿色。</li>
-      <li>现在无需点击患者姓名，直接点击该栏会弹出抽屉，患者基本信息会显示在上方，请按照需求来选择对应的操作，默认每页显示八条，表格中的分页按钮，跳转至上一页或下一页。
+      <li>
+        现在无需点击患者姓名，直接点击该栏会弹出抽屉，患者基本信息会显示在上方，请按照需求来选择对应的操作，默认每页显示八条，表格中的分页按钮，跳转至上一页或下一页。
         点击抽屉外的任意位置即可消失，或点击保存旁边的关闭按钮。
       </li>
       <li>
         分页：该分页指页面下方的分页，点击下一页后，且没有点击保存，那么您此前的操作将会丢失，请在分页之前（如果有操作）点击保存（小表格中点击分页不会出现该情况）。
       </li>
       <li>
-        保存：在确定数据正确后，点击保存（数据一旦，保存成功就没有回头路了，请认真仔细的确认），<span style="color: red">点击弹出来的抽屉中的保存也是一样的效果。（新增）</span>
+        保存：在确定数据正确后，点击保存（数据一旦，保存成功就没有回头路了，请认真仔细的确认），<span
+          style="color: red"
+          >点击弹出来的抽屉中的保存也是一样的效果。（新增）</span
+        >
       </li>
       <li>
         错误：在点击保存后，系统会自动接受患者的费用，如出错会在右上角，出现提示，可以请对应病区的护士在出院结算页面中点击费用接受重算按钮即可，或在老系统中护士打印费用清单时，会自动接收。
@@ -245,156 +374,155 @@
 </template>
 
 <script setup name="QueRenYiZhuShouFei">
-import {onMounted, ref, watch} from 'vue'
+import { onMounted, ref, watch } from "vue";
 import {
-  getXuQueFeiYiZhu,
   baoCunYiZhuQueFeiShuJu,
-  huoQuLiShiQueFeiYiZhu
-} from '@/api/zhu-yuan-yi-ji/que-ren-yi-zhu-shou-fei'
-import {getWard} from '@/api/inpatient/xiang-mu-lu-ru'
-import {cptSex} from '@/utils/computed'
-import {getDateRangeFormatDate} from '@/utils/date'
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {shortcuts} from '@/data/shortcuts'
-import {barUtils} from '@/utils/echarts-utils'
-import XEUtils from 'xe-utils'
-import {useUserStore} from "@/pinia/user-store";
+  getXuQueFeiYiZhu,
+  huoQuLiShiQueFeiYiZhu,
+} from "@/api/zhu-yuan-yi-ji/que-ren-yi-zhu-shou-fei";
+import { getWard } from "@/api/inpatient/xiang-mu-lu-ru";
+import { cptSex } from "@/utils/computed";
+import { getDateRangeFormatDate } from "@/utils/date";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { shortcuts } from "@/data/shortcuts";
+import { barUtils } from "@/utils/echarts-utils";
+import XEUtils from "xe-utils";
+import { useUserStore } from "@/pinia/user-store";
 
-const userInfo = useUserStore().userInfo
-const dept = userInfo.deptCode
+const userInfo = useUserStore().userInfo;
+const dept = userInfo.deptCode;
 const queryTerm = ref({
-  inpatientNo: '',
+  inpatientNo: "",
   admissTimes: 0,
-  wardCode: '',
+  wardCode: "",
   execUnit: dept,
   currentPage: 1,
   pageSize: 20,
   total: 0,
   fenLei: 0,
-  startTimeString: '',
-  endTimeString: '',
+  startTimeString: "",
+  endTimeString: "",
   liShi: 0,
-})
-const tableRef = ref(null)
-const liShiShuJuRef = ref(null)
-const chaoZuoZhiNan = ref(true)
-const zhiKanZiJi = ref(true)
+});
+const tableRef = ref(null);
+const liShiShuJuRef = ref(null);
+const chaoZuoZhiNan = ref(true);
+const zhiKanZiJi = ref(true);
 
 const liShiShuJu = ref({
   pageSize: 50,
   currentPage: 1,
   list: [],
-})
-
-const xiangXiYiZhuXinXiDrawer = ref(false)
+});
 
+const xiangXiYiZhuXinXiDrawer = ref(false);
 
 // 病房信息
-const wardData = ref([])
+const wardData = ref([]);
 // 需要确费的信息
-const huanZheYiZhuFeiYongData = ref([])
+const huanZheYiZhuFeiYongData = ref([]);
 
-const dateRange = ref([new Date(), new Date()])
+const dateRange = ref([new Date(), new Date()]);
 
 /**
  * 这个是查询当前病人的
  */
 const getHuanZheXinXiClick = () => {
-  let date = getDateRangeFormatDate(dateRange.value)
-  queryTerm.value.startTimeString = date.startTime
-  queryTerm.value.endTimeString = date.endTime
-  queryTerm.value.execUnit = dept
-  queryTerm.value.currentPage = 1
-  queryTerm.value.pageSize = 20
+  let date = getDateRangeFormatDate(dateRange.value);
+  queryTerm.value.startTimeString = date.startTime;
+  queryTerm.value.endTimeString = date.endTime;
+  queryTerm.value.execUnit = dept;
+  queryTerm.value.currentPage = 1;
+  queryTerm.value.pageSize = 20;
   if (queryTerm.value.liShi === 0) {
     getXuQueFeiYiZhu(queryTerm.value)
-        .then((res) => {
-          qingKongLingShiShuJu()
-          huanZheYiZhuFeiYongData.value = res.records
-          queryTerm.value.total = res.total
-        })
-        .catch(() => {
-          huanZheYiZhuFeiYongData.value = []
-          queryTerm.value.total = 0
-        })
+      .then(res => {
+        qingKongLingShiShuJu();
+        huanZheYiZhuFeiYongData.value = res.records;
+        queryTerm.value.total = res.total;
+      })
+      .catch(() => {
+        huanZheYiZhuFeiYongData.value = [];
+        queryTerm.value.total = 0;
+      });
   } else {
     huoQuLiShiQueFeiYiZhu(
-        queryTerm.value.startTimeString,
-        queryTerm.value.endTimeString,
-        queryTerm.value.inpatientNo,
-        queryTerm.value.wardCode,
-        queryTerm.value.execUnit,
-        queryTerm.value.fenLei,
-        zhiKanZiJi.value ? userInfo.code : ''
-    ).then((res) => {
-      liShiShuJu.value.list = res
+      queryTerm.value.startTimeString,
+      queryTerm.value.endTimeString,
+      queryTerm.value.inpatientNo,
+      queryTerm.value.wardCode,
+      queryTerm.value.execUnit,
+      queryTerm.value.fenLei,
+      zhiKanZiJi.value ? userInfo.code : ""
+    ).then(res => {
+      liShiShuJu.value.list = res;
       if (liShiShuJu.value.list.length > 0) {
-        let patNo = liShiShuJu.value.list[0].inpatientNo
-        let color = 'success'
-        liShiShuJu.value.list.forEach((item) => {
+        let patNo = liShiShuJu.value.list[0].inpatientNo;
+        let color = "success";
+        liShiShuJu.value.list.forEach(item => {
           if (item.inpatientNo === patNo) {
-            item.color = color
+            item.color = color;
           } else {
-            color = color === 'success' ? 'warning' : 'success'
-            item.color = color
-            patNo = item.inpatientNo
+            color = color === "success" ? "warning" : "success";
+            item.color = color;
+            patNo = item.inpatientNo;
           }
-        })
+        });
       }
-      liShiShuJu.value.currentPage = 1
-    })
+      liShiShuJu.value.currentPage = 1;
+    });
   }
-}
+};
 
 /**
  * 这个是刷新页面用的
  */
 const getXuQueFeiYiZhuClick = () => {
-  queryTerm.value.inpatientNo = ''
-  queryTerm.value.admissTimes = 0
-  queryTerm.value.wardCode = ''
-  queryTerm.value.execUnit = dept
-  queryTerm.value.currentPage = 1
-  queryTerm.value.pageSize = 20
-  queryTerm.value.startTimeString = ''
-  queryTerm.value.endTimeString = ''
-  getXuQueFeiYiZhu(queryTerm.value).then((res) => {
-    huanZheYiZhuFeiYongData.value = res.records
-    queryTerm.value.total = res.total
-  })
-}
+  queryTerm.value.inpatientNo = "";
+  queryTerm.value.admissTimes = 0;
+  queryTerm.value.wardCode = "";
+  queryTerm.value.execUnit = dept;
+  queryTerm.value.currentPage = 1;
+  queryTerm.value.pageSize = 20;
+  queryTerm.value.startTimeString = "";
+  queryTerm.value.endTimeString = "";
+  getXuQueFeiYiZhu(queryTerm.value).then(res => {
+    huanZheYiZhuFeiYongData.value = res.records;
+    queryTerm.value.total = res.total;
+  });
+};
 
 watch(huanZheYiZhuFeiYongData, (orlData, newData) => {
-  let echartsXdata = []
-  let echartsYdata = []
-  huanZheYiZhuFeiYongData.value.forEach((item) => {
+  let echartsXdata = [];
+  let echartsYdata = [];
+  huanZheYiZhuFeiYongData.value.forEach(item => {
     if (item.shiFouYouChuYuanYiZhu > 0) {
       let a = {
         value: item.list.length,
         itemStyle: {
-          color: '#a90000',
+          color: "#a90000",
         },
-      }
-      echartsYdata.push(a)
+      };
+      echartsYdata.push(a);
     } else {
-      echartsYdata.push(item.list.length)
+      echartsYdata.push(item.list.length);
     }
-    echartsXdata.push(item.name)
-  })
-  barUtils(jinRiShuJuTuXin, '仅对当前页数据有效', echartsXdata, echartsYdata)
-})
+    echartsXdata.push(item.name);
+  });
+  barUtils(jinRiShuJuTuXin, "仅对当前页数据有效", echartsXdata, echartsYdata);
+});
 
 /**
  * 这个是在点击了 下一页触发的
  */
-const changeYiZhuQueFei = (val) => {
-  queryTerm.value.currentPage = val
-  getXuQueFeiYiZhu(queryTerm.value).then((res) => {
-    tableRef.value.$refs.bodyWrapper.scrollTop = 0
-    queryTerm.value.total = res.total
-    huanZheYiZhuFeiYongData.value = res.records
-  })
-}
+const changeYiZhuQueFei = val => {
+  queryTerm.value.currentPage = val;
+  getXuQueFeiYiZhu(queryTerm.value).then(res => {
+    tableRef.value.$refs.bodyWrapper.scrollTop = 0;
+    queryTerm.value.total = res.total;
+    huanZheYiZhuFeiYongData.value = res.records;
+  });
+};
 
 /**
  * 在这里保存数据
@@ -402,149 +530,156 @@ const changeYiZhuQueFei = (val) => {
 const baoCunYiZhuQueFeiClick = () => {
   if (queryTerm.value.liShi === 1)
     return ElMessage.error({
-      message: '历史数据无法操作。',
-    })
-  let queRenCount = 0
-  let quXiaoCount = 0
+      message: "历史数据无法操作。",
+    });
+  let queRenCount = 0;
+  let quXiaoCount = 0;
   for (let i = 0; i < huanZheYiZhuFeiYongData.value.length; i++) {
     for (let a = 0; a < huanZheYiZhuFeiYongData.value[i].list.length; a++) {
-      if (huanZheYiZhuFeiYongData.value[i].list[a].chargeStatus === '1') {
-        queRenCount += 1
-      } else if (huanZheYiZhuFeiYongData.value[i].list[a].chargeStatus === '2') {
-        quXiaoCount += 1
+      if (huanZheYiZhuFeiYongData.value[i].list[a].chargeStatus === "1") {
+        queRenCount += 1;
+      } else if (
+        huanZheYiZhuFeiYongData.value[i].list[a].chargeStatus === "2"
+      ) {
+        quXiaoCount += 1;
       }
     }
   }
-  ElMessageBox.confirm(`请确认数据其中<br><span style='color:#67C23A'>确认【${queRenCount}】条</span><br><span style='color:#F56C6C'>取消【${quXiaoCount}】条</span>`, '提示', {
-    type: 'warning',
-    dangerouslyUseHTMLString: true,
-  })
-      .then(() => {
-        let shaungChuanData = {
-          list: huanZheYiZhuFeiYongData.value,
-          execUnit: userInfo.deptCode,
-        }
-        baoCunYiZhuQueFeiShuJu(shaungChuanData).then((res) => {
-          xiangXiYiZhuXinXiDrawer.value = false
-          getXuQueFeiYiZhuClick()
-        })
-      })
-      .catch(() => {
-      })
-}
+  ElMessageBox.confirm(
+    `请确认数据其中<br><span style='color:#67C23A'>确认【${queRenCount}】条</span><br><span style='color:#F56C6C'>取消【${quXiaoCount}】条</span>`,
+    "提示",
+    {
+      type: "warning",
+      dangerouslyUseHTMLString: true,
+    }
+  )
+    .then(() => {
+      let shaungChuanData = {
+        list: huanZheYiZhuFeiYongData.value,
+        execUnit: userInfo.deptCode,
+      };
+      baoCunYiZhuQueFeiShuJu(shaungChuanData).then(res => {
+        xiangXiYiZhuXinXiDrawer.value = false;
+        getXuQueFeiYiZhuClick();
+      });
+    })
+    .catch(() => {});
+};
 
 const qingKongLingShiShuJu = () => {
-  lingShiQueFeiShuJu.value.list = []
-  lingShiQueFeiShuJu.value.currentPage = 1
-  lingShiQueFeiShuJu.value.pageSize = 40
-  lingShiQueFeiShuJu.value.total = 0
-  lingShiQueFeiShuJu.value.name = ''
-  lingShiQueFeiShuJu.value.sex = 1
-  lingShiQueFeiShuJu.value.bedNo = 0
-  lingShiQueFeiShuJu.value.responceTypeName = ''
-  lingShiQueFeiShuJu.value.wardName = ''
-  lingShiQueFeiShuJu.value.inpatientNo = ''
-  lingShiQueFeiShuJu.value.admissTimes = 0
-}
+  lingShiQueFeiShuJu.value.list = [];
+  lingShiQueFeiShuJu.value.currentPage = 1;
+  lingShiQueFeiShuJu.value.pageSize = 40;
+  lingShiQueFeiShuJu.value.total = 0;
+  lingShiQueFeiShuJu.value.name = "";
+  lingShiQueFeiShuJu.value.sex = 1;
+  lingShiQueFeiShuJu.value.bedNo = 0;
+  lingShiQueFeiShuJu.value.responceTypeName = "";
+  lingShiQueFeiShuJu.value.wardName = "";
+  lingShiQueFeiShuJu.value.inpatientNo = "";
+  lingShiQueFeiShuJu.value.admissTimes = 0;
+};
 
 const lingShiQueFeiShuJu = ref({
   list: [],
   currentPage: 1,
   pageSize: 40,
   total: 0,
-  name: '',
+  name: "",
   sex: 0,
   bedNo: 0,
-  responceTypeName: '',
-  wardName: '',
-  inpatientNo: '',
-  admissTimes: 0
-})
+  responceTypeName: "",
+  wardName: "",
+  inpatientNo: "",
+  admissTimes: 0,
+});
 
-const lingShiQueFeiShuJuClick = (row) => {
-  lingShiQueFeiShuJu.value = row
-  let val = row.list
-  lingShiQueFeiShuJu.value.list = val
-  lingShiQueFeiShuJu.value.currentPage = 1
-  lingShiQueFeiShuJu.value.pageSize = 40
-  lingShiQueFeiShuJu.value.total = val.length
-  xiangXiYiZhuXinXiDrawer.value = true
-}
+const lingShiQueFeiShuJuClick = row => {
+  lingShiQueFeiShuJu.value = row;
+  let val = row.list;
+  lingShiQueFeiShuJu.value.list = val;
+  lingShiQueFeiShuJu.value.currentPage = 1;
+  lingShiQueFeiShuJu.value.pageSize = 40;
+  lingShiQueFeiShuJu.value.total = val.length;
+  xiangXiYiZhuXinXiDrawer.value = true;
+};
 
-const lingShiFanYe = (val) => {
-  lingShiQueFeiShuJu.value.currentPage = val
-}
+const lingShiFanYe = val => {
+  lingShiQueFeiShuJu.value.currentPage = val;
+};
 
-const handleSizeChange = (val) => {
-  lingShiQueFeiShuJu.value.pageSize = val
-}
+const handleSizeChange = val => {
+  lingShiQueFeiShuJu.value.pageSize = val;
+};
 
-const liShiShuJuFanYe = (val) => {
-  liShiShuJuRef.value.$refs.bodyWrapper.scrollTop = 0
-  liShiShuJu.value.currentPage = val
-}
+const liShiShuJuFanYe = val => {
+  liShiShuJuRef.value.$refs.bodyWrapper.scrollTop = 0;
+  liShiShuJu.value.currentPage = val;
+};
 
 async function initBar() {
-  await nextTick()
-  barUtils('jinRiShuJuTuXin', '仅对当前页数据有效', [], [])
+  await nextTick();
+  barUtils("jinRiShuJuTuXin", "仅对当前页数据有效", [], []);
 }
 
 onMounted(() => {
-  getWard().then((res) => {
-    wardData.value = res
-  })
-  getXuQueFeiYiZhuClick()
-})
+  getWard().then(res => {
+    wardData.value = res;
+  });
+  getXuQueFeiYiZhuClick();
+});
 
 function chaoZuo(val) {
-  let quXiao = 0
-  let queRen = 0
+  let quXiao = 0;
+  let queRen = 0;
   for (let i = 0; i < val.length; i++) {
-    if (val[i].chargeStatus === '1') {
-      queRen += 1
-    } else if (val[i].chargeStatus === '2') {
-      quXiao += 1
+    if (val[i].chargeStatus === "1") {
+      queRen += 1;
+    } else if (val[i].chargeStatus === "2") {
+      quXiao += 1;
     }
   }
   if (quXiao > 0 && queRen === 0) {
-    return `<span style='color:#F56C6C;font-size: 20px;'>取消【${quXiao}】</span>`
+    return `<span style='color:#F56C6C;font-size: 20px;'>取消【${quXiao}】</span>`;
   } else if (quXiao === 0 && queRen > 0) {
-    return `<span style='color:#67C23A;font-size: 20px;'>确认【${queRen}】</span>`
+    return `<span style='color:#67C23A;font-size: 20px;'>确认【${queRen}】</span>`;
   } else if (quXiao > 0 && queRen > 0) {
-    return `<span style='color:#67C23A;font-size: 20px;'>确认【${queRen}】</span><br><span style='color:#F56C6C;font-size: 20px;'>取消【${quXiao}】</span>`
+    return `<span style='color:#67C23A;font-size: 20px;'>确认【${queRen}】</span><br><span style='color:#F56C6C;font-size: 20px;'>取消【${quXiao}】</span>`;
   }
-  return ''
+  return "";
 }
 
 function yiZhuZhuangTai(val) {
   switch (val) {
-    case '0':
-      return '<span style="color:#67C23A;font-size: 24px">上账</span>'
-    case '1':
-      return ' <span style="color:#E6A23C;font-size: 24px">确认但未上账</span>'
-    case '2':
-      return ' <span style="color:#F56C6C;font-size: 24px">取消</span>'
-    case '5':
-      return '科室确认'
-    case '6':
-      return '科室录入'
-    case '7':
-      return '科室撤销'
-    case '8':
-      return '科室录入粗项（检验费）'
+    case "0":
+      return '<span style="color:#67C23A;font-size: 24px">上账</span>';
+    case "1":
+      return ' <span style="color:#E6A23C;font-size: 24px">确认但未上账</span>';
+    case "2":
+      return ' <span style="color:#F56C6C;font-size: 24px">取消</span>';
+    case "5":
+      return "科室确认";
+    case "6":
+      return "科室录入";
+    case "7":
+      return "科室撤销";
+    case "8":
+      return "科室录入粗项（检验费）";
     default:
-      return '未知'
+      return "未知";
   }
 }
 
 function oneClickConfirmClick(flag) {
-  if (XEUtils.isArray(lingShiQueFeiShuJu.value.list) && lingShiQueFeiShuJu.value.list.length > 0) {
+  if (
+    XEUtils.isArray(lingShiQueFeiShuJu.value.list) &&
+    lingShiQueFeiShuJu.value.list.length > 0
+  ) {
     lingShiQueFeiShuJu.value.list.forEach(item => {
-      item.chargeStatus = flag
-    })
+      item.chargeStatus = flag;
+    });
   }
 }
-
 </script>
 <style lang="scss">
 .que-ren-yi-zhu-fei-yong {