fix: 待支付添加弹窗

src/service/cherry-ui.js

@@ -20,7 +20,7 @@ const {
   Notify,
   Picker,
   Area,
-  // Dialog,
+  Dialog,
   Field,
   Checkbox,
   // CheckboxGroup,
@@ -79,3 +79,4 @@ Vue.use(Notify);
 Vue.use(Loading);
 Vue.use(Swipe);
 Vue.use(SwipeItem);
+Vue.use(Dialog);

src/style/index.less

@@ -126,6 +126,23 @@ strong {
   font-size: 14px;
 }
 
+.cr-dialog {
+  .cr-button {
+    background-color: #fff !important; 
+    border: 0 !important; 
+    border-radius: 16px !important;
+  }
+  .cr-dialog--message {
+    color: #666666 !important;
+  }
+  .cr-button--default {
+    color: #888888 !important;
+  }
+  .cr-dialog--confirm {
+    color: #5599FF !important;
+  }
+}
+
 .table {
   margin: 0;
   width: 100%;

src/views/Policy/Detail/index.vue

@@ -11,6 +11,8 @@ import Refund from "./Types/Refund";
 import policyStatusMixin from "../mixin/policyStatus.mixin";
 import { getPolicyDetail } from "@/api/policy";
 
+let timer = null;
+
 export default {
   name: "PolicyList",
   mixins: [policyStatusMixin],
@@ -32,14 +34,28 @@ export default {
       }
     };
   },
-  created() {
-    this.getPolicy();
+  async created() {
+    await this.getPolicy();
+    if (this.policy?.cardConfig?.key === "4") {
+      this.$dialog({
+        message: "请确认是否已经完成了微信免密支付签约",
+        onCancel: () => {
+          timer = setInterval(this.getPolicy, 3000);
+        },
+        onConfirm: () => {
+          timer = setInterval(this.getPolicy, 3000);
+        }
+      });
+    }
   },
   methods: {
     async getPolicy() {
       const detail = await getPolicyDetail(this.$route.params.orderNo);
       this.policy = this.getData(detail);
     }
+  },
+  beforeDestroy() {
+    clearTimeout(timer);
   }
 };
 </script>