门特处方显示优化

src/views/medical-insurance/outpatient/MzRegister.vue

@@ -47,19 +47,16 @@
             </el-table-column>
           </el-table>
         </el-col>
-        <el-col :span="7">
+        <el-col :span="5">
           <el-table ref="ordersTable" :data="orderNos" highlight-current-row :height="tableHeight" @row-click="clickOrderNo">
             <el-table-column label="处方" width="60">
-              <template #default="scope"> 第{{ scope.row.orderNo }}张 </template>
-            </el-table-column>
-            <el-table-column label="金额(￥)" width="80">
               <template #default="scope">
-                {{ scope.row.totalFee.toFixed(2) }}
+                <span v-html="colorStatus(scope.row)"></span>
               </template>
             </el-table-column>
-            <el-table-column label="状态" width="80">
+            <el-table-column label="金额" width="60">
               <template #default="scope">
-                <span v-html="colorStatus(scope.row.status)"></span>
+                {{ scope.row.totalFee.toFixed(2) }}
               </template>
             </el-table-column>
             <el-table-column label="操作">
@@ -96,12 +93,11 @@
               <div v-for="(item, index) in currentReceipts" :key="index">
                 <div class="receipt-item">
                   <div class="w75">
-                    <el-checkbox v-model="item.checked">
-                      {{ index + 1 }}）{{ item.drugName }}&nbsp; （
-                      <span v-if="item.specification">{{ item.specification }}</span>
-                      <span v-else>{{ item.drugUnit }}</span>
-                      ）
-                    </el-checkbox>
+                    <el-checkbox v-model="item.checked"></el-checkbox>
+                    {{ index + 1 }}）{{ item.drugName }}&nbsp; （
+                    <span v-if="item.specification">{{ item.specification }}</span>
+                    <span v-else>{{ item.drugUnit }}</span>
+                    ）
                   </div>
                   <div class="w25">&times;&nbsp;&nbsp;&nbsp;{{ item.quantity }}</div>
                 </div>
@@ -112,6 +108,7 @@
                   <span v-if="item.supplyCode"> {{ item.supplyCode }} </span>
                   <span v-if="item.instructionText"> 备注：{{ item.instructionText }} </span>
                 </div>
+                <div :style="{ color: item.nationalCode ? 'green' : 'red', fontWeight: 'bold', padding: '0 0 12px 64px' }">医保码：{{ item.nationalCode || '未匹配' }}</div>
               </div>
             </div>
             <el-divider></el-divider>
@@ -427,7 +424,6 @@ export default {
       }
       switch (command) {
         case 'require':
-          data.value = []
           fetchReceipts(param)
           break
         case 'delete':
@@ -471,6 +467,8 @@ export default {
           }, 100)
         })
         .catch(() => {
+          data.value = []
+          orderNos.value = []
           currentReceipts.value = []
         })
     }
@@ -573,8 +571,8 @@ export default {
       }, 100)
     }
 
-    const colorStatus = (status) => {
-      return status ? '<span style="color: green">已生成</span>' : '<span style="color: red">未生成</span>'
+    const colorStatus = (row) => {
+      return row.status ? `<span style="color: green">第${row.orderNo}张</span>` : `<span style="color: red">第${row.orderNo}张</span>`
     }
 
     const unmarkMzFees = (row) => {
@@ -706,7 +704,7 @@ export default {
   display: flex;
 }
 .receipt-tips {
-  margin: 0 0 10px 100px;
+  margin: 0 0 0 64px;
 }
 .receipt-tips > span {
   margin-right: 15px;