|
@@ -112,9 +112,25 @@
|
|
|
padding: 10px 0;
|
|
padding: 10px 0;
|
|
|
padding-left: 35px;
|
|
padding-left: 35px;
|
|
|
}
|
|
}
|
|
|
|
|
+ .post_tip {
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ font-size: 20px;
|
|
|
|
|
+ line-height: 29px;
|
|
|
|
|
+ padding-top: 30px;
|
|
|
|
|
+ color: #1677FF;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ }
|
|
|
|
|
+ .tip_icon {
|
|
|
|
|
+ width: 16px;
|
|
|
|
|
+ height: 8px;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ }
|
|
|
.post_box {
|
|
.post_box {
|
|
|
- padding: 20px 35px;
|
|
|
|
|
- height: calc(100vh - 92px);
|
|
|
|
|
|
|
+ padding: 10px 35px 20px;
|
|
|
|
|
+ height: calc(100vh - 77px);
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
@@ -125,6 +141,7 @@
|
|
|
height: auto;
|
|
height: auto;
|
|
|
max-width: 100%;
|
|
max-width: 100%;
|
|
|
max-height: 100%;
|
|
max-height: 100%;
|
|
|
|
|
+ border-radius: 15px;
|
|
|
}
|
|
}
|
|
|
.foot_btn {
|
|
.foot_btn {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -144,6 +161,16 @@
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
+ .el-button:hover, .el-button:focus {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 52px;
|
|
|
|
|
+ background: #222222;
|
|
|
|
|
+ border-radius: 20px;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
.save_btn {
|
|
.save_btn {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 52px;
|
|
height: 52px;
|
|
@@ -161,7 +188,7 @@
|
|
|
<body>
|
|
<body>
|
|
|
<div id="box" class="box" :class="step === 2 ? 'page2' : 'page1'">
|
|
<div id="box" class="box" :class="step === 2 ? 'page2' : 'page1'">
|
|
|
<!-- 引导页面 -->
|
|
<!-- 引导页面 -->
|
|
|
- <div v-if="step === 1">
|
|
|
|
|
|
|
+ <!-- <div v-if="step === 1">
|
|
|
<div class="ready_code_box">
|
|
<div class="ready_code_box">
|
|
|
<image class="ready_code" src="./img/ready_code.png"></image>
|
|
<image class="ready_code" src="./img/ready_code.png"></image>
|
|
|
<div class="code_tip">
|
|
<div class="code_tip">
|
|
@@ -169,18 +196,18 @@
|
|
|
<span class="main_tip">专属活码</span>
|
|
<span class="main_tip">专属活码</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="page_tip">引导门店客户添加，领取引流激励！</div>
|
|
|
|
|
|
|
+ <div class="page_tip">邀请我的好友添加，领取拉新奖金！</div>
|
|
|
<div class="foot_btn">
|
|
<div class="foot_btn">
|
|
|
<div class="create_btn" style="line-height: 52px;" @click="createQrcode">创建活码</div>
|
|
<div class="create_btn" style="line-height: 52px;" @click="createQrcode">创建活码</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div> -->
|
|
|
<!-- 创建活码 -->
|
|
<!-- 创建活码 -->
|
|
|
<div v-if="step === 2">
|
|
<div v-if="step === 2">
|
|
|
<div class="form_title">
|
|
<div class="form_title">
|
|
|
<span>生成我的</span>
|
|
<span>生成我的</span>
|
|
|
<span class="main_tip">专属活码</span>
|
|
<span class="main_tip">专属活码</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="page_tip page1 page_tip_page2">引导好友添加，领取引流激励！</div>
|
|
|
|
|
|
|
+ <div class="page_tip page1 page_tip_page2">邀请我的好友添加，领取拉新奖金！</div>
|
|
|
<div class="form_list">
|
|
<div class="form_list">
|
|
|
<el-form ref="form" :model="form" label-position="left" label-width="100px">
|
|
<el-form ref="form" :model="form" label-position="left" label-width="100px">
|
|
|
<el-form-item label="顾问姓名：">
|
|
<el-form-item label="顾问姓名：">
|
|
@@ -197,12 +224,13 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 我的活码 -->
|
|
<!-- 我的活码 -->
|
|
|
<div v-if="step === 3">
|
|
<div v-if="step === 3">
|
|
|
|
|
+ <div class="post_tip">
|
|
|
|
|
+ <div>长按图片保存引流海报</div>
|
|
|
|
|
+ <image class="tip_icon" src="./img/tip_icon.png"></image>
|
|
|
|
|
+ </div>
|
|
|
<div class="post_box">
|
|
<div class="post_box">
|
|
|
<image class="post_img" :src="postCode"></image>
|
|
<image class="post_img" :src="postCode"></image>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="foot_btn">
|
|
|
|
|
- <div class="save_btn" @click="saveImage">长按二维码保存</div>
|
|
|
|
|
- </div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</body>
|
|
</body>
|
|
@@ -301,17 +329,17 @@
|
|
|
this.step = 3
|
|
this.step = 3
|
|
|
this.postCode = data.postCode
|
|
this.postCode = data.postCode
|
|
|
} else {
|
|
} else {
|
|
|
- this.step = 1
|
|
|
|
|
|
|
+ this.step = 2
|
|
|
}
|
|
}
|
|
|
} else {
|
|
} else {
|
|
|
this.$message.error(msg)
|
|
this.$message.error(msg)
|
|
|
- this.step = 1
|
|
|
|
|
|
|
+ this.step = 2
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- createQrcode() {
|
|
|
|
|
- this.step = 2
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ // createQrcode() {
|
|
|
|
|
+ // this.step = 2
|
|
|
|
|
+ // },
|
|
|
// 创建活码
|
|
// 创建活码
|
|
|
handleQrcode() {
|
|
handleQrcode() {
|
|
|
if (!this.form.salesMan) {
|
|
if (!this.form.salesMan) {
|
|
@@ -342,23 +370,16 @@
|
|
|
this.step = 3
|
|
this.step = 3
|
|
|
this.postCode = data.postCode
|
|
this.postCode = data.postCode
|
|
|
} else {
|
|
} else {
|
|
|
- this.step = 1
|
|
|
|
|
|
|
+ this.step = 2
|
|
|
}
|
|
}
|
|
|
} else {
|
|
} else {
|
|
|
this.$message.error(msg)
|
|
this.$message.error(msg)
|
|
|
- this.step = 1
|
|
|
|
|
|
|
+ this.step = 2
|
|
|
}
|
|
}
|
|
|
}).finally(() => {
|
|
}).finally(() => {
|
|
|
this.loading = false
|
|
this.loading = false
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- // 保存二维码
|
|
|
|
|
- saveImage() {
|
|
|
|
|
- this.$message({
|
|
|
|
|
- message: '长按二维码保存',
|
|
|
|
|
- type: 'success',
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
// 截取url中的数据
|
|
// 截取url中的数据
|
|
|
getQueryParam(paramName) {
|
|
getQueryParam(paramName) {
|
|
|
// 获取当前URL的查询字符串部分
|
|
// 获取当前URL的查询字符串部分
|
