|
@@ -1,5 +1,8 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
|
|
+ <div class="mask" v-if="showMask">
|
|
|
|
+ <span class="maskFont">正在保存数据,请稍后...</span>
|
|
|
|
+ </div>
|
|
<top-menu :methodType="2"></top-menu>
|
|
<top-menu :methodType="2"></top-menu>
|
|
<div style="height: 92vh">
|
|
<div style="height: 92vh">
|
|
<div class="stepsSty">
|
|
<div class="stepsSty">
|
|
@@ -18,6 +21,7 @@
|
|
:next="next"
|
|
:next="next"
|
|
:previous="previous"
|
|
:previous="previous"
|
|
:changeComponents="changeComponents"
|
|
:changeComponents="changeComponents"
|
|
|
|
+ :changeMask="changeMask"
|
|
></component>
|
|
></component>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -44,6 +48,8 @@ export default {
|
|
title3: "入驻信息",
|
|
title3: "入驻信息",
|
|
isShow: false,
|
|
isShow: false,
|
|
currentComponent: "registration-terms", // 初始组件
|
|
currentComponent: "registration-terms", // 初始组件
|
|
|
|
+ showMask: false,
|
|
|
|
+ // showMask: false,
|
|
// currentComponent: "account-info", // 初始组件
|
|
// currentComponent: "account-info", // 初始组件
|
|
// currentComponent: "entry-information", // 初始组件
|
|
// currentComponent: "entry-information", // 初始组件
|
|
// currentComponent: "registration-package", // 初始组件
|
|
// currentComponent: "registration-package", // 初始组件
|
|
@@ -85,7 +91,7 @@ export default {
|
|
//===============================================
|
|
//===============================================
|
|
purchaseDuration: 1, //购买时长
|
|
purchaseDuration: 1, //购买时长
|
|
accountNum: 5, //账号数量
|
|
accountNum: 5, //账号数量
|
|
- totalPrice: 0.00, //总价
|
|
|
|
|
|
+ totalPrice: 0.0, //总价
|
|
invoiceType: "1", //发票类型
|
|
invoiceType: "1", //发票类型
|
|
invoiceHeader: "1", //发票抬头:默认单位不可修改
|
|
invoiceHeader: "1", //发票抬头:默认单位不可修改
|
|
USICForInvoice: "", //统一社会识别码(发票)
|
|
USICForInvoice: "", //统一社会识别码(发票)
|
|
@@ -103,6 +109,9 @@ export default {
|
|
created() {},
|
|
created() {},
|
|
mounted() {},
|
|
mounted() {},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ changeMask() {
|
|
|
|
+ this.showMask = !this.showMask;
|
|
|
|
+ },
|
|
next() {
|
|
next() {
|
|
this.activeStep++;
|
|
this.activeStep++;
|
|
//重置滚动条
|
|
//重置滚动条
|
|
@@ -120,6 +129,22 @@ export default {
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+.maskFont {
|
|
|
|
+ color: white;
|
|
|
|
+ font-size: 40px;
|
|
|
|
+}
|
|
|
|
+.mask {
|
|
|
|
+ position: fixed;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ left: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
|
+ z-index: 9999;
|
|
|
|
+}
|
|
.contentSty {
|
|
.contentSty {
|
|
height: 76vh;
|
|
height: 76vh;
|
|
width: 80%;
|
|
width: 80%;
|