ui

src/views/charge/charge.vue

@@ -2,7 +2,7 @@
   <div style="font-size: 14px;">
     <div>
       <div class="contenttitle">
-        体检登记 /<span class="contenttitleBold">收费</span>
+        体检登记 /<span class="contenttitleBold">体检收费</span>
       </div>
       <div style="display: flex; width: 100%;">
         <!-- 查询条件 与列表  -->
@@ -39,7 +39,9 @@
             </div>
           </div>
           <!-- 列表 -->
-          <div>
+          <div style="padding: 15px;
+    border-radius: 8px;
+    background-color: #fff;">
             <el-table :data="patientList" border highlight-current-row ref="patientList" :height="tableListHeight"
               @row-click="rowClick" size="small">
               <!--  
@@ -79,7 +81,7 @@
           </div>
         </div>
         <!-- 收费操作  -->
-        <div :style="`display: block;margin-left:5px;width: ${Math.floor(bodyWidth * 2 / 5)}px;`">
+        <div :style="`display: block;margin-left:10px;width: ${Math.floor(bodyWidth * 2 / 5)}px;`">
           <!-- 查询信息  -->
           <div style="height: 40px;    background-color: #fff;
     border-radius: 8px;
@@ -105,7 +107,10 @@
           <!-- 收费信息  -->
           <div>
             <!-- charge  -->
-            <div style="height:108px;">
+            <div style="padding: 10px;
+    margin-bottom: 7px;
+    background-color: rgb(255, 255, 255);
+    border-radius: 8px;">
               <el-form ref="form" :model="form" label-width="80px" :rules="rules" size="medium"
                 :disabled="query.chargeFlag != 'N'" >
                 <el-row>
@@ -148,12 +153,12 @@
             </div>
             <!-- charge_pay  -->
             <div style="padding: 10px;
-    margin-bottom: 7px;
     background-color: #fff;
+        margin-bottom: 7px;
     border-radius: 8px;">
               <div style="margin-top:5px;font-size:10px;">{{ query.chargeFlag == 'B' ? '退' : '收' }}费方式：</div>
               <el-table :data="chargePays" border highlight-current-row size="small"
-                :height="Math.floor((tableListHeight - 146)/2)">
+                :height="Math.floor((tableListHeight - 155)/2)">
                 <el-table-column prop="payModeId" :label="(query.chargeFlag == 'B' ? '退' : '收') + '费方式'" width="180">
                   <template slot-scope="scope">
                     <div>{{ dddw(dict.payMode, "id", scope.row.payModeId, "displayName") }}</div>
@@ -177,14 +182,13 @@
             </div>
             <!-- asbitem  -->
             <div style="    padding: 10px;
-    margin-bottom: 7px;
     background-color: rgb(255, 255, 255);
     border-radius: 8px;
 ">
               <div style="margin-top:5px; font-size:10px;">{{ query.chargeFlag == 'N' ? '待收' : (query.chargeFlag == 'Y' ?
                 '已收' : '已退') }}费项目：</div>
               <el-table :data="asbItemsForFee" border highlight-current-row
-                :height="Math.floor((tableListHeight - 146)/2)" size="small"
+                :height="Math.floor((tableListHeight - 150)/2)" size="small"
                 @selection-change="handleSelectionChange" ref="asbItemsForFeeTable">
                 <el-table-column type="selection" align="center" v-if="query.chargeFlag == 'N'" />
                 <el-table-column label="组合项目" width="120" prop="asbitemName" />
@@ -357,7 +361,7 @@ export default {
 
     tableListHeight() {
       let tempH = this.window.pageHeight < 600 ? 600 : this.window.pageHeight
-      return tempH - 175
+      return tempH - 175-40
     },
 
     bodyWidth() {
@@ -1219,6 +1223,10 @@ export default {
 
 .query {
   margin-left: 5px;
+    font-size: 14px;
+  color: #232748;
+  font-weight: 400;
+  font-family: "NotoSansSC-Regular";
 }
 
 .btnDivClass {