fix publicpath

src/views/insurance-detection-detail/insurance-detection-detail.vue

@@ -172,7 +172,7 @@
           :extra-data="openWebAppConfig.extraData"
         >
           <script type="text/wxtag-template">
-            <style>.btn {position:absolute; top: 0; color: #ffffff;text-align: center;line-height: 40px; left: 0; width:100%; height: 100%;}</style> <div class="btn">{{ openWebAppBtnName}}</div>
+            <style>.btn {position:absolute; top: 0; color: #ffffff;text-align: center;line-height: 40px; left: 0; width:100%; height: 100%;}</style> <div class="btn">{{ openWebAppBtnName }}</div>
           </script>
         </wx-open-launch-weapp>
       </div>
@@ -185,27 +185,36 @@
       </div>
 
       <div
-        v-if="picaWechat == 'wechat'  && dataDetail.reimburseFlag"
+        v-if="picaWechat == 'wechat' && dataDetail.reimburseFlag"
         class="submit-button submit-button-empty"
       >
-        <div class="btn-label">{{ dataDetail.reimburseStatusStr }}</div>
+        <div
+          class="btn-label"
+          :style="{ background: mapColor(dataDetail.reimburseStatus) }"
+        >
+          {{ dataDetail.reimburseStatusStr }}
+        </div>
         <wx-open-launch-weapp
           style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
           :username="openWebAppConfigPositive.username"
           :path="openWebAppConfigPositive.path"
-
         >
           <script type="text/wxtag-template">
-            <style>.btn {position:absolute; top: 0; color: #ffffff;text-align: center;line-height: 40px; left: 0; width:100%; height: 100%;}</style> <div class="btn">{{ openWebAppBtnName}}</div>
+            <style>.btn {position:absolute; top: 0; color: #ffffff;text-align: center;line-height: 40px; left: 0; width:100%; height: 100%;}</style> <div class="btn">{{ openWebAppBtnName }}</div>
           </script>
         </wx-open-launch-weapp>
       </div>
       <div
-        v-if="picaWechat != 'wechat'  && dataDetail.reimburseFlag"
+        v-if="picaWechat != 'wechat' && dataDetail.reimburseFlag"
         class="submit-button submit-button-empty"
         @click="getJumpToWebapp2"
       >
-        <div class="btn-label">{{ dataDetail.reimburseStatusStr }}</div>
+        <div
+          class="btn-label"
+          :style="{ background: mapColor(dataDetail.reimburseStatus) }"
+        >
+          {{ dataDetail.reimburseStatusStr }}
+        </div>
         阳性报销
       </div>
     </div>
@@ -413,6 +422,30 @@ export default {
 
       });
     },
+    mapColor(s) {
+      // 申请状态 1：待审核，2：审核通过（待打款），3：审核驳回，4：已撤销，5：已打款
+      let t = '#FF720C';
+      switch (Number(s)) {
+        case 1:
+          t = '#00BDA5';
+          break;
+        case 2:
+          t = '#00BDA5';
+          break;
+        case 3:
+          t = '#FF4B33';
+          break;
+        case 4:
+          t = '#AAAAAA';
+          break;
+        case 5:
+          t = '#AAAAAA';
+          break;
+        default:
+          break;
+      }
+      return t;
+    },
   },
 };
 </script>