出纳样式

src/components/zfsf/PatientInfoHead.vue

@@ -14,7 +14,8 @@
           <el-input v-model="inpatientParam.inpatientNo" clearable :readonly="true"  @click="visible = true" style="width: 100px" @keyup.enter="queryChange" />
         </template>
         <div style="width: 670px;">
-          <el-input v-model="headParam.inpatientNo" placeholder="支持住院号/姓名/门诊号查询" clearable @keyup.enter="selectPatientPage" style="width: 170px"></el-input>
+          <el-input v-model="headParam.inpatientNo" placeholder="支持住院号/姓名/门诊号查询"
+                    clearable @keyup.enter="selectPatientPage" style="width: 170px"></el-input>
           &nbsp;&nbsp;
           <el-button icon="Search" type="primary" @click="selectPatientPage">查询</el-button>
           <span style="display: inline-block;width: 350px" ></span>
@@ -86,7 +87,7 @@ import {onMounted, ref} from "vue";
 import {stringNotBlank} from "@/utils/blank-utils";
 import {queryCashFlag,queryPatientInfoPage} from '@/api/zfsf/cashier-process.js'
 import {getPatientBaseInfo} from "@/api/medical-advice/medical-advice-management";
-import {useZIndex} from "element-plus";
+import {xcMessage} from "@/utils/xiaochan-element-plus";
 const emit = defineEmits(['selectPatientInfo']);
 const props = defineProps({
   inOutFlag: {
@@ -133,11 +134,15 @@ const clearPatientTable = ()=>{
   totalSize.value = 0
 }
 
-const selectPatientPage = ()=>{
+const selectPatientPage = () => {
+  if (!headParam.value.inpatientNo) {
+    xcMessage.warning('住院号不能为空！')
+    return
+  }
   queryPatientInfoPage(headParam.value).then(res=>{
       patientList.value = res.data
       totalSize.value = res.total
-  })
+  });
 }
 
 const queryChange = ()=>{

src/css/app.scss

@@ -173,3 +173,10 @@ input[type=number]::-webkit-outer-spin-button {
 .m-r_8px {
   margin-right: 8px;
 }
+
+.red-color{
+  color: red !important;
+}
+.blue-color{
+  color: blue !important;
+}

src/views/hospitalization/zfsf/CashierProcessInfo.vue

@@ -101,14 +101,14 @@
                     </el-table>
                     <div v-if="jkInfoList.length > 0" style="width: 200px;margin-left: 100px" class="layout_overflow_auto">
                       <el-descriptions size="large" :column="1" border  >
-                        <el-descriptions-item label="交纳:">
-                          <span class="f-size" style="color: red" >{{jkHj.jnZj}} </span>
+                        <el-descriptions-item label="交纳:" label-class-name="red-color">
+                          <span style="color: red; font-size: 24px; font-weight: bold" >{{jkHj.jnZj}} </span>
                         </el-descriptions-item>
-                        <el-descriptions-item label="退款:">
-                          <span class="f-size" style="color: blue">{{jkHj.tkZj}}  </span>
+                        <el-descriptions-item label="退款:" label-class-name="blue-color">
+                          <span style="color: blue; font-size: 24px; font-weight: bold">{{jkHj.tkZj}}  </span>
                         </el-descriptions-item>
                         <el-descriptions-item label="总计:">
-                          <span class="f-size">{{jkHj.zj}} </span>
+                          <span style="font-size: 24px;font-weight: bold">{{jkHj.zj}} </span>
                         </el-descriptions-item>
                       </el-descriptions>
                     </div>
@@ -160,7 +160,16 @@
 <!--                    </template>-->
 <!--                  </el-table-column>>-->
                   <el-table-column  property="depoDate" label="日期" />
-                  <el-table-column  property="statusName" label="事务" />
+                  <el-table-column label="事务">
+                    <template #default="{row}">
+                      <span
+                          :class="row.statusName === '结算补交'
+                          ? 'red-color' : ''"
+                      >
+                        {{row.statusName}}
+                      </span>
+                    </template>
+                  </el-table-column>
                   <el-table-column  property="depoAmount" label="金额" />
                   <el-table-column  property="receiptNo" label="收据" />
                   <el-table-column  property="depoTypeName" label="类型" />
@@ -178,7 +187,7 @@
                     <el-descriptions-item >
 
                     </el-descriptions-item>
-                    <el-descriptions-item label="直退合计:">
+                    <el-descriptions-item label="直退合计:" label-class-name="red-color">
                      <span class="f-size" style="color: red">
                        {{yjHz.ztHj}}
                      </span>
@@ -1088,10 +1097,6 @@ const base64ToArrayBuffer = (base64) => {
 
 const printFlag = ref(true)
 
-
-
-
-
 const getZySettType= (row)=>{
   if(stringIsBlank(row.accountDate)){
     return '未结算'
@@ -1106,7 +1111,7 @@ const getZySettType= (row)=>{
 
 
 </script>
-<style scoped >
+<style scoped>
 .border_solid{
   border: 1px #808080  solid
 }
@@ -1135,10 +1140,4 @@ const getZySettType= (row)=>{
 #zyFpId p {
   line-height: 10px;
 }
-.red-color{
-  color: red !important;
-}
-.blue-color{
-  color: blue !important;
-}
 </style>