门诊处方添加自费标识

src/components/outpatient/MzReceipt.vue

@@ -27,16 +27,19 @@
             <div style="font-size: 15px">
               <el-checkbox v-if="showCheckbox" v-model="item.checked"></el-checkbox>
               <span style="font-weight: bold; color: black">
-                    &nbsp;{{ index + 1 }}）{{ item.drugName }}&nbsp;
-                  </span>
+                &nbsp;{{ index + 1 }}）{{ item.drugName }}&nbsp;
+              </span>
               <span v-if="item.specification">（{{ item.specification }}）</span>
               <span v-else>（{{ item.drugUnit }}）</span>
+              <span v-if="item.hospApprFlag === '2'" class="self-pay">
+                自费
+              </span>
             </div>
             <div>
               <div class="receipt-tips" style="color: purple;font-size: 12px">
-                    <span v-if="item.drugQuan">
-                      用法：{{ item.drugQuan }}{{ item.drugUnit }} / 次
-                    </span>
+                <span v-if="item.drugQuan">
+                  用法：{{ item.drugQuan }}{{ item.drugUnit }} / 次
+                </span>
                 <span v-if="item.frequency"> {{ item.frequency }} </span>
                 <span v-if="item.orderDays"> {{ item.orderDays }}天 </span>
                 <span v-if="item.supplyCode"> {{ item.supplyCode }} </span>
@@ -46,7 +49,7 @@
                 医保码：{{ item.nationalCode || '未匹配' }}
               </div>
               <div v-if="item.ybComment" style="font-size: 12px; padding-left: 64px; color: gray">
-                用药限制：{{item.ybComment}}
+                用药限制：{{ item.ybComment }}
               </div>
               <div style="margin-bottom: 12px"></div>
             </div>
@@ -57,8 +60,9 @@
     </div>
     <el-divider></el-divider>
     <div class="receipt-head">
-      <div style="font-size: 15px; width: 70%">医师：{{ mzVisit.doctorName }} / {{ mzVisit.doctorCode }} / <span
-          v-html="highlightYbCode(mzVisit.doctorCode,mzVisit.doctorYbCode)"></span></div>
+      <div style="font-size: 15px; width: 70%">医师：{{ mzVisit.doctorName }} / {{ mzVisit.doctorCode }} /
+        <span v-html="highlightYbCode(mzVisit.doctorCode,mzVisit.doctorYbCode)"></span>
+      </div>
       <div style="font-size: 15px">
         总金额：<span style="font-size: 18px; font-weight: bold">￥{{ mzVisit.totalFee }}</span>
       </div>
@@ -93,7 +97,6 @@ function highlightYbCode(hisCode, ybCode) {
 </script>
 
 
-
 <style scoped>
 .receipt-title {
   width: 100%;
@@ -137,4 +140,11 @@ function highlightYbCode(hisCode, ybCode) {
   color: #0f5e0f;
   font-weight: bold;
 }
+
+.self-pay {
+  font-weight: bold;
+  color: red;
+  border: 1px solid red;
+  padding-right: 5px;
+}
 </style>