修改企业认证绑定成功弹窗样式

front-vue/src/views/system/company/certification.vue

@@ -362,6 +362,11 @@
                     <el-col :span="8" class="zap-personnel-information__item">
                         <span class="zap-form__label">联系电话</span>
                         <el-input class="zap-form-input" v-model="form.number" placeholder="请输入联系电话" maxlength="11" clearable></el-input>
+                        <el-tooltip style="margin-left: 8px;" class="item" effect="light" content="以下号段不支持验证：1349(卫星通信号段)、174(卫星通信号段)、141(物联网)、144(物联网)、165(虚拟)、167(虚拟)、1700(虚拟)、
+                      1701(虚拟)、1702(虚拟)、1703(虚拟)、1704(虚拟)、1705(虚拟)、1706(虚拟)、1707(虚拟)、1708(虚拟)、
+                      1709(虚拟)、(虚拟)" placement="right-start">
+                            <img width="20px" height="20px" src="../../../assets/images/icon_tip.png" alt="">
+                        </el-tooltip>
                     </el-col>
                 </el-row>
             </el-row>
@@ -587,6 +592,20 @@
             <el-button @click="cancel">关闭</el-button>
         </div>
     </el-dialog>
+    <!-- 绑定成功提示 -->
+    <el-dialog class="zap-bindcard-success" title="提示：绑定对公账户成功" :visible.sync="openBindSuccess" width="610px" append-to-body>
+        <div>
+            <p>您于{{this.updateTime}}提交的对公账户绑定成功，平台将对账户信息打款核验；</p>
+            <p>预计2小时内到款，打款验证有效期：3天</p>
+            <p>对公账户主体名称：{{this.form.scyName}}</p>
+            <p>对公账户开户银行：{{this.form.pbaiBankName}}</p>
+            <p>对公账户银行卡号：{{this.form.pbaiBankaccountId}}</p>
+        </div>
+        <div slot="footer" class="zap-bindcard-success__footer">
+            <el-button type="primary" @click="handleClick">打款验证</el-button>
+            <el-button @click="handleCancel">关闭</el-button>
+        </div>
+    </el-dialog>
 </div>
 </template>
 
@@ -620,6 +639,8 @@ export default {
     name: "GoodsAdd",
     data() {
         return {
+            updateTime: "",
+            loading: "",
             codeShow: true, //判断显示隐藏
             count: "", //显示时的文字内容
             timer: null,
@@ -756,6 +777,7 @@ export default {
             value2: "",
             value3: "",
             repeatToken: getRepeatToken(),
+            openBindSuccess: false
         };
     },
     created() {
@@ -1610,7 +1632,7 @@ export default {
                 } else if (!this.form.pbaiBankaccountId) {
                     this.$message.error("对公账户银行账号不能为空!");
                 } else {
-                    const loading = this.$loading({
+                    this.loading = this.$loading({
                         lock: true,
                         text: "Loading",
                         spinner: "el-icon-loading",
@@ -1619,38 +1641,9 @@ export default {
                     var aData = new Date();
                     this.updateTime =
                         aData.getFullYear() + "-" + (aData.getMonth() + 1) + "-" + aData.getDate();
-                    const confirmText = [
-                        "绑定对公账户成功,您于" +
-                        this.updateTime +
-                        "提交的对公账户绑定成功，平台将对账户信息打款核验2小时内到款，打款验证有效期：3天",
-                        "对公账户主体名称：" + this.form.scyName,
-                        "对公账户开户银行:" + this.form.pbaiBankName,
-                        "对公账户银行卡号:" + this.form.pbaiBankaccountId,
-                    ];
-                    const newDatas = [];
-                    const h = this.$createElement;
-                    for (const i in confirmText) {
-                        newDatas.push(h("p", null, confirmText[i]));
-                    }
-                    this.$confirm("提示", {
-                        title: "提示",
-                        message: h("div", null, newDatas),
-                        confirmButtonText: "打款认证",
-                        cancelButtonText: "关闭",
-                        type: "warning",
-                    }).then(() => {
-                        addAccount(this.form)
-                            .then((response) => {
-                                loading.close();
-                                this.msgSuccess("申请成功");
-                                this.active++;
-                            })
-                            .catch((response) => {
-                                loading.close();
-                            });
-                    }).catch((response) => {
-                        loading.close();
-                    });
+
+                    this.openBindSuccess = ture
+
                 }
 
             } else if (this.active == 2) {
@@ -1697,6 +1690,21 @@ export default {
                 this.active++;
             }
         },
+        handleClick() {
+            addAccount(this.form)
+                .then((response) => {
+                    this.loading.close();
+                    this.msgSuccess("申请成功");
+                    this.active++;
+                })
+                .catch((response) => {
+                    this.loading.close();
+                });
+        },
+        handleCancel () {
+          this.openBindSuccess = false
+          this.loading.close()
+        },
         handleAvatarSuccess(res, file) {
             this.imageUrl = URL.createObjectURL(file.raw);
         },
@@ -2086,4 +2094,24 @@ export default {
         background-color: #ffffff;
     }
 }
+
+// 板顶对公账户成功弹窗
+.zap-bindcard-success {
+    .el-dialog__body {
+        padding: 17px 64px 26px;
+
+        p {
+            padding: 0;
+            margin: 0;
+            line-height: 28px;
+            font-size: 14px;
+            color: #333333;
+        }
+    }
+
+    .zap-bindcard-success__footer {
+        margin-top: 28px;
+        text-align: center;
+    }
+}
 </style>