|
|
@@ -0,0 +1,672 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+
|
|
|
+ <el-tabs v-model="step">
|
|
|
+ <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-tabs>
|
|
|
+
|
|
|
+ <div v-show="step == 'first'">
|
|
|
+ <el-form class="my-form" ref="step1Form" :model="step1Form" label-width="100px" label-position="right">
|
|
|
+ <el-form-item label="商户账号" prop="account">
|
|
|
+ <el-input v-model="step1Form.account" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="账户昵称" prop="nickName">
|
|
|
+ <el-input v-model="step1Form.nickName" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="小程序名称" prop="appName">
|
|
|
+ <el-input v-model="step1Form.appName" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="负责人" prop="chargePerson">
|
|
|
+ <el-input v-model="step1Form.chargePerson" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系电话" prop="phone">
|
|
|
+ <el-input v-model="step1Form.phone" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电子邮箱" prop="email">
|
|
|
+ <el-input v-model="step1Form.email" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="地址" prop="address">
|
|
|
+ <el-input v-model="step1Form.address" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="登录密码" prop="password">
|
|
|
+ <el-input v-model="step1Form.password" type="password" disabled></el-input>
|
|
|
+ <el-button class="reset" @click="handleReset()">重置密码</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item class="tr">
|
|
|
+ <el-button type="primary" @click="submitStep1Form">保存</el-button>
|
|
|
+ </el-form-item> -->
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ <div class="add" v-else @click="uploadImage('img1')">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </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>
|
|
|
+ <div class="tmp">示例图</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tips">
|
|
|
+ <span>建议尺寸：400*400</span>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="通用logo" 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>
|
|
|
+ </div>
|
|
|
+ <div class="add" v-else @click="uploadImage('img2')">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </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>
|
|
|
+ <div class="tmp">示例图</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tips">
|
|
|
+ <span>建议尺寸：280*60</span>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="头像logo" prop="imgUrl">
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="add" v-else @click="uploadImage('img3')">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </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>
|
|
|
+ <div class="tmp">示例图</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tips">
|
|
|
+ <span>建议尺寸：400*400</span>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <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-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>
|
|
|
+ <el-form-item label="企业ID" prop="enterpriseId">
|
|
|
+ <el-input v-model="step3Form.enterpriseId" autocomplete="off" placeholder="请输入企业ID"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card shadow="never" class="my-card">
|
|
|
+ <div class="title">2.配置通讯录密钥（Secret）</div>
|
|
|
+ <div class="box">进入<el-link type="primary" :underline="false" href="https://element.eleme.io" target="_blank">企业微信</el-link>打开【客户联系】-选择【客户】-展开右侧【API】。将外部联系人Secret复制并填写到下方输入框中。如果外部联系人Secret不更新，请将更新后的外部联系人Secret更新复制更新到下方输入框中。</div>
|
|
|
+ <el-form-item label="通讯录密钥（Secret）" prop="listSecret">
|
|
|
+ <el-input v-model="step3Form.listSecret" autocomplete="off" placeholder="请输入通讯录密钥（Secret）"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div class="title">配置通讯录同步密钥（Secret）</div>
|
|
|
+ <div class="box">进入<el-link type="primary" :underline="false" href="https://element.eleme.io" target="_blank">企业微信</el-link>打开【管理工具】-选择【通讯录同步】-获取通讯录同步Secret。将通讯录同步Secret复制并填写到下方输入框中。如果通讯录同步Secret不更新，请将更新后的通讯录同步Secret更新复制更新到下方输入框中。</div>
|
|
|
+ <el-form-item label="通讯录同步密钥（Secret）" prop="listSyncSecret">
|
|
|
+ <el-input v-model="step3Form.listSyncSecret" autocomplete="off" placeholder="请输入通讯录同步密钥（Secret）"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card shadow="never" class="my-card">
|
|
|
+ <div class="title">3.配置小程序</div>
|
|
|
+ <div class="box">进入<el-link type="primary" :underline="false" href="https://element.eleme.io" target="_blank">企业微信</el-link>打开【应用管理】-选择【应用】-选择【小程序】-获取小程序AgentiD、小程序Secret。将小程序AgentiD、小程序Secret复制并填写到下方输入框中。</div>
|
|
|
+ <el-form-item label="小程序（AgentiD）" prop="appAgentId">
|
|
|
+ <el-input v-model="step3Form.appAgentId" autocomplete="off" placeholder="请输入小程序（AgentiD）"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="小程序（Secret）" prop="appSecret">
|
|
|
+ <el-input v-model="step3Form.appSecret" autocomplete="off" placeholder="请输入小程序（Secret）"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card shadow="never" class="my-card">
|
|
|
+ <div class="title" style="margin-bottom: 20px;">4.其他基础配置</div>
|
|
|
+ <el-form-item label="小程序appId" prop="appId">
|
|
|
+ <el-input v-model="step3Form.appId" autocomplete="off" placeholder="请输入小程序appId"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="商户号Id" prop="merchantId">
|
|
|
+ <el-input v-model="step3Form.merchantId" autocomplete="off" placeholder="请输入商户号Id"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="商户号Key" prop="merchantKey">
|
|
|
+ <el-input v-model="step3Form.merchantKey" autocomplete="off" placeholder="请输入商户号Key"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="子appId" prop="childAppId">
|
|
|
+ <el-input v-model="step3Form.childAppId" autocomplete="off" placeholder="请输入子appId"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="子密钥" prop="childKey">
|
|
|
+ <el-input v-model="step3Form.childKey" autocomplete="off" placeholder="请输入子密钥"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="子商户号Id" prop="childMerchantId">
|
|
|
+ <el-input v-model="step3Form.childMerchantId" autocomplete="off" placeholder="请输入子商户号Id"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="微信订阅模版" prop="templateId">
|
|
|
+ <el-input v-model="step3Form.templateId" autocomplete="off" placeholder="请输入微信订阅模版"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-card>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <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-popconfirm
|
|
|
+ title="确定关闭吗？"
|
|
|
+ @onConfirm="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-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>
|
|
|
+ <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>
|
|
|
+ <span class="show-pwd" @click="showPwd(2)">
|
|
|
+ <svg-icon :icon-class="passwordType2 === 'password' ? 'eye' : 'eye-open'" />
|
|
|
+ </span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="cancelResetForm">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitResetForm">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { getToken } from '@/utils/auth'
|
|
|
+import { getDetail, resetPassword, editAccount } from "@/api/merchant";
|
|
|
+
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ var validatePass = (rule, value, callback) => {
|
|
|
+ if (value === '') {
|
|
|
+ callback(new Error('请输入登录密码'));
|
|
|
+ } else if (value.length < 12) {
|
|
|
+ callback(new Error('密码长度至少12位'));
|
|
|
+ } else if (/[A-Za-z].*[0-9]|[0-9].*[A-Za-z]/.test(value) == false) {
|
|
|
+ callback(new Error('密码必须包含数字和字母'));
|
|
|
+ } else {
|
|
|
+ if (this.resetForm.confirmPassword !== '') {
|
|
|
+ this.$refs.resetForm.validateField('confirmPassword');
|
|
|
+ }
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var validatePass2 = (rule, value, callback) => {
|
|
|
+ if (value === '') {
|
|
|
+ callback(new Error('请再次输入密码'));
|
|
|
+ } else if (value !== this.resetForm.newPassword) {
|
|
|
+ callback(new Error('两次输入密码不一致'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ baseURL: process.env.VUE_APP_BASE_API,
|
|
|
+ myHeaders: {'x-token': getToken()},
|
|
|
+ id: null,
|
|
|
+ companyWechatId: null,
|
|
|
+ step: 'first',
|
|
|
+ step1Form: {
|
|
|
+ account: '', // 账号
|
|
|
+ nickName: '', // 用户名
|
|
|
+ appName: '', // 小程序名称
|
|
|
+ chargePerson: '', // 负责人
|
|
|
+ phone: '', // 联系电话
|
|
|
+ email: '', // 电子邮箱
|
|
|
+ address: '', // 地址
|
|
|
+ newPassword: '', // 新密码
|
|
|
+ confirmPassword: '', // 确认密码
|
|
|
+ },
|
|
|
+
|
|
|
+ passwordType1: 'password',
|
|
|
+ passwordType2: 'password',
|
|
|
+
|
|
|
+ uploadImageType: null,
|
|
|
+ img1_url: '',
|
|
|
+ img1_hover: false,
|
|
|
+ img2_url: '',
|
|
|
+ img2_hover: false,
|
|
|
+ img3_url: '',
|
|
|
+ img3_hover: false,
|
|
|
+
|
|
|
+ resetFormVisible: false,
|
|
|
+ resetForm: {
|
|
|
+ newPassword: '', // 新密码
|
|
|
+ confirmPassword: '', // 确认密码
|
|
|
+ },
|
|
|
+ resetFormRules: {
|
|
|
+ newPassword: [
|
|
|
+ { required: true, validator: validatePass, trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ confirmPassword: [
|
|
|
+ { required: true, validator: validatePass2, trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+
|
|
|
+ step3Form: {
|
|
|
+ enterpriseId: '',
|
|
|
+ listSecret: '',
|
|
|
+ listSyncSecret: '',
|
|
|
+ appAgentId: '',
|
|
|
+ appSecret: '',
|
|
|
+ appId: '',
|
|
|
+ merchantId: '',
|
|
|
+ merchantKey: '',
|
|
|
+ childAppId: '',
|
|
|
+ childKey: '',
|
|
|
+ childMerchantId: '',
|
|
|
+ templateId: '',
|
|
|
+ },
|
|
|
+ step3FormRules: {
|
|
|
+ enterpriseId: [
|
|
|
+ { required: true, message: '请输入企业ID', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ listSecret: [
|
|
|
+ { required: true, message: '请输入通讯录密钥（Secret）', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ listSyncSecret: [
|
|
|
+ { required: true, message: '请输入通讯录同步密钥（Secret）', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ appAgentId: [
|
|
|
+ { required: true, message: '请输入小程序（AgentiD）', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ appSecret: [
|
|
|
+ { required: true, message: '请输入小程序（Secret）', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+
|
|
|
+ formLoading: false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ sidebar() {
|
|
|
+ return this.$store.state.app.sidebar
|
|
|
+ },
|
|
|
+ classObj() {
|
|
|
+ return {
|
|
|
+ hideSidebar: !this.sidebar.opened,
|
|
|
+ openSidebar: this.sidebar.opened
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ const { id, type } = this.$route.query;
|
|
|
+ this.id = id;
|
|
|
+ this.getDetail();
|
|
|
+
|
|
|
+ if(type === 1) {
|
|
|
+ this.step = 'first';
|
|
|
+ }else if(type === 2) {
|
|
|
+ this.step = 'second';
|
|
|
+ }else if(type === 3) {
|
|
|
+ this.step = 'third';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goBack() {
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取详情
|
|
|
+ getDetail() {
|
|
|
+ getDetail({adminUserId: this.id}).then(res => {
|
|
|
+ this.step1Form.account = res.data.userName;
|
|
|
+ this.step1Form.nickName = res.data.nickName;
|
|
|
+ this.step1Form.appName = res.data.minAppName;
|
|
|
+ this.step1Form.chargePerson = res.data.linkName;
|
|
|
+ this.step1Form.phone = res.data.linkPhone;
|
|
|
+ this.step1Form.email = res.data.email;
|
|
|
+ this.step1Form.address = res.data.address;
|
|
|
+ this.step1Form.password = '************';
|
|
|
+
|
|
|
+ this.img1_url = res.data.minLogo1;
|
|
|
+ this.img2_url = res.data.minLogo2;
|
|
|
+ this.img3_url = res.data.minLogo3;
|
|
|
+
|
|
|
+ this.step3Form.enterpriseId = res.data.corpId;
|
|
|
+ this.step3Form.listSecret = res.data.secret2;
|
|
|
+ this.step3Form.listSyncSecret = res.data.secret3;
|
|
|
+ this.step3Form.appAgentId = res.data.agentId1;
|
|
|
+ this.step3Form.appSecret = res.data.secret1;
|
|
|
+ this.step3Form.appId = res.data.appId;
|
|
|
+ this.step3Form.merchantId = res.data.mchId;
|
|
|
+ this.step3Form.merchantKey = res.data.mchKey;
|
|
|
+ this.step3Form.childAppId = res.data.subAppId;
|
|
|
+ this.step3Form.childKey = res.data.subSecret;
|
|
|
+ this.step3Form.childMerchantId = res.data.subMchId;
|
|
|
+ this.step3Form.templateId = res.data.template;
|
|
|
+ this.companyWechatId = res.data.companyWechatId;
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 重置密码
|
|
|
+ handleReset(id) {
|
|
|
+ this.resetId = id;
|
|
|
+ this.resetFormVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ // 取消重置密码
|
|
|
+ cancelResetForm(){
|
|
|
+ this.resetFormVisible = false;
|
|
|
+ this.passwordType1 = 'password';
|
|
|
+ this.passwordType2 = 'password';
|
|
|
+ this.$refs.resetForm.resetFields();
|
|
|
+ },
|
|
|
+
|
|
|
+ // 提交重置密码
|
|
|
+ submitResetForm() {
|
|
|
+ this.$refs.resetForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ let params = {
|
|
|
+ password: this.resetForm.newPassword,
|
|
|
+ adminUserId: this.id
|
|
|
+ }
|
|
|
+ resetPassword(params).then(res => {
|
|
|
+ this.cancelResetForm();
|
|
|
+ this.getDetail();
|
|
|
+ this.$successMsg();
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 显示隐藏密码
|
|
|
+ showPwd(num) {
|
|
|
+ if(num == 1) {
|
|
|
+ if (this.passwordType1 === 'password') {
|
|
|
+ this.passwordType1 = ''
|
|
|
+ } else {
|
|
|
+ this.passwordType1 = 'password'
|
|
|
+ }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.password1.focus()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if(num == 2) {
|
|
|
+ if (this.passwordType2 === 'password') {
|
|
|
+ this.passwordType2 = ''
|
|
|
+ } else {
|
|
|
+ this.passwordType2 = 'password'
|
|
|
+ }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.password2.focus()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ uploadImage(type) {
|
|
|
+ this.uploadImageType = type;
|
|
|
+ document.querySelector('.avatar-uploader input').click();
|
|
|
+ },
|
|
|
+
|
|
|
+ // 上传图片
|
|
|
+ uploadSuccess(res, file) {
|
|
|
+ this[this.uploadImageType + '_url'] = res.data.url;
|
|
|
+ },
|
|
|
+
|
|
|
+ beforeUpload(file) {
|
|
|
+ const fileSuffix = file.name.substring(file.name.lastIndexOf(".") + 1);
|
|
|
+ const whiteList = ['jpg', 'jpeg', 'png'];
|
|
|
+ if (whiteList.indexOf(fileSuffix) === -1) {
|
|
|
+ this.$errorMsg('只支持上传jpg/jpeg/png文件!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 预览图片
|
|
|
+ previewImage(type) {
|
|
|
+ this.$refs[type].showViewer = true;
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ submitStep2Form() {
|
|
|
+ if(!this.img1_url) {
|
|
|
+ return this.$errorMsg('请上传主logo');
|
|
|
+ }
|
|
|
+ if(!this.img2_url) {
|
|
|
+ return this.$errorMsg('请上传通用logo');
|
|
|
+ }
|
|
|
+ if(!this.img3_url) {
|
|
|
+ return this.$errorMsg('请上传头像logo');
|
|
|
+ }
|
|
|
+ this.formLoading = true;
|
|
|
+ let params = {
|
|
|
+ adminUserId: this.id,
|
|
|
+ minLogo1: this.img1_url,
|
|
|
+ minLogo2: this.img2_url,
|
|
|
+ minLogo3: this.img3_url,
|
|
|
+ companyWechatId: this.companyWechatId
|
|
|
+ }
|
|
|
+ editAccount(params).then(res => {
|
|
|
+ this.$successMsg('保存成功');
|
|
|
+ setTimeout(() => {
|
|
|
+ this.goBack();
|
|
|
+ }, 1500)
|
|
|
+ }).finally(res => {
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ submitStep3Form() {
|
|
|
+ this.$refs.step3Form.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.formLoading = true;
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ adminUserId: this.id,
|
|
|
+ corpId: this.step3Form.enterpriseId,
|
|
|
+ secret2: this.step3Form.listSecret,
|
|
|
+ secret3: this.step3Form.listSyncSecret,
|
|
|
+ agentId1: this.step3Form.appAgentId,
|
|
|
+ secret1: this.step3Form.appSecret,
|
|
|
+ appId: this.step3Form.appId,
|
|
|
+ mchId: this.step3Form.merchantId,
|
|
|
+ mchKey: this.step3Form.merchantKey,
|
|
|
+ subAppId: this.step3Form.childAppId,
|
|
|
+ subSecret: this.step3Form.childKey,
|
|
|
+ subMchId: this.step3Form.childMerchantId,
|
|
|
+ template: this.step3Form.templateId,
|
|
|
+ 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 {
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .images {
|
|
|
+ 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;
|
|
|
+ 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