|
|
@@ -5,8 +5,8 @@
|
|
|
<el-tab-pane label="商户信息" name="first"></el-tab-pane>
|
|
|
<el-tab-pane label="商城配置信息" name="second"></el-tab-pane>
|
|
|
<el-tab-pane label="微信配置信息" name="third"></el-tab-pane>
|
|
|
- <el-tab-pane label="结算配置信息" name="four"></el-tab-pane>
|
|
|
- <el-tab-pane label="移动端二维码" name="five"></el-tab-pane>
|
|
|
+ <el-tab-pane label="结算配置信息" name="four"></el-tab-pane>
|
|
|
+ <el-tab-pane label="移动端二维码" name="five"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
|
|
|
<div v-show="step == 'first'">
|
|
|
@@ -44,19 +44,15 @@
|
|
|
|
|
|
<div v-show="step == 'second'">
|
|
|
<el-form label-width="100px" label-position="right">
|
|
|
- <el-upload
|
|
|
- class="avatar-uploader"
|
|
|
- :action="baseURL + 'common/upload'"
|
|
|
- :headers="myHeaders"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="uploadSuccess"
|
|
|
- :before-upload="beforeUpload">
|
|
|
+ <el-upload class="avatar-uploader" :action="baseURL + 'common/upload'" :headers="myHeaders"
|
|
|
+ :show-file-list="false" :on-success="uploadSuccess" :before-upload="beforeUpload">
|
|
|
</el-upload>
|
|
|
<el-form-item label="主logo" prop="imgUrl">
|
|
|
<div class="images">
|
|
|
<div class="main-img">
|
|
|
<div class="img" v-if="img1_url" @mouseover="img1_hover = true;" @mouseout="img1_hover = false;">
|
|
|
- <el-image ref="img1" :src="img1_url" :preview-src-list="[img1_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
+ <el-image ref="img1" :src="img1_url" :preview-src-list="[img1_url]" style="width: 120px; height: 120px"
|
|
|
+ fit="contain"></el-image>
|
|
|
<div class="mask" v-show="img1_hover">
|
|
|
<i class="el-icon-zoom-in" @click="previewImage('img1')"></i>
|
|
|
<i class="el-icon-upload2" @click="uploadImage('img1')"></i>
|
|
|
@@ -67,7 +63,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tmp-img">
|
|
|
- <el-image :src="require('@/assets/template/template_1.png')" :preview-src-list="[require('@/assets/template/template_1.png')]" style="width: 120px; height: 120px; display: block" fit="contain"></el-image>
|
|
|
+ <el-image :src="require('@/assets/template/template_1.png')"
|
|
|
+ :preview-src-list="[require('@/assets/template/template_1.png')]"
|
|
|
+ style="width: 120px; height: 120px; display: block" fit="contain"></el-image>
|
|
|
<div class="tmp">示例图</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -79,7 +77,8 @@
|
|
|
<div class="images">
|
|
|
<div class="main-img">
|
|
|
<div class="img" v-if="img2_url" @mouseover="img2_hover = true;" @mouseout="img2_hover = false;">
|
|
|
- <el-image ref="img2" :src="img2_url" :preview-src-list="[img2_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
+ <el-image ref="img2" :src="img2_url" :preview-src-list="[img2_url]" style="width: 120px; height: 120px"
|
|
|
+ fit="contain"></el-image>
|
|
|
<div class="mask" v-show="img2_hover">
|
|
|
<i class="el-icon-zoom-in" @click="previewImage('img2')"></i>
|
|
|
<i class="el-icon-upload2" @click="uploadImage('img2')"></i>
|
|
|
@@ -90,7 +89,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tmp-img">
|
|
|
- <el-image :src="require('@/assets/template/template_2.png')" :preview-src-list="[require('@/assets/template/template_2.png')]" style="width: 120px; height: 120px; display: block" fit="contain"></el-image>
|
|
|
+ <el-image :src="require('@/assets/template/template_2.png')"
|
|
|
+ :preview-src-list="[require('@/assets/template/template_2.png')]"
|
|
|
+ style="width: 120px; height: 120px; display: block" fit="contain"></el-image>
|
|
|
<div class="tmp">示例图</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -102,7 +103,8 @@
|
|
|
<div class="images">
|
|
|
<div class="main-img">
|
|
|
<div class="img" v-if="img3_url" @mouseover="img3_hover = true;" @mouseout="img3_hover = false;">
|
|
|
- <el-image ref="img3" :src="img3_url" :preview-src-list="[img3_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
+ <el-image ref="img3" :src="img3_url" :preview-src-list="[img3_url]" style="width: 120px; height: 120px"
|
|
|
+ fit="contain"></el-image>
|
|
|
<div class="mask" v-show="img3_hover">
|
|
|
<i class="el-icon-zoom-in" @click="previewImage('img3')"></i>
|
|
|
<i class="el-icon-upload2" @click="uploadImage('img3')"></i>
|
|
|
@@ -113,7 +115,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tmp-img">
|
|
|
- <el-image :src="require('@/assets/template/template_3.png')" :preview-src-list="[require('@/assets/template/template_3.png')]" style="width: 120px; height: 120px; display: block" fit="contain"></el-image>
|
|
|
+ <el-image :src="require('@/assets/template/template_3.png')"
|
|
|
+ :preview-src-list="[require('@/assets/template/template_3.png')]"
|
|
|
+ style="width: 120px; height: 120px; display: block" fit="contain"></el-image>
|
|
|
<div class="tmp">示例图</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -127,7 +131,8 @@
|
|
|
<div v-show="step == 'third'">
|
|
|
<!-- <div class="tips">说明：企微配置是指通过配置企业微信将企微用户和系统打通，实现企业微信用户信息同平台互通，聊天会话信息同步</div> -->
|
|
|
|
|
|
- <el-form class="my-form2" ref="step3Form" :model="step3Form" :rules="step3FormRules" label-width="200px" label-position="right">
|
|
|
+ <el-form class="my-form2" ref="step3Form" :model="step3Form" :rules="step3FormRules" label-width="200px"
|
|
|
+ label-position="right">
|
|
|
<!-- <el-card shadow="never" class="my-card">
|
|
|
<div class="title">1.配置企业ID</div>
|
|
|
<div class="box">指引：进入<el-link type="primary" :underline="false" href="https://element.eleme.io" target="_blank">企业微信</el-link>打开【我的企业】，将企业ID分别复制并填写到下方输入框中</div>
|
|
|
@@ -190,40 +195,38 @@
|
|
|
|
|
|
<div v-show="step == 'four'">
|
|
|
<el-form ref="step4Form" :model="step4Form" :rules="step4FormRules" label-width="100px" label-position="right">
|
|
|
- <h4>说明：将按照T+N天自动把销售订单“待结算”状态转为“可提现”状态，T为订单支付成功的日期。</h4>
|
|
|
- <h5>自动结算频率</h5>
|
|
|
+ <h4>说明：将按照T+N天自动把销售订单“待结算”状态转为“可提现”状态，T为订单支付成功的日期。</h4>
|
|
|
+ <h5>自动结算频率</h5>
|
|
|
<el-form-item label="N等于" prop="dayNum">
|
|
|
- <el-input v-model="step4Form.dayNum" style="width: 220px;margin-right: 20px;" autocomplete="off" placeholder="请输入天数" type="number"></el-input>
|
|
|
- 天<span style="color: #EA8000;margin-left: 30px;">将在订单支付成功后T+{{step4Form.dayNum}}天{{step4Form.hourTime}}执行一次</span>
|
|
|
+ <el-input v-model="step4Form.dayNum" style="width: 220px;margin-right: 20px;" autocomplete="off"
|
|
|
+ placeholder="请输入天数" type="number"></el-input>
|
|
|
+ 天<span style="color: #EA8000;margin-left: 30px;">将在订单支付成功后T+{{ step4Form.dayNum }}天{{ step4Form.hourTime
|
|
|
+ }}执行一次</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="执行时间" prop="hourTime">
|
|
|
+ <el-time-picker v-model="step4Form.hourTime" value-format="HH:mm:ss" placeholder="选择执行时间">
|
|
|
+ </el-time-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="执行时间" prop="hourTime">
|
|
|
- <el-time-picker v-model="step4Form.hourTime" value-format="HH:mm:ss" placeholder="选择执行时间">
|
|
|
- </el-time-picker>
|
|
|
- </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
|
|
|
<div v-show="step == 'five'">
|
|
|
<el-form label-width="100px" label-position="right">
|
|
|
- <el-upload
|
|
|
- class="avatar-uploader"
|
|
|
- :action="baseURL + 'common/upload'"
|
|
|
- :headers="myHeaders"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="uploadSuccess"
|
|
|
- :before-upload="beforeUpload">
|
|
|
+ <el-upload class="avatar-uploader" :action="baseURL + 'common/upload'" :headers="myHeaders"
|
|
|
+ :show-file-list="false" :on-success="uploadSuccess" :before-upload="beforeUpload">
|
|
|
</el-upload>
|
|
|
- <el-form-item label="公众号" prop="imgUrl">
|
|
|
+ <el-form-item label="小程序" prop="imgUrl">
|
|
|
<div class="images">
|
|
|
<div class="main-img">
|
|
|
- <div class="img" v-if="img1_url" @mouseover="img1_hover = true;" @mouseout="img1_hover = false;">
|
|
|
- <el-image ref="img1" :src="img1_url" :preview-src-list="[img1_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
- <div class="mask" v-show="img1_hover">
|
|
|
- <i class="el-icon-zoom-in" @click="previewImage('img1')"></i>
|
|
|
- <i class="el-icon-upload2" @click="uploadImage('img1')"></i>
|
|
|
+ <div class="img" v-if="qrcode1_url" @mouseover="qrcode1_hover = true;" @mouseout="qrcode1_hover = false;">
|
|
|
+ <el-image ref="qrcode1" :src="qrcode1_url" :preview-src-list="[qrcode1_url]"
|
|
|
+ style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
+ <div class="mask" v-show="qrcode1_hover">
|
|
|
+ <i class="el-icon-zoom-in" @click="previewImage('qrcode1')"></i>
|
|
|
+ <i class="el-icon-upload2" @click="uploadImage('qrcode1')"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="add" v-else @click="uploadImage('img1')">
|
|
|
+ <div class="add" v-else @click="uploadImage('qrcode1')">
|
|
|
<i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -232,17 +235,18 @@
|
|
|
<span>建议尺寸：400*400</span>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="小程序" prop="imgUrl">
|
|
|
+ <el-form-item label="公众号" prop="imgUrl">
|
|
|
<div class="images">
|
|
|
<div class="main-img">
|
|
|
- <div class="img" v-if="img2_url" @mouseover="img2_hover = true;" @mouseout="img2_hover = false;">
|
|
|
- <el-image ref="img2" :src="img2_url" :preview-src-list="[img2_url]" style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
- <div class="mask" v-show="img2_hover">
|
|
|
- <i class="el-icon-zoom-in" @click="previewImage('img2')"></i>
|
|
|
- <i class="el-icon-upload2" @click="uploadImage('img2')"></i>
|
|
|
+ <div class="img" v-if="qrcode2_url" @mouseover="qrcode2_hover = true;" @mouseout="qrcode2_hover = false;">
|
|
|
+ <el-image ref="qrcode2" :src="qrcode2_url" :preview-src-list="[qrcode2_url]"
|
|
|
+ style="width: 120px; height: 120px" fit="contain"></el-image>
|
|
|
+ <div class="mask" v-show="qrcode2_hover">
|
|
|
+ <i class="el-icon-zoom-in" @click="previewImage('qrcode2')"></i>
|
|
|
+ <i class="el-icon-upload2" @click="uploadImage('qrcode2')"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="add" v-else @click="uploadImage('img2')">
|
|
|
+ <div class="add" v-else @click="uploadImage('qrcode2')">
|
|
|
<i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -253,33 +257,36 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="page-footer">
|
|
|
+ <div class="page-footer">
|
|
|
<div class="footer" :class="classObj">
|
|
|
- <el-button type="primary" @click="submitStep2Form" :loading="formLoading" v-if="step == 'second'">{{ formLoading ? '保存中 ...' : '保 存' }}</el-button>
|
|
|
- <el-button type="primary" @click="submitStep3Form" :loading="formLoading" v-if="step == 'third'">{{ formLoading ? '保存中 ...' : '保 存' }}</el-button>
|
|
|
- <el-button type="primary" @click="submitStep4Form" :loading="formLoading" v-if="step == 'four'">{{ formLoading ? '保存中 ...' : '保 存' }}</el-button>
|
|
|
- <el-popconfirm
|
|
|
- title="确定关闭吗？"
|
|
|
- @confirm="goBack"
|
|
|
- style="margin-left: 10px;"
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="submitStep2Form" :loading="formLoading" v-if="step == 'second'">{{ formLoading ?
|
|
|
+ '保存中 ...' : '保 存' }}</el-button>
|
|
|
+ <el-button type="primary" @click="submitStep3Form" :loading="formLoading" v-if="step == 'third'">{{ formLoading ?
|
|
|
+ '保存中 ...' : '保 存' }}</el-button>
|
|
|
+ <el-button type="primary" @click="submitStep4Form" :loading="formLoading" v-if="step == 'four'">{{ formLoading ?
|
|
|
+ '保存中 ...' : '保 存' }}</el-button>
|
|
|
+ <el-button type="primary" @click="submitStep5Form" :loading="formLoading" v-if="step == 'five'">{{ formLoading ?
|
|
|
+ '保存中 ...' : '保 存' }}</el-button>
|
|
|
+ <el-popconfirm title="确定关闭吗？" @confirm="goBack" style="margin-left: 10px;">
|
|
|
<el-button slot="reference">关 闭</el-button>
|
|
|
</el-popconfirm>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<!-- 重置密码 -->
|
|
|
- <el-dialog title="重置密码" :visible.sync="resetFormVisible" :show-close="false" width="40%" :close-on-click-modal="false">
|
|
|
+ <el-dialog title="重置密码" :visible.sync="resetFormVisible" :show-close="false" width="40%"
|
|
|
+ :close-on-click-modal="false">
|
|
|
<el-form ref="resetForm" :model="resetForm" :rules="resetFormRules" label-position="left" label-width="100px">
|
|
|
<el-form-item label="输入新密码" prop="newPassword">
|
|
|
- <el-input v-model="resetForm.newPassword" ref="password1" autocomplete="off" placeholder="请输入新密码" :type="passwordType1"></el-input>
|
|
|
+ <el-input v-model="resetForm.newPassword" ref="password1" autocomplete="off" placeholder="请输入新密码"
|
|
|
+ :type="passwordType1"></el-input>
|
|
|
<span class="show-pwd" @click="showPwd(1)">
|
|
|
<svg-icon :icon-class="passwordType1 === 'password' ? 'eye' : 'eye-open'" />
|
|
|
</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="确认密码" prop="confirmPassword">
|
|
|
- <el-input v-model="resetForm.confirmPassword" ref="password2" autocomplete="off" placeholder="请再次输入新密码" :type="passwordType2"></el-input>
|
|
|
+ <el-input v-model="resetForm.confirmPassword" ref="password2" autocomplete="off" placeholder="请再次输入新密码"
|
|
|
+ :type="passwordType2"></el-input>
|
|
|
<span class="show-pwd" @click="showPwd(2)">
|
|
|
<svg-icon :icon-class="passwordType2 === 'password' ? 'eye' : 'eye-open'" />
|
|
|
</span>
|
|
|
@@ -325,7 +332,7 @@ export default {
|
|
|
};
|
|
|
return {
|
|
|
baseURL: process.env.VUE_APP_BASE_API,
|
|
|
- myHeaders: {'x-token': getToken()},
|
|
|
+ myHeaders: { 'x-token': getToken() },
|
|
|
id: null,
|
|
|
companyWechatId: null,
|
|
|
step: 'first',
|
|
|
@@ -351,6 +358,10 @@ export default {
|
|
|
img2_hover: false,
|
|
|
img3_url: '',
|
|
|
img3_hover: false,
|
|
|
+ qrcode1_url: '',
|
|
|
+ qrcode1_hover: false,
|
|
|
+ qrcode2_url: '',
|
|
|
+ qrcode2_hover: false,
|
|
|
|
|
|
resetFormVisible: false,
|
|
|
resetForm: {
|
|
|
@@ -397,18 +408,18 @@ export default {
|
|
|
// { required: true, message: '请输入小程序（Secret）', trigger: 'blur' }
|
|
|
],
|
|
|
},
|
|
|
- step4Form: {
|
|
|
- dayNum: '',
|
|
|
- hourTime: ''
|
|
|
- },
|
|
|
- step4FormRules: {
|
|
|
- dayNum: [
|
|
|
- { required: true, message: '请输入天数', trigger: 'blur' }
|
|
|
- ],
|
|
|
- hourTime: [
|
|
|
- { required: true, message: '请选择执行时间', trigger: 'change' }
|
|
|
- ],
|
|
|
- },
|
|
|
+ step4Form: {
|
|
|
+ dayNum: '',
|
|
|
+ hourTime: ''
|
|
|
+ },
|
|
|
+ step4FormRules: {
|
|
|
+ dayNum: [
|
|
|
+ { required: true, message: '请输入天数', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ hourTime: [
|
|
|
+ { required: true, message: '请选择执行时间', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ },
|
|
|
|
|
|
formLoading: false,
|
|
|
}
|
|
|
@@ -429,11 +440,11 @@ export default {
|
|
|
this.id = id;
|
|
|
this.getDetail();
|
|
|
|
|
|
- if(type === 1) {
|
|
|
+ if (type === 1) {
|
|
|
this.step = 'first';
|
|
|
- }else if(type === 2) {
|
|
|
+ } else if (type === 2) {
|
|
|
this.step = 'second';
|
|
|
- }else if(type === 3) {
|
|
|
+ } else if (type === 3) {
|
|
|
this.step = 'third';
|
|
|
}
|
|
|
},
|
|
|
@@ -444,7 +455,7 @@ export default {
|
|
|
|
|
|
// 获取详情
|
|
|
getDetail() {
|
|
|
- getDetail({adminUserId: this.id}).then(res => {
|
|
|
+ getDetail({ adminUserId: this.id }).then(res => {
|
|
|
this.step1Form.account = res.data.userName;
|
|
|
this.step1Form.nickName = res.data.nickName;
|
|
|
this.step1Form.appName = res.data.minAppName;
|
|
|
@@ -457,6 +468,8 @@ export default {
|
|
|
this.img1_url = res.data.minLogo1;
|
|
|
this.img2_url = res.data.minLogo2;
|
|
|
this.img3_url = res.data.minLogo3;
|
|
|
+ this.qrcode1_url = res.data.qrcode1;
|
|
|
+ this.qrcode2_url = res.data.qrcode2;
|
|
|
|
|
|
this.step3Form.enterpriseId = res.data.corpId;
|
|
|
this.step3Form.listSecret = res.data.secret2;
|
|
|
@@ -471,9 +484,9 @@ export default {
|
|
|
this.step3Form.childMerchantId = res.data.subMchId;
|
|
|
this.step3Form.templateId = res.data.template;
|
|
|
this.companyWechatId = res.data.companyWechatId;
|
|
|
-
|
|
|
- this.step4Form.dayNum = res.data.dayNum
|
|
|
- this.step4Form.hourTime = res.data.hourTime
|
|
|
+
|
|
|
+ this.step4Form.dayNum = res.data.dayNum
|
|
|
+ this.step4Form.hourTime = res.data.hourTime
|
|
|
})
|
|
|
},
|
|
|
|
|
|
@@ -484,7 +497,7 @@ export default {
|
|
|
},
|
|
|
|
|
|
// 取消重置密码
|
|
|
- cancelResetForm(){
|
|
|
+ cancelResetForm() {
|
|
|
this.resetFormVisible = false;
|
|
|
this.passwordType1 = 'password';
|
|
|
this.passwordType2 = 'password';
|
|
|
@@ -510,7 +523,7 @@ export default {
|
|
|
|
|
|
// 显示隐藏密码
|
|
|
showPwd(num) {
|
|
|
- if(num == 1) {
|
|
|
+ if (num == 1) {
|
|
|
if (this.passwordType1 === 'password') {
|
|
|
this.passwordType1 = ''
|
|
|
} else {
|
|
|
@@ -520,7 +533,7 @@ export default {
|
|
|
this.$refs.password1.focus()
|
|
|
})
|
|
|
}
|
|
|
- if(num == 2) {
|
|
|
+ if (num == 2) {
|
|
|
if (this.passwordType2 === 'password') {
|
|
|
this.passwordType2 = ''
|
|
|
} else {
|
|
|
@@ -558,13 +571,13 @@ export default {
|
|
|
|
|
|
|
|
|
submitStep2Form() {
|
|
|
- if(!this.img1_url) {
|
|
|
+ if (!this.img1_url) {
|
|
|
return this.$errorMsg('请上传主logo');
|
|
|
}
|
|
|
- if(!this.img2_url) {
|
|
|
+ if (!this.img2_url) {
|
|
|
return this.$errorMsg('请上传通用logo');
|
|
|
}
|
|
|
- if(!this.img3_url) {
|
|
|
+ if (!this.img3_url) {
|
|
|
return this.$errorMsg('请上传头像logo');
|
|
|
}
|
|
|
this.formLoading = true;
|
|
|
@@ -617,163 +630,208 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
- submitStep4Form(){
|
|
|
- this.$refs.step4Form.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- this.formLoading = true;
|
|
|
-
|
|
|
- let params = {
|
|
|
- adminUserId: this.id,
|
|
|
- companyWechatId: this.companyWechatId,
|
|
|
- dayNum: this.step4Form.dayNum,
|
|
|
- hourTime: this.step4Form.hourTime,
|
|
|
- }
|
|
|
- editAccount(params).then(res => {
|
|
|
- this.$successMsg('保存成功');
|
|
|
- setTimeout(() => {
|
|
|
- this.goBack();
|
|
|
- }, 1500)
|
|
|
- }).finally(res => {
|
|
|
- this.formLoading = false;
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
+
|
|
|
+ submitStep4Form() {
|
|
|
+ this.$refs.step4Form.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.formLoading = true;
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ adminUserId: this.id,
|
|
|
+ companyWechatId: this.companyWechatId,
|
|
|
+ dayNum: this.step4Form.dayNum,
|
|
|
+ hourTime: this.step4Form.hourTime,
|
|
|
+ }
|
|
|
+ editAccount(params).then(res => {
|
|
|
+ this.$successMsg('保存成功');
|
|
|
+ setTimeout(() => {
|
|
|
+ this.goBack();
|
|
|
+ }, 1500)
|
|
|
+ }).finally(res => {
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submitStep5Form() {
|
|
|
+ if (!this.qrcode1_url) {
|
|
|
+ return this.$errorMsg('请上传小程序图片');
|
|
|
+ }
|
|
|
+ if (!this.qrcode2_url) {
|
|
|
+ return this.$errorMsg('请上传公众号图片');
|
|
|
+ }
|
|
|
+ this.formLoading = true;
|
|
|
+ let params = {
|
|
|
+ adminUserId: this.id,
|
|
|
+ qrcode1: this.qrcode1_url,
|
|
|
+ qrcode2: this.qrcode2_url,
|
|
|
+ companyWechatId: this.companyWechatId
|
|
|
+ }
|
|
|
+ editAccount(params).then(res => {
|
|
|
+ this.$successMsg('保存成功');
|
|
|
+ setTimeout(() => {
|
|
|
+ this.goBack();
|
|
|
+ }, 1500)
|
|
|
+ }).finally(res => {
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .setting_title {
|
|
|
- padding-left: 0;
|
|
|
- }
|
|
|
- .tips {
|
|
|
+.setting_title {
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.tips {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.my-card {
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ .box {
|
|
|
+ background: rgb(235, 240, 249);
|
|
|
+ padding: 10px;
|
|
|
font-size: 14px;
|
|
|
- }
|
|
|
- .my-card {
|
|
|
- margin-top: 20px;
|
|
|
- .box {
|
|
|
- background: rgb(235, 240, 249);
|
|
|
- padding: 10px;
|
|
|
- font-size: 14px;
|
|
|
- margin: 20px 0;
|
|
|
- line-height: 18px;
|
|
|
- ::v-deep .el-link {
|
|
|
- vertical-align: unset;
|
|
|
- }
|
|
|
+ margin: 20px 0;
|
|
|
+ line-height: 18px;
|
|
|
+
|
|
|
+ ::v-deep .el-link {
|
|
|
+ vertical-align: unset;
|
|
|
}
|
|
|
}
|
|
|
- .my-form {
|
|
|
- width: 450px;
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
- .show-pwd {
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- top: 0;
|
|
|
- font-size: 16px;
|
|
|
- cursor: pointer;
|
|
|
- user-select: none;
|
|
|
- }
|
|
|
- .question {
|
|
|
- position: absolute;
|
|
|
- right: -30px;
|
|
|
- top: 0;
|
|
|
- font-size: 20px;
|
|
|
- cursor: pointer;
|
|
|
- user-select: none;
|
|
|
- }
|
|
|
- .reset {
|
|
|
- position: absolute;
|
|
|
- right: -110px;
|
|
|
- top: 0;
|
|
|
- }
|
|
|
- .my-form2 {
|
|
|
- ::v-deep input {
|
|
|
- width: 400px;
|
|
|
- }
|
|
|
+}
|
|
|
+
|
|
|
+.my-form {
|
|
|
+ width: 450px;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.show-pwd {
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ top: 0;
|
|
|
+ font-size: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+
|
|
|
+.question {
|
|
|
+ position: absolute;
|
|
|
+ right: -30px;
|
|
|
+ top: 0;
|
|
|
+ font-size: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+
|
|
|
+.reset {
|
|
|
+ position: absolute;
|
|
|
+ right: -110px;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.my-form2 {
|
|
|
+ ::v-deep input {
|
|
|
+ width: 400px;
|
|
|
}
|
|
|
- .tips {
|
|
|
- margin-top: 10px;
|
|
|
- span {
|
|
|
- display: inline-block;
|
|
|
- width: 300px;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- background: #ffefef;
|
|
|
- font-size: 14px;
|
|
|
- color: #f66460;
|
|
|
- }
|
|
|
+}
|
|
|
+
|
|
|
+.tips {
|
|
|
+ margin-top: 10px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 300px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ background: #ffefef;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #f66460;
|
|
|
}
|
|
|
- .images {
|
|
|
+}
|
|
|
+
|
|
|
+.images {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+ .main-img {
|
|
|
display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- .main-img {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- width: 120px;
|
|
|
- margin-right: 20px;
|
|
|
- .img {
|
|
|
- border: 1px dashed #eaeaea;
|
|
|
- border-radius: 5px;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
- .el-image {
|
|
|
- display: block;
|
|
|
- }
|
|
|
- .mask {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 120px;
|
|
|
- height: 120px;
|
|
|
- background: rgba($color: #000000, $alpha: 0.3);
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- i {
|
|
|
- font-size: 20px;
|
|
|
- color: #ffffff;
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 8px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .text {
|
|
|
- font-size: 14px;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- }
|
|
|
- .add {
|
|
|
- width: 120px;
|
|
|
- height: 120px;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 120px;
|
|
|
+ margin-right: 20px;
|
|
|
+
|
|
|
+ .img {
|
|
|
border: 1px dashed #eaeaea;
|
|
|
border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- i {
|
|
|
- font-size: 30px;
|
|
|
- color: #999;
|
|
|
- }
|
|
|
- }
|
|
|
- .tmp-img {
|
|
|
+ overflow: hidden;
|
|
|
position: relative;
|
|
|
- .tmp {
|
|
|
+
|
|
|
+ .el-image {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mask {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
- line-height: 20px;
|
|
|
- padding: 0 8px;
|
|
|
- background: #f66460;
|
|
|
- border-radius: 0 0 10px 0;
|
|
|
- font-size: 12px;
|
|
|
- color: #ffffff;
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ background: rgba($color: #000000, $alpha: 0.3);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ i {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #ffffff;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 8px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .add {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ border: 1px dashed #eaeaea;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ i {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
+ .tmp-img {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .tmp {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ line-height: 20px;
|
|
|
+ padding: 0 8px;
|
|
|
+ background: #f66460;
|
|
|
+ border-radius: 0 0 10px 0;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
linwenxin