修改样式

src/components/inpatient/WeiGuiFeiYongFenXi.vue

@@ -1,83 +1,89 @@
 <template>
   <el-container>
-    <el-header height="30">
-      <el-descriptions title="患者信息" border>
-        <template #extra>
-          <el-button type="primary" @click="chaoZuoZhiNan = true" icon="Bell" size="small">操作指南</el-button>
-          <el-button type="warning" @click="ziDongPiPeiTuiFei" icon="Refresh" size="small">自动匹配</el-button>
-        </template>
-        <el-descriptions-item label="姓名">{{ huanZheXinXi.name }}</el-descriptions-item>
-        <el-descriptions-item label="住院号">
-          <el-input size="small" style="width: 120px" v-model="huanZheXinXi.inpatientNo" @keyup.enter="chaXunWeiGuiClick(true)"></el-input>
-          <el-divider direction="vertical"></el-divider>
-          <el-button @click="chaXunWeiGuiClick(true)">查询</el-button>
-        </el-descriptions-item>
-        <el-descriptions-item label="住院次数">{{ huanZheXinXi.admissTimes }}</el-descriptions-item>
-        <el-descriptions-item label="未匹配">{{ weiPiPei.data.length }} 条</el-descriptions-item>
-        <el-descriptions-item label="违规费用">{{ weiGuiFeiYong.data.length }} 条</el-descriptions-item>
-      </el-descriptions>
-    </el-header>
     <el-main>
-      <el-tabs v-model="weiGuiTabs">
-        <el-tab-pane label="未匹配" name="未匹配">
-          <el-table
-            :data="weiPiPei.data.slice((weiPiPei.currentPage - 1) * weiPiPei.pageSize, weiPiPei.pageSize * weiPiPei.currentPage)"
-            :height="WinHeight / 1.39"
-            highlight-current-row
-            stripe
-          >
-            <el-table-column label="排序" type="index"></el-table-column>
-            <el-table-column label="项目编码" prop="chargeCodeMx"></el-table-column>
-            <el-table-column label="项目名称" prop="name"></el-table-column>
-          </el-table>
-          <el-pagination
-            @current-change="weiPiPeiCurrentPage"
-            :current-page="weiPiPei.currentPage"
-            :page-size="weiPiPei.pageSize"
-            :page-sizes="[40, 200, 300, 400]"
-            layout=" prev, pager, next,total"
-            :total="weiPiPei.data.length"
-            style="margin-top: 5px"
-            :pager-count="5"
-            background
-          ></el-pagination>
-        </el-tab-pane>
-        <el-tab-pane label="违规退费" name="违规退费">
-          <el-table
-            :data="weiGuiFeiYong.data.slice((weiGuiFeiYong.currentPage - 1) * weiGuiFeiYong.pageSize, weiGuiFeiYong.pageSize * weiGuiFeiYong.currentPage)"
-            :height="WinHeight / 1.39"
-            highlight-current-row
-            stripe
-            @cell-click="zhenShuFeiYong"
-          >
-            <el-table-column label="排序" type="index"></el-table-column>
-            <el-table-column label="流水号" prop="detailSn"></el-table-column>
-            <el-table-column label="医嘱号" prop="orderNo"></el-table-column>
-            <el-table-column label="项目编码" prop="chargeCodeMx"></el-table-column>
-            <el-table-column label="收费时间" prop="chargeDate"></el-table-column>
-            <el-table-column label="项目名称" prop="chargeCodeName"></el-table-column>
-            <el-table-column label="金额" prop="chargeFee"></el-table-column>
-            <el-table-column label="数量" prop="chargeAmount"></el-table-column>
-            <el-table-column label="执行科室" prop="execUnitName"></el-table-column>
-            <el-table-column label="录入人" prop="opIdCode"></el-table-column>
-            <el-table-column label="费用类型" prop="chargeCode">
-              <template #default="scope">
-                <span>{{ scope.row.chargeCode === 'xm' ? '项目' : '药品' }}</span>
-              </template>
-            </el-table-column>
-          </el-table>
-          <el-pagination
-            @current-change="weiGuiFeiYongCurrentPage"
-            :current-page="weiGuiFeiYong.currentPage"
-            :page-size="weiGuiFeiYong.pageSize"
-            layout=" prev, pager, next,total"
-            :total="weiGuiFeiYong.data.length"
-            style="margin-top: 5px"
-            background
-          ></el-pagination>
-        </el-tab-pane>
-      </el-tabs>
+      <el-row>
+        <el-col>
+          <el-descriptions title="患者信息" border>
+            <template #extra>
+              <el-button type="primary" @click="chaoZuoZhiNan = true" icon="Bell" size="small">操作指南</el-button>
+              <el-button type="warning" @click="ziDongPiPeiTuiFei" icon="Refresh" size="small">自动匹配</el-button>
+            </template>
+            <el-descriptions-item label="姓名">{{ huanZheXinXi.name }}</el-descriptions-item>
+            <el-descriptions-item label="住院号">
+              <el-input size="small" style="width: 120px" v-model="huanZheXinXi.inpatientNo"
+                        @keyup.enter="chaXunWeiGuiClick(true)"></el-input>
+              <el-divider direction="vertical"></el-divider>
+              <el-button @click="chaXunWeiGuiClick(true)">查询</el-button>
+            </el-descriptions-item>
+            <el-descriptions-item label="住院次数">{{ huanZheXinXi.admissTimes }}</el-descriptions-item>
+            <el-descriptions-item label="未匹配">{{ weiPiPei.data.length }} 条</el-descriptions-item>
+            <el-descriptions-item label="违规费用">{{ weiGuiFeiYong.data.length }} 条</el-descriptions-item>
+          </el-descriptions>
+        </el-col>
+      </el-row>
+      <el-col>
+        <el-tabs v-model="weiGuiTabs">
+          <el-tab-pane label="未匹配" name="未匹配">
+            <el-table
+                :data="weiPiPei.data.slice((weiPiPei.currentPage - 1) * weiPiPei.pageSize, weiPiPei.pageSize * weiPiPei.currentPage)"
+                :height="WinHeight / 1.39"
+                highlight-current-row
+                stripe
+            >
+              <el-table-column label="排序" type="index"></el-table-column>
+              <el-table-column label="项目编码" prop="chargeCodeMx"></el-table-column>
+              <el-table-column label="项目名称" prop="name"></el-table-column>
+            </el-table>
+            <el-pagination
+                @current-change="weiPiPeiCurrentPage"
+                :current-page="weiPiPei.currentPage"
+                :page-size="weiPiPei.pageSize"
+                :page-sizes="[40, 200, 300, 400]"
+                layout=" prev, pager, next,total"
+                :total="weiPiPei.data.length"
+                style="margin-top: 5px"
+                :pager-count="5"
+                background
+            ></el-pagination>
+          </el-tab-pane>
+          <el-tab-pane label="违规退费" name="违规退费">
+            <el-table
+                :data="weiGuiFeiYong.data.slice((weiGuiFeiYong.currentPage - 1) * weiGuiFeiYong.pageSize, weiGuiFeiYong.pageSize * weiGuiFeiYong.currentPage)"
+                :height="WinHeight / 1.39"
+                highlight-current-row
+                stripe
+                @cell-click="zhenShuFeiYong"
+            >
+              <el-table-column label="排序" type="index"></el-table-column>
+              <el-table-column label="流水号" prop="detailSn"></el-table-column>
+              <el-table-column label="医嘱号" prop="orderNo"></el-table-column>
+              <el-table-column label="项目编码" prop="chargeCodeMx"></el-table-column>
+              <el-table-column label="收费时间" prop="chargeDate"></el-table-column>
+              <el-table-column label="项目名称" prop="chargeCodeName"></el-table-column>
+              <el-table-column label="金额" prop="chargeFee"></el-table-column>
+              <el-table-column label="数量" prop="chargeAmount"></el-table-column>
+              <el-table-column label="执行科室" prop="execUnitName"></el-table-column>
+              <el-table-column label="录入人" prop="opIdCode"></el-table-column>
+              <el-table-column label="费用类型" prop="chargeCode">
+                <template #default="scope">
+                  <span>{{ scope.row.chargeCode === 'xm' ? '项目' : '药品' }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-pagination
+                @current-change="weiGuiFeiYongCurrentPage"
+                :current-page="weiGuiFeiYong.currentPage"
+                :page-size="weiGuiFeiYong.pageSize"
+                layout=" prev, pager, next,total"
+                :total="weiGuiFeiYong.data.length"
+                style="margin-top: 5px"
+                background
+            ></el-pagination>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
     </el-main>
+
     <el-drawer title="费用修正" v-model="feiYongXiuZhenDrawer" size="60%" :before-close="shiFouBaoCun">
       <div style="margin: auto 20px auto 20px">
         <el-descriptions title="费用信息" border>
@@ -87,41 +93,43 @@
           <el-descriptions-item label="执行科室">{{ fuShuFeiYongXinXi.execUnitName }}</el-descriptions-item>
           <el-descriptions-item label="录入人">{{ fuShuFeiYongXinXi.opIdCode }}</el-descriptions-item>
           <el-descriptions-item label="项目编码">{{ fuShuFeiYongXinXi.chargeCodeMx }}</el-descriptions-item>
-          <el-descriptions-item label="操作" v-if="weiZhaoDaoDuiYingZhenShu"> 请检查执行科室是否一致 </el-descriptions-item>
+          <el-descriptions-item label="操作" v-if="weiZhaoDaoDuiYingZhenShu"> 请检查执行科室是否一致</el-descriptions-item>
           <el-descriptions-item label="操作" v-else>
             <el-button size="small" type="success" @click="PiPeiClick">保存</el-button>
           </el-descriptions-item>
         </el-descriptions>
-        <br />
+        <br/>
         录入日期：
         <el-date-picker
-          type="daterange"
-          v-model="dateRange"
-          placeholder="选择日期"
-          style="width: 280px"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :shortcuts="shortcuts"
+            type="daterange"
+            v-model="dateRange"
+            placeholder="选择日期"
+            style="width: 280px"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :shortcuts="shortcuts"
         ></el-date-picker>
-        <el-button @click="riQiPaiXu === 'DESC' ? (riQiPaiXu = 'ASC') : (riQiPaiXu = 'DESC')" type="success" :icon="riQiPaiXu === 'DESC' ? 'CaretBottom' : 'CaretTop'"
-          >{{ riQiPaiXu === 'DESC' ? '日期降序' : '日期升序' }}
+        <el-button @click="riQiPaiXu === 'DESC' ? (riQiPaiXu = 'ASC') : (riQiPaiXu = 'DESC')" type="success"
+                   :icon="riQiPaiXu === 'DESC' ? 'CaretBottom' : 'CaretTop'"
+        >{{ riQiPaiXu === 'DESC' ? '日期降序' : '日期升序' }}
         </el-button>
         <el-button @click="zhenShuFeiYong(fuShuFeiYongXinXi)">查询</el-button>
         <el-table
-          highlight-current-row
-          stripe
-          :data="keYiPiPeiDeZhenShu.data.slice((keYiPiPeiDeZhenShu.currentPage - 1) * keYiPiPeiDeZhenShu.pageSize, keYiPiPeiDeZhenShu.pageSize * keYiPiPeiDeZhenShu.currentPage)"
-          :height="WinHeight / 1.39"
-          @selection-change="handleSelectionChange"
-          class="eltable"
+            highlight-current-row
+            stripe
+            :data="keYiPiPeiDeZhenShu.data.slice((keYiPiPeiDeZhenShu.currentPage - 1) * keYiPiPeiDeZhenShu.pageSize, keYiPiPeiDeZhenShu.pageSize * keYiPiPeiDeZhenShu.currentPage)"
+            :height="WinHeight / 1.39"
+            @selection-change="handleSelectionChange"
+            class="eltable"
         >
           <el-table-column type="selection" v-if="!weiZhaoDaoDuiYingZhenShu"></el-table-column>
           <el-table-column label="排序" type="index"></el-table-column>
           <el-table-column label="医嘱号" prop="orderNo"></el-table-column>
           <el-table-column label="流水号" prop="detailSn" width="70">
             <template #default="scope">
-              <span v-if="weiZhaoDaoDuiYingZhenShu" v-html="tuiFeiTiShi(scope.row.detailSn, scope.row.oriDetailSn)"></span>
+              <span v-if="weiZhaoDaoDuiYingZhenShu"
+                    v-html="tuiFeiTiShi(scope.row.detailSn, scope.row.oriDetailSn)"></span>
               <span v-else>
                 {{ scope.row.detailSn }}
               </span>
@@ -139,39 +147,39 @@
           </el-table-column>
         </el-table>
         <el-pagination
-          @current-change="keYiPiPeiDeZhenShuCurrentPage"
-          @size-change="keYiPiPeiDeZhenShuSizeChange"
-          :current-page="keYiPiPeiDeZhenShu.currentPage"
-          :page-size="keYiPiPeiDeZhenShu.pageSize"
-          layout=" prev, pager, next,total,sizes"
-          :total="keYiPiPeiDeZhenShu.data.length"
-          style="margin-top: 5px"
-          background
+            @current-change="keYiPiPeiDeZhenShuCurrentPage"
+            @size-change="keYiPiPeiDeZhenShuSizeChange"
+            :current-page="keYiPiPeiDeZhenShu.currentPage"
+            :page-size="keYiPiPeiDeZhenShu.pageSize"
+            layout=" prev, pager, next,total,sizes"
+            :total="keYiPiPeiDeZhenShu.data.length"
+            style="margin-top: 5px"
+            background
         ></el-pagination>
       </div>
     </el-drawer>
     <el-dialog v-model="chaoZuoZhiNan" title="操作指南">
-      一、未匹配 <br />
-      1、点击未匹配，可以查询到这个患者没有匹配到医保的医保码<br />
-      二、违规退费<br />
-      1、点击违规退费：会显示这个患者无法上传到医保的费用。<br />
-      2、点击这个费用：会在右边弹出抽屉，上面会显示一些，费用的信息。<br />
-      3、匹配：这条负数的数据退的是那一天(或那几天)的费用，点击弹出来的抽屉中的多选框然后点击保存即可<br />
-      4、查询：查询这些正费用时，可以选择 日期，以及 排序。<br />
-      三、匹配 <br />
+      一、未匹配 <br/>
+      1、点击未匹配，可以查询到这个患者没有匹配到医保的医保码<br/>
+      二、违规退费<br/>
+      1、点击违规退费：会显示这个患者无法上传到医保的费用。<br/>
+      2、点击这个费用：会在右边弹出抽屉，上面会显示一些，费用的信息。<br/>
+      3、匹配：这条负数的数据退的是那一天(或那几天)的费用，点击弹出来的抽屉中的多选框然后点击保存即可<br/>
+      4、查询：查询这些正费用时，可以选择 日期，以及 排序。<br/>
+      三、匹配 <br/>
       1、自动匹配，系统随机挑选一条正数匹配。
     </el-dialog>
   </el-container>
 </template>
 
 <script>
-import { ref, watch } from 'vue'
+import {ref, watch} from 'vue'
 import store from '../../store'
-import { huoQuZhenShuKePiPei, caiFenPiPei, yiZhuTuiFeiPiPei, weiGuiFeiYongFenXi } from '../../api/yibao/xiang-mu-lu-ru'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { shortcuts } from '../../data/shortcuts'
-import { getDateRangeFormatDate } from '../../utils/date'
-import { stringIsBlank } from '../../utils/blank-utils'
+import {huoQuZhenShuKePiPei, caiFenPiPei, yiZhuTuiFeiPiPei, weiGuiFeiYongFenXi} from '../../api/yibao/xiang-mu-lu-ru'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {shortcuts} from '../../data/shortcuts'
+import {getDateRangeFormatDate} from '../../utils/date'
+import {stringIsBlank} from '../../utils/blank-utils'
 
 export default {
   props: {
@@ -256,31 +264,31 @@ export default {
         val.execUnit = ''
       }
       huoQuZhenShuKePiPei(val.inpatientNo, val.admissTimes, val.ledgerSn, val.chargeCodeMx, val.execUnit, val.orderNo, startTime, endTime, riQiPaiXu.value)
-        .then((res) => {
-          keYiPiPeiDeZhenShu.value.data = res
-          feiYongXiuZhenDrawer.value = true
-          weiZhaoDaoDuiYingZhenShu.value = false
-        })
-        .catch((e) => {
-          keYiPiPeiDeZhenShu.value.data = e.data
-          if (e.data.length === 0) {
-            ElMessageBox.alert('请检查时间范围或该患者没有对应的费用', '提示', {
-              type: 'warning',
-            })
-            return
-          }
-          feiYongXiuZhenDrawer.value = true
-          weiZhaoDaoDuiYingZhenShu.value = true
-        })
+          .then((res) => {
+            keYiPiPeiDeZhenShu.value.data = res
+            feiYongXiuZhenDrawer.value = true
+            weiZhaoDaoDuiYingZhenShu.value = false
+          })
+          .catch((e) => {
+            keYiPiPeiDeZhenShu.value.data = e.data
+            if (e.data.length === 0) {
+              ElMessageBox.alert('请检查时间范围或该患者没有对应的费用', '提示', {
+                type: 'warning',
+              })
+              return
+            }
+            feiYongXiuZhenDrawer.value = true
+            weiZhaoDaoDuiYingZhenShu.value = true
+          })
     }
 
     watch(
-      () => feiYongXiuZhenDrawer.value,
-      () => {
-        if (!feiYongXiuZhenDrawer.value) {
-          dateRange.value = []
+        () => feiYongXiuZhenDrawer.value,
+        () => {
+          if (!feiYongXiuZhenDrawer.value) {
+            dateRange.value = []
+          }
         }
-      }
     )
 
     const linShiDuoXuan = ref([])
@@ -295,26 +303,27 @@ export default {
       ElMessageBox.confirm('请仔细检查', '提示', {
         type: 'warning',
       })
-        .then(() => {
-          fuShuFeiYongXinXi.value.list = linShiDuoXuan.value
-          fuShuFeiYongXinXi.value.deptCode = store.state.user.info.deptCode
-          caiFenPiPei(fuShuFeiYongXinXi.value).then((res) => {
-            piPeiShiFouDianJi.value = true
-            let data = weiGuiFeiYong.value.data
-            for (let i = 0; i < data.length; i++) {
-              if (
-                data[i].inpatientNo === fuShuFeiYongXinXi.value.inpatientNo &&
-                data[i].admissTimes === fuShuFeiYongXinXi.value.admissTimes &&
-                data[i].ledgerSn === fuShuFeiYongXinXi.value.ledgerSn &&
-                data[i].detailSn === fuShuFeiYongXinXi.value.detailSn
-              ) {
-                weiGuiFeiYong.value.data.splice(i, 1)
+          .then(() => {
+            fuShuFeiYongXinXi.value.list = linShiDuoXuan.value
+            fuShuFeiYongXinXi.value.deptCode = store.state.user.info.deptCode
+            caiFenPiPei(fuShuFeiYongXinXi.value).then((res) => {
+              piPeiShiFouDianJi.value = true
+              let data = weiGuiFeiYong.value.data
+              for (let i = 0; i < data.length; i++) {
+                if (
+                    data[i].inpatientNo === fuShuFeiYongXinXi.value.inpatientNo &&
+                    data[i].admissTimes === fuShuFeiYongXinXi.value.admissTimes &&
+                    data[i].ledgerSn === fuShuFeiYongXinXi.value.ledgerSn &&
+                    data[i].detailSn === fuShuFeiYongXinXi.value.detailSn
+                ) {
+                  weiGuiFeiYong.value.data.splice(i, 1)
+                }
               }
-            }
-            feiYongXiuZhenDrawer.value = false
+              feiYongXiuZhenDrawer.value = false
+            })
+          })
+          .catch(() => {
           })
-        })
-        .catch(() => {})
     }
 
     const shiFouBaoCun = (done) => {
@@ -326,20 +335,20 @@ export default {
           confirmButtonText: '保存',
           cancelButtonText: '放弃',
         })
-          .then((res) => {
-            PiPeiClick()
-          })
-          .catch(() => {
-            done()
-          })
+            .then((res) => {
+              PiPeiClick()
+            })
+            .catch(() => {
+              done()
+            })
       }
     }
 
     watch(
-      () => props.init,
-      () => {
-        genXingShuJu()
-      }
+        () => props.init,
+        () => {
+          genXingShuJu()
+        }
     )
 
     ctx.emit('open', false)
@@ -365,19 +374,20 @@ export default {
 
     const ziDongPiPeiTuiFei = () => {
       ElMessageBox.confirm(
-        '如果你想每天的报表都可以对得上，那么就人工匹配，系统自动匹配<span style="color:#ff0000"> 天知道 </span>，你这一条退的是哪一天的，<br>ヾ(ﾟ∀ﾟゞ)。',
-        '提示',
-        {
-          type: 'warning',
-          dangerouslyUseHTMLString: true,
-        }
+          '如果你想每天的报表都可以对得上，那么就人工匹配，系统自动匹配<span style="color:#ff0000"> 天知道 </span>，你这一条退的是哪一天的，<br>ヾ(ﾟ∀ﾟゞ)。',
+          '提示',
+          {
+            type: 'warning',
+            dangerouslyUseHTMLString: true,
+          }
       )
-        .then(() => {
-          yiZhuTuiFeiPiPei(huanZheXinXi.value.inpatientNo, huanZheXinXi.value.admissTimes, store.state.user.info.deptCode).then((res) => {
-            chaXunWeiGuiClick(false)
+          .then(() => {
+            yiZhuTuiFeiPiPei(huanZheXinXi.value.inpatientNo, huanZheXinXi.value.admissTimes, store.state.user.info.deptCode).then((res) => {
+              chaXunWeiGuiClick(false)
+            })
+          })
+          .catch(() => {
           })
-        })
-        .catch(() => {})
     }
 
     const chaXunWeiGuiClick = (val) => {

src/main.js

@@ -22,6 +22,6 @@ app.use(router)
 app.mount('#app')
 
 // 注册全局组件
-for (const name in Component) {
-    app.component(name, Component[name])
+for (const [key, component] of Object.entries(Component)) {
+    app.component(key, component)
 }

src/router/modules/dashboard.js

@@ -563,6 +563,11 @@ const route = [
                 component: createNameComponent(() => import('@/views/settings/permissions/RoleMenuSettings.vue')),
                 meta: {title: '角色菜单管理', icon: 'iconfont icon-juesecaidanguanli'},
             },
+            {
+                path: 'test',
+                component: createNameComponent(() => import('@/views/settings/Test.vue')),
+                meta: {title: '测试页面', icon: 'iconfont icon-dianhua'},
+            },
         ],
     },
 

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

@@ -1,117 +1,116 @@
 <template>
   <el-container>
-    <el-header>
-      <el-date-picker
-          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"></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">
-          <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>
-      <br/>
-      <el-tag effect="dark" size="small">患者姓名: {{ patient.name }}</el-tag>
-      <el-tag effect="dark" size="small" type="warning">性别:{{ cptSex(patient.sex) }}</el-tag>
-      <el-tag effect="dark" size="small">出生日期: {{ patient.birthDay }}</el-tag>
-      <el-tag effect="dark" size="small" type="warning">诊疗卡: {{ patient.icCardNo }}</el-tag>
-    </el-header>
-    <el-container>
-      <el-main>
-        <el-row>
-          <el-col :span="4">
-            <el-table :data="shouFeiData" :height="windowsHeight / 1.1" highlight-current-row stripe
-                      @cell-click="getFeiYongXinXiClick">
-              <el-table-column label="收费信息">
-                <el-table-column label="缴费日期" prop="chargeDate" width="80"></el-table-column>
-                <el-table-column label="流水号">
-                  <template #default="scope">
-                    <el-popover :width="800" placement="right" trigger="click">
-                      <template #reference>
-                        <el-button type="success" @click="getFeiYongXinXiClick(scope.row)">{{
-                            scope.row.realNo
-                          }}
-                        </el-button>
-                      </template>
-                      <el-table :data="feiYongData" :height="windowsHeight / 2" highlight-current-row stripe>
-                        <el-table-column label="缴费明细信息">
-                          <el-table-column label="待确认标志" prop="confirmFlag">
-                            <template #default="scope">
-                              <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="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="reqNo"></el-table-column>
-                        </el-table-column>
-                      </el-table>
-                    </el-popover>
-                  </template>
-                </el-table-column>
-              </el-table-column>
-            </el-table>
+    <el-main>
+      <el-row>
+        <el-col>
+          <el-date-picker
+              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"></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">
+              <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-col>
+            <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-col>
-          <el-col :span="20">
-            <el-table :data="keQueRenData" :height="windowsHeight / 1.1" highlight-current-row stripe>
-              <el-table-column label="本科室">
-                <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"
-                                       :label="0"> 未确认
-                      </el-radio-button>
-                      <el-radio-button :label="1">确认</el-radio-button>
-                      <el-radio-button :label="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="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="reqNo">
-                  <template #default="scope">
-                    <el-popover :width="800" placement="left" trigger="click">
-                      <template #reference>
-                        <el-button type="success" @click="getMingXiClick(scope.row)">{{ scope.row.reqNo }}</el-button>
-                      </template>
-                      <el-table :data="danGeXingXi" highlight-current-row stripe>
-                        <el-table-column label="明细">
-                          <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-col>
+        <el-col :span="4">
+          <el-table :data="shouFeiData" :height="windowsHeight / 1.1" highlight-current-row stripe
+                    @cell-click="getFeiYongXinXiClick">
+            <el-table-column label="收费信息">
+              <el-table-column label="缴费日期" prop="chargeDate" width="80"></el-table-column>
+              <el-table-column label="流水号">
+                <template #default="scope">
+                  <el-popover :width="800" placement="right" trigger="click">
+                    <template #reference>
+                      <el-button type="success" @click="getFeiYongXinXiClick(scope.row)">{{
+                          scope.row.realNo
+                        }}
+                      </el-button>
+                    </template>
+                    <el-table :data="feiYongData" :height="windowsHeight / 2" highlight-current-row stripe>
+                      <el-table-column label="缴费明细信息">
+                        <el-table-column label="待确认标志" prop="confirmFlag">
+                          <template #default="scope">
+                            <span v-html="confirmFlag(scope.row.confirmFlag)"></span>
+                          </template>
                         </el-table-column>
-                      </el-table>
-                    </el-popover>
-                  </template>
-                </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="reqNo"></el-table-column>
+                      </el-table-column>
+                    </el-table>
+                  </el-popover>
+                </template>
               </el-table-column>
-            </el-table>
-          </el-col>
-        </el-row>
-      </el-main>
-    </el-container>
+            </el-table-column>
+          </el-table>
+        </el-col>
+        <el-col :span="20">
+          <el-table :data="keQueRenData" :height="windowsHeight / 1.1" highlight-current-row stripe>
+            <el-table-column label="本科室">
+              <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"
+                                     :label="0"> 未确认
+                    </el-radio-button>
+                    <el-radio-button :label="1">确认</el-radio-button>
+                    <el-radio-button :label="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="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="reqNo">
+                <template #default="scope">
+                  <el-popover :width="800" placement="left" trigger="click">
+                    <template #reference>
+                      <el-button type="success" @click="getMingXiClick(scope.row)">{{ scope.row.reqNo }}</el-button>
+                    </template>
+                    <el-table :data="danGeXingXi" highlight-current-row stripe>
+                      <el-table-column label="明细">
+                        <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>
+                    </el-table>
+                  </el-popover>
+                </template>
+              </el-table-column>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+    </el-main>
   </el-container>
   <el-dialog v-model="kuaiSuChaZhaoDialog" title="点击表格中的姓名即可">
     <el-table

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

@@ -1,140 +1,152 @@
 <template>
   <el-container>
-    <el-header style="margin-top: 8px">
-      <el-date-picker
-        type="daterange"
-        v-model="dateRange"
-        placeholder="选择日期"
-        style="width: 280px"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        :shortcuts="shortcuts"
-      ></el-date-picker>
-      <el-input style="width: 160px" placeholder="请输入住院号" clearable v-model.trim="queryTerm.inpatientNo" @keyup.enter="getHuanZheXinXiClick"></el-input>
-      <el-select v-model="queryTerm.wardCode" 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-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>
-      <el-divider direction="vertical"></el-divider>
-      <el-radio-group v-model="queryTerm.liShi" @change="getHuanZheXinXiClick">
-        <el-radio-button :label="0">未确认</el-radio-button>
-        <el-radio-button :label="1">历史</el-radio-button>
-      </el-radio-group>
-      <el-divider direction="vertical"></el-divider>
-      <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"
-      >
-      </el-switch>
-    </el-header>
     <el-main>
-      <div v-show="queryTerm.liShi === 0">
-        <el-table :data="huanZheYiZhuFeiYongData" :height="winHeight / 1.15" 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
-              >
-            </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="bedNo" label="床号" width="50"></el-table-column>
-          <el-table-column prop="sex" label="性别">
-            <template #default="scope">
-              {{ cptSex(scope.row.sex) }}
-            </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="wardName" label="病区"></el-table-column>
-          <el-table-column prop="totalCharge" label="总费用"></el-table-column>
-          <el-table-column label="操作">
-            <template #default="scope">
-              <span v-html="chaoZuo(scope.row.list)"></span>
-            </template>
-          </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"
-        ></el-pagination>
-      </div>
-      <div v-show="queryTerm.liShi === 1">
-        <el-table
-          :data="liShiShuJu.list.slice((liShiShuJu.currentPage - 1) * liShiShuJu.pageSize, liShiShuJu.currentPage * liShiShuJu.pageSize)"
-          :height="winHeight / 1.15"
-          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
-              >
-            </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="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="chargeStatus">
-            <template #default="scope">
-              <span v-html="yiZhuZhuangTai(scope.row.chargeStatus)"></span>
-            </template>
-          </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"
-        ></el-pagination>
-      </div>
+      <el-row>
+        <el-col>
+          <el-date-picker
+              type="daterange"
+              v-model="dateRange"
+              placeholder="选择日期"
+              style="width: 280px"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :shortcuts="shortcuts"
+          ></el-date-picker>
+          <el-input style="width: 160px" placeholder="请输入住院号" clearable v-model.trim="queryTerm.inpatientNo"
+                    @keyup.enter="getHuanZheXinXiClick"></el-input>
+          <el-select v-model="queryTerm.wardCode" 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-col>
+        <el-col>
+          排序：
+          <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>
+          <el-divider direction="vertical"></el-divider>
+          <el-radio-group v-model="queryTerm.liShi" @change="getHuanZheXinXiClick">
+            <el-radio-button :label="0">未确认</el-radio-button>
+            <el-radio-button :label="1">历史</el-radio-button>
+          </el-radio-group>
+          <el-divider direction="vertical"></el-divider>
+          <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"
+          >
+          </el-switch>
+        </el-col>
+        <el-col>
+          <div v-show="queryTerm.liShi === 0">
+            <el-table :data="huanZheYiZhuFeiYongData" :height="winHeight / 1.15" 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
+                  >
+                </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="bedNo" label="床号" width="50"></el-table-column>
+              <el-table-column prop="sex" label="性别">
+                <template #default="scope">
+                  {{ cptSex(scope.row.sex) }}
+                </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="wardName" label="病区"></el-table-column>
+              <el-table-column prop="totalCharge" label="总费用"></el-table-column>
+              <el-table-column label="操作">
+                <template #default="scope">
+                  <span v-html="chaoZuo(scope.row.list)"></span>
+                </template>
+              </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"
+            ></el-pagination>
+          </div>
+          <div v-show="queryTerm.liShi === 1">
+            <el-table
+                :data="liShiShuJu.list.slice((liShiShuJu.currentPage - 1) * liShiShuJu.pageSize, liShiShuJu.currentPage * liShiShuJu.pageSize)"
+                :height="winHeight / 1.15"
+                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
+                  >
+                </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="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="chargeStatus">
+                <template #default="scope">
+                  <span v-html="yiZhuZhuangTai(scope.row.chargeStatus)"></span>
+                </template>
+              </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"
+            ></el-pagination>
+          </div>
+        </el-col>
+      </el-row>
     </el-main>
     <el-drawer v-model="xiangXiYiZhuXinXiDrawer" direction="ltr" size="70%" title="患者医嘱的详细信息">
       <div style="margin: auto 20px auto 20px">
         <el-descriptions :title="lingShiQueFeiShuJu.name" border>
           <template #extra>
-            <el-button type="success" @click="baoCunYiZhuQueFeiClick" icon="Upload" :disabled="queryTerm.liShi === 1">保存 </el-button>
+            <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="姓名">
@@ -146,10 +158,10 @@
           <el-descriptions-item label="病区">{{ lingShiQueFeiShuJu.wardName }}</el-descriptions-item>
         </el-descriptions>
         <el-table
-          :data="lingShiQueFeiShuJu.list.slice((lingShiQueFeiShuJu.currentPage - 1) * lingShiQueFeiShuJu.pageSize, lingShiQueFeiShuJu.currentPage * lingShiQueFeiShuJu.pageSize)"
-          highlight-current-row
-          stripe
-          :height="winHeight / 1.3"
+            :data="lingShiQueFeiShuJu.list.slice((lingShiQueFeiShuJu.currentPage - 1) * lingShiQueFeiShuJu.pageSize, lingShiQueFeiShuJu.currentPage * lingShiQueFeiShuJu.pageSize)"
+            highlight-current-row
+            stripe
+            :height="winHeight / 1.3"
         >
           <el-table-column label="医嘱信息">
             <el-table-column prop="actOrderNo" label="医嘱号"></el-table-column>
@@ -166,7 +178,8 @@
             </el-table-column>
             <el-table-column label="操作" width="220">
               <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 label="1">确认</el-radio-button>
                   <el-radio-button label="2">取消</el-radio-button>
                   <el-radio-button label="3">不操作</el-radio-button>
@@ -176,59 +189,63 @@
           </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="5"
+            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="5"
         ></el-pagination>
       </div>
     </el-drawer>
     <el-dialog v-model="chaoZuoZhiNan" title="操作指南(*^▽^*)" width="1000px">
       <div id="jinRiShuJuTuXin" style="width: 100%; height: 300px"></div>
       1、输入住院号，点击查询即可查询出该住院患者的信息，同理病区也是一样选择的病区就只会查询该病区的患者，住院号和病区二选一。
-      <br />
-      <br />
+      <br/>
+      <br/>
       2、排序：默认根据病区来排，选择了执行人后会根据算法来把当前登陆的人员，执行过最多的患者来排到靠前的位置。
-      <br /><br />
+      <br/><br/>
       3、未确认和历史：默认会查询患者未确认的项目，点击历史后一定要选择时间，该时间是医嘱的执行时间，默认会查询当天的时间，（提示选择时间的跨度建议不要过长，可能会导致数据加载慢。）同时查询历史时
       也可以使用住院号和病区来查询。
-      <br />
-      <br />
+      <br/>
+      <br/>
       4、患者姓名：有出院医嘱会显示为红色，无则显示绿色。
-      <br />
-      <br />
+      <br/>
+      <br/>
       <span style="color: red">
         5、现在无需点击患者姓名，直接点击该栏会弹出抽屉，患者基本信息会显示在上方，请按照需求来选择对应的操作，默认每页显示八条，表格中的分页按钮，跳转至上一页或下一页。
         点击抽屉外的任意位置即可消失，或点击保存旁边的关闭按钮。
       </span>
-      <br /><br />
+      <br/><br/>
       6、分页：该分页指页面下方的分页，点击下一页后，且没有点击保存，那么您此前的操作将会丢失，请在分页之前（如果有操作）点击保存（小表格中点击分页不会出现该情况）。
-      <br /><br />
+      <br/><br/>
       7、保存：在确定数据正确后，点击保存（数据一旦，保存成功就没有回头路了，请认真仔细的确认），<span style="color: red">点击弹出来的抽屉中的保存也是一样的效果。（新增）</span>
-      <br /><br />
+      <br/><br/>
       8、错误：在点击保存后，系统会自动接受患者的费用，如出错会在右上角，出现提示，可以请对应病区的护士在出院结算页面中点击费用接受重算按钮即可，或在老系统中护士打印费用清单时，会自动接收。
-      <br /><br />
+      <br/><br/>
       9、如有新的需求或出现未知的意外可联系管理员，如是操作失误后果自负（我觉得我已经写的很详细了，各种提示都有，都是简单的操作，还出现操作失误那就没得办法了） (>ω･* )ﾉ
     </el-dialog>
   </el-container>
 </template>
 
 <script>
-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/yibao/xiang-mu-lu-ru'
-import { cptSex } from '@/utils/computed'
+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/yibao/xiang-mu-lu-ru'
+import {cptSex} from '@/utils/computed'
 import store from '@/store'
-import { getDate, getDateRangeFormatDate } from '@/utils/date'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { shortcuts } from '@/data/shortcuts'
-import { barUtils } from '@/utils/echarts-utils'
+import {getDate, getDateRangeFormatDate} from '@/utils/date'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {shortcuts} from '@/data/shortcuts'
+import {barUtils} from '@/utils/echarts-utils'
 
 export default {
   setup() {
@@ -270,9 +287,9 @@ export default {
     const huanZheYiZhuFeiYongData = ref([])
     // 操作
     const chargeStatusData = ref([
-      { code: '1', name: '确认' },
-      { code: '2', name: '取消' },
-      { code: '3', name: '不操作' },
+      {code: '1', name: '确认'},
+      {code: '2', name: '取消'},
+      {code: '3', name: '不操作'},
     ])
 
     const dateRange = ref([new Date(), new Date()])
@@ -289,24 +306,24 @@ export default {
       queryTerm.value.pageSize = 20
       if (queryTerm.value.liShi === 0) {
         getXuQueFeiYiZhu(queryTerm.value)
-          .then((res) => {
-            huanZheYiZhuFeiYongData.value = res.records
-            queryTerm.value.total = res.total
-            qingKongLingShiShuJu()
-          })
-          .catch(() => {
-            huanZheYiZhuFeiYongData.value = []
-            queryTerm.value.total = 0
-          })
+            .then((res) => {
+              huanZheYiZhuFeiYongData.value = res.records
+              queryTerm.value.total = res.total
+              qingKongLingShiShuJu()
+            })
+            .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 ? store.state.user.info.code : ''
+            queryTerm.value.startTimeString,
+            queryTerm.value.endTimeString,
+            queryTerm.value.inpatientNo,
+            queryTerm.value.wardCode,
+            queryTerm.value.execUnit,
+            queryTerm.value.fenLei,
+            zhiKanZiJi.value ? store.state.user.info.code : ''
         ).then((res) => {
           liShiShuJu.value.list = res
           if (liShiShuJu.value.list.length > 0) {
@@ -400,17 +417,18 @@ export default {
         type: 'warning',
         dangerouslyUseHTMLString: true,
       })
-        .then(() => {
-          let shaungChuanData = {
-            list: huanZheYiZhuFeiYongData.value,
-            execUnit: store.state.user.info.deptCode,
-          }
-          baoCunYiZhuQueFeiShuJu(shaungChuanData).then((res) => {
-            xiangXiYiZhuXinXiDrawer.value = false
-            getXuQueFeiYiZhuClick()
+          .then(() => {
+            let shaungChuanData = {
+              list: huanZheYiZhuFeiYongData.value,
+              execUnit: store.state.user.info.deptCode,
+            }
+            baoCunYiZhuQueFeiShuJu(shaungChuanData).then((res) => {
+              xiangXiYiZhuXinXiDrawer.value = false
+              getXuQueFeiYiZhuClick()
+            })
+          })
+          .catch(() => {
           })
-        })
-        .catch(() => {})
     }
 
     const qingKongLingShiShuJu = () => {