Skip to content

G
gs1
Commit 34708a5f by Jianli Ou
Options

调整厂商实名认证首次，变更，修改信息逻辑 

对接修改手机号
parent 13cf1d96
Showing with 790 additions and 10 deletions
src/axios/module/myManage.js
...@@ -62,7 +62,22 @@ const tycpdmfirmReturnFile = (params = {}) => { ...@@ -62,7 +62,22 @@ const tycpdmfirmReturnFile = (params = {}) => {
const redirectGLN = () => { const redirectGLN = () => {
return POST(`${Prefix}/office/tycpdmfirm/authApi/redirectGLN`) return POST(`${Prefix}/office/tycpdmfirm/authApi/redirectGLN`)
} }
// 修改企业信息（不需审批）
const updateTycpdmFirmInfo = (params = {}) => {
return POST(`${Prefix}/office/tycpdmfirm/authApi/update`, params)
}
// 企业信息（不需审批）
const tycpdmFirmInfoNoAuth = (params = {}) => {
return POST(`${Prefix}/office/tycpdmfirm/authApi/findByUserName`, params)
}
// 获取验证码（修改手机号）
const getVerificationCode = (params = {}) => {
return POST(`${Prefix}/office/member/api/getVerificationCode`, params)
}
// //
const updatePhone = (params = {}) => {
return POST(`${Prefix}/office/member/authApi/updatephone`, params)
}
export default { export default {
memberInfo, memberInfo,
saveMemberInfo, saveMemberInfo,
...@@ -77,5 +92,9 @@ export default { ...@@ -77,5 +92,9 @@ export default {
tycpdmfirmChangeAuditList, tycpdmfirmChangeAuditList,
tycpdmfirmupdateSystem, tycpdmfirmupdateSystem,
tycpdmfirmReturnFile, tycpdmfirmReturnFile,
redirectGLN redirectGLN,
updateTycpdmFirmInfo,
tycpdmFirmInfoNoAuth,
getVerificationCode,
updatePhone
} }
src/router/index.js
...@@ -1032,6 +1032,14 @@ const routes = [ ...@@ -1032,6 +1032,14 @@ const routes = [
}, },
component: () => import("@/views/MyManage/UnVerify/changePhone.vue"), component: () => import("@/views/MyManage/UnVerify/changePhone.vue"),
}, },
{
path: "/MyManage/UnVerify/vendorModify",
name: "vendorModify",
meta: {
name: "修改企业信息",
},
component: () => import("@/views/MyManage/UnVerify/vendorModify.vue"),
},
// 系统成员 // 系统成员
{ {
path: "/MyManage/SystemMember/index", path: "/MyManage/SystemMember/index",
......
src/views/MyManage/UnVerify/changePhone.vue
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
</el-form> </el-form>
</div> </div>
<div class="btn-div"> <div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button> <el-button type="primary" @click="savePhone" style="width: 110px">保 存</el-button>
</div> </div>
...@@ -68,17 +68,37 @@ export default { ...@@ -68,17 +68,37 @@ export default {
mobile:'', mobile:'',
validate:'' validate:''
}, },
loginInfo: {},
memberInfo: {},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/, mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
} }
}, },
methods: { methods: {
async savePhone() {
const form = {
id: this.loginInfo.id,
phone: this.form.mobile,
verification: this.form.validate
}
const result = await this.$api.myManage.updatePhone(form)
if (result.success) {
this.$message.success('保存成功')
} else {
this.$message.error(result.returnMsg)
}
},
async sendValidateCode() {
sendValidateCode() {
if (this.form.mobile === '') { if (this.form.mobile === '') {
this.$message({type: 'error', message: '请输入手机号码'}); this.$message({type: 'error', message: '请输入手机号码'});
} else { } else {
const result = await this.$api.myManage.getVerificationCode({phone: this.form.mobile, userName: this.memberInfo.username})
if (result.success) {
this.$message.success('验证码已发送')
} else {
this.$message.error(result.returnMsg)
return
}
this.hasSent = true; this.hasSent = true;
this.timer = setInterval(() => { this.timer = setInterval(() => {
this.time -= 1; this.time -= 1;
...@@ -112,9 +132,14 @@ export default { ...@@ -112,9 +132,14 @@ export default {
resolve(true); resolve(true);
}); });
}, },
async getMemberInfo() {
this.memberInfo = (await this.$api.myManage.memberInfo({id: this.loginInfo.id})).data
}, },
},
mounted() {
this.loginInfo = JSON.parse(localStorage.getItem('loginInfo'))
this.getMemberInfo()
}
} }
</script> </script>
......
src/views/MyManage/UnVerify/index.vue
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
</div> </div>
</li> </li>
<!-- 校准已认证 --> <!-- 校准已认证 -->
<li> <li v-if="false">
<p class="content-title"> <p class="content-title">
检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请） 检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）
</p> </p>
......
src/views/MyManage/UnVerify/vendor.vue
...@@ -4,7 +4,11 @@ ...@@ -4,7 +4,11 @@
<p><i class="bi bi-exclamation-triangle-fill"></i>厂商实名认证（办理“进口商品信息通报、GLN”等业务需先完成此认证）</p> <p><i class="bi bi-exclamation-triangle-fill"></i>厂商实名认证（办理“进口商品信息通报、GLN”等业务需先完成此认证）</p>
</div> </div>
<div class="content"> <div class="content">
<div class="title">厂商实名认证——填写实名信息 <a href="/MyManage/UnVerify/index">返回我的首页</a></div> <div class="title">
{{status === 2 ? '变更厂商实名认证信息' : '厂商实名认证——填写实名信息'}}
<a v-if="status !== 2" href="/MyManage/UnVerify/index">返回我的首页</a>
<a v-else href="/MyManage/UnVerify/vendorModify">修改企业信息</a>
</div>
<div class="content-list"> <div class="content-list">
<p > <p >
<span>1.填写实名信息</span> <span>1.填写实名信息</span>
......
src/views/MyManage/UnVerify/vendorModify.vue 0 → 100644
<template>
<div class="container2" v-loading="uploading">
<div class="content">
<div class="title">
修改企业信息 <a href="/MyManage/UnVerify/vendor">变更厂商实名认证信息</a>
</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<p class="content-from-title">企业信息填报</p>
<el-form-item label='企业名称(中文)：'
prop='firmName'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input :disabled="true" v-model='form.firmName' autocomplete='off' placeholder="请输入企业中文名称"></el-input>
</el-form-item>
<el-form-item label='企业名称(英文)：'
prop='firmName1'
>
<el-input v-model='form.firmName1' autocomplete='off' placeholder="请输入企业英文名称"></el-input>
</el-form-item>
<el-form-item label='注册地址：'
prop='registerAddress'
:rules="[{
required: true,
message: '不能为空',
}]"
>
<el-input :disabled="true" placeholder="请输入注册地址" v-model="form.registerAddress" class="input-with-select">
<el-cascader
:disabled="true"
slot="prepend" placeholder="请选择" class="smallselect" style="margin: -10px -20px;"
v-model="form.political"
:options="cascadeRegion"
:props="{ expandTrigger: 'hover', label: 'label', value: 'code' }"
size="medium"
@change="politicalChangeEvent"></el-cascader>
<!-- <el-select v-model="form.political" @change="politicalChangeEvent" slot="prepend" placeholder="请选择" class="smallselect">-->
<!-- <el-option v-for="item in AdministrativeDivisionCode" :label="item.label" :value="item.value" :key="item.value"></el-option>-->
<!-- </el-select>-->
</el-input>
</el-form-item>
<el-form-item label='所属分支机构：'
prop='branchCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select :disabled="true" v-model="form.branchCode" placeholder="请选择所属分支机构" >
<el-option v-for="item in branchList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label='注册地址(英文)：'
prop='registerAddress1'
>
<el-input v-model='form.registerAddress1' autocomplete='off' placeholder="请输入英文注册地址"></el-input>
</el-form-item>
<el-form-item label='注册地址邮政编码：'
prop='postcode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.postcode' autocomplete='off' placeholder="请输入注册地址邮政编码"></el-input>
</el-form-item>
<el-form-item label='办公地址：'
prop='address'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.address' autocomplete='off' placeholder="请输入办公地址"></el-input>
</el-form-item>
<el-form-item label='办公地址(英文)：'
prop='address1'
>
<el-input v-model='form.address1' autocomplete='off' placeholder="请输入英文办公地址"></el-input>
</el-form-item>
<el-form-item label='办公地址邮政编码：'
prop='postcode1'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.postcode1' autocomplete='off' placeholder="请输入办公地址邮政编码"></el-input>
</el-form-item>
<p class="content-from-title">行政区域信息填报</p>
<el-form-item label='统一社会信用代码：'
prop='certificateCode'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input :disabled="true" v-model='form.certificateCode' autocomplete='off' placeholder="请输入统一社会信用代码"></el-input>
</el-form-item>
<el-form-item label='注册资金(万元)：'
prop='registerPrincipal'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input :disabled="true" v-model='form.registerPrincipal' autocomplete='off' placeholder="请输入注册资金(万元)"></el-input>
</el-form-item>
<el-form-item label='货币种类：'
prop='coinType'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select :disabled="true" v-model="form.coinType" placeholder="请选择货币种类" >
<el-option v-for="item in coinTypeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label='企业类别：'
prop='firmType'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.firmType" placeholder="请选择企业类别" >
<el-option v-for="item in firmTypeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label='经济类型代码：'
prop='dm'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.dm" placeholder="请选择经济类型代码" >
<el-option v-for="item in EconomicCategoryCode" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label='国民经济行业分类代码：'
prop='TJDm'
class="moreLong"
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select @focus="dialogVisible = true" v-model="form.TJDm" placeholder="请选择国民经济行业分类代码" >
<el-option v-for="item in NationalIndustryClassificationCode" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label='组织机构代码：'
prop='firmCode'
>
<el-input v-model='form.firmCode' autocomplete='off' placeholder="请输入组织机构代码"></el-input>
</el-form-item>
<p class="content-from-title">法定人信息填报</p>
<el-form-item label='法定代表人：'
prop='leader'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input :disabled="true" v-model='form.leader' autocomplete='off' placeholder="请输入法定代表人"></el-input>
</el-form-item>
<el-form-item label='法定代表人电话：'
prop='leaderTele'
>
<el-input v-model='form.leaderTele' autocomplete='off' placeholder="请输入法定代表人电话"></el-input>
</el-form-item>
<el-form-item label='法定代表人手机：'
prop='leaderHandset'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.leaderHandset' autocomplete='off' placeholder="请输入法定代表人手机"></el-input>
</el-form-item>
<el-form-item label='企业网址：'
prop='netStation'
>
<el-input v-model='form.netStation' autocomplete='off' placeholder="请输入企业网址："></el-input>
</el-form-item>
<el-form-item label='上传已年检企业营业执照扫描件'
prop='firmBusinessLicenseFile'
class="moreLong"
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.firmBusinessLicenseFile' autocomplete='off' type="file" style="display:none"></el-input>
<el-button :disabled="true" @click="uploadEvent" type="primary" style="width: 110px;height: 36px;">上传</el-button>
</el-form-item>
<p class="content-from-title">经办人信息填报</p>
<el-form-item label='经办人姓名：'
prop='contactman'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.contactman' autocomplete='off' placeholder="请输入经办人姓名"></el-input>
</el-form-item>
<el-form-item label='电话：'
prop='contactmanCtqh'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-input v-model='form.contactmanCtqh' autocomplete='off' placeholder="请输入电话"></el-input>
</el-form-item>
<el-form-item label='手机：'
prop='contactmanMp'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.contactmanMp' autocomplete='off' placeholder="请输入手机"></el-input>
</el-form-item>
<el-form-item label='传真：'
prop='contactmanFax'
>
<el-input v-model='form.contactmanFax' autocomplete='off' placeholder="请输入传真"></el-input>
</el-form-item>
<el-form-item label='E-mail：'
prop='contactmanEmail'
:rules="[{
required: true,
message: '不能为空',
},
{ type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}]">
<el-input v-model='form.contactmanEmail' autocomplete='off' placeholder="请输入E-mail"></el-input>
</el-form-item>
<p class="content-from-title">办理业务</p>
<el-form-item label='办理业务：'
prop='serviceType'
:rules="[{
required: true,
message: '不能为空',
}]">
<el-select v-model="form.serviceType" placeholder="请选择办理业务" >
<el-option v-for="item in serviceTypeList" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px" @click="submit">保 存</el-button>
</div>
</div>
<el-dialog
title="国民经济行业分类选项"
:visible.sync="dialogVisible"
top="20vh"
width="65%">
<div>
<t-j-dm-select @cancel="dialogVisible = false" :initSelect="form.TJDm" @confirm="confirmEvent"/>
</div>
</el-dialog>
</div>
</template>
<script>
import TJDmSelect from '../comps/TJDmSelect'
export default {
name: "index",
components: {
TJDmSelect
},
data() {
return {
dialogVisible: false,
uploading: false,
loginInfo: {},
memberInfo: {},
hasSent: false,
timer: null,
time: 60,
status: 0, // 1: 新增 2: 变更
form: {
firmName:'', // 企业名称
firmName1:'', // 企业名称（英文）
registerAddress:'', // 注册地址
political:'', // 注册地址地区编码 6位数字
branchCode:'', // 所属分支机构
registerAddress1:'', // 注册地址（英文）
postcode:'', // 注册地址邮政编码
address:'', // 办公地址
address1:'', // 办公地址（英文）
postcode1:'', // 办公地址邮政编码
certificateCode:'', // 统一社会信用代码
registerPrincipal:'', // 注册资金
coinType:'', // 货币种类 人民币、美元、欧元、港币、日元、英镑、德国马克、瑞士法郎、澳门元
firmType:'', // 企业类别
dm:'', // 经济类型代码
TJDm:'', // 国民经济行业分类代码
firmCode:'', // 组织机构代码
leader:'', // 法定代表人
leaderTele:'', // 法定代表人电话
leaderHandset:'', // 法定代表人手机
netStation:'', // 企业网址
firmBusinessLicenseFile: '', // 上传已年检企业营业执照扫描件
contactman:'', // 经办人姓名
contactmanCtqh:'', // 经办人电话 提交数据到接口时，区号和电话后8位需分开 区号存入contactmanCtqh字段，后8位存入contactmanTele字段
contactmanMp:'', // 经办人手机
contactmanFax:'', // 经办人传真
contactmanEmail:'', // 经办人邮箱
serviceType:'' // 办理业务
},
// form: {
// firmName:'企业名称', // 企业名称
// firmName1:'企业名称（英文）', // 企业名称（英文）
// registerAddress:'注册地址', // 注册地址
// political:'', // 注册地址地区编码 6位数字
// branchCode:'', // 所属分支机构
// registerAddress1:'注册地址（英文）', // 注册地址（英文）
// postcode:'注册地址邮政编码', // 注册地址邮政编码
// address:'办公地址', // 办公地址
// address1:'办公地址（英文）', // 办公地址（英文）
// postcode1:'办公地址邮政编码', // 办公地址邮政编码
// certificateCode:'统一社会信用代码', // 统一社会信用代码
// registerPrincipal:'注册资金', // 注册资金
// coinType:'', // 货币种类 人民币、美元、欧元、港币、日元、英镑、德国马克、瑞士法郎、澳门元
// firmType:'', // 企业类别
// dm:'', // 经济类型代码
// TJDm:'', // 国民经济行业分类代码
// firmCode:'组织机构代码', // 组织机构代码
// leader:'法定代表人', // 法定代表人
// leaderTele:'4286543', // 法定代表人电话
// leaderHandset:'13400000000', // 法定代表人手机
// netStation:'企业网址', // 企业网址
// firmBusinessLicenseFile: '上传的营业执照', // 上传已年检企业营业执照扫描件
// contactman:'经办人姓名', // 经办人姓名
// contactmanCtqh:'010-78767645', // 经办人电话 提交数据到接口时，区号和电话后8位需分开 区号存入contactmanCtqh字段，后8位存入contactmanTele字段
// contactmanMp:'15100000000', // 经办人手机
// contactmanFax:'传真', // 经办人传真
// contactmanEmail:'29289298@qq.com', // 经办人邮箱
// serviceType:'' // 办理业务
// },
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
cascadeRegion: window.CodeTable.cascadeRegion,
coinTypeList: [
{label: '人民币', value: '人民币'},
{label: '美元', value: '美元'},
{label: '欧元', value: '欧元'},
{label: '港币', value: '港币'},
{label: '日元', value: '日元'},
{label: '英镑', value: '英镑'},
{label: '德国马克', value: '德国马克'},
{label: '瑞士法郎', value: '瑞士法郎'},
{label: '澳门元', value: '澳门元'}
],
firmTypeList: [
{label: '单个生产企业', value: '单个生产企业'},
{label: '集团公司', value: '集团公司'},
{label: '进出口公司', value: '进出口公司'}
],
serviceTypeList: [
{label: '进口商品数据通报', value: '进口商品数据通报'},
{label: '申请全球位置码(GLN)', value: '申请全球位置码(GLN)'}
],
branchList: [],
AdministrativeDivisionCode: window.CodeTable.AdministrativeDivisionCodeHandle,
EconomicCategoryCode: window.CodeTable.EconomicCategoryCodeHandle,
NationalIndustryClassificationCode: window.CodeTable.NationalIndustryClassificationCodeHandle
}
},
methods: {
register() {
},
checkMobileReg(rule, value, callback) {
if (value !== '') {
if (this.mobilePattern.test(value)) {
callback();
} else {
callback(new Error('手机号码格式不正确'));
}
}
},
checkMobile() {
console.log('checkMobile');
return new Promise((resolve) => {
resolve(true);
});
},
submit(){
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
console.log(this.form)
this.form.political = this.form.political[this.form.political.length - 1]
this.form.contactmanTele = this.form.contactmanCtqh.substr(this.form.contactmanCtqh.indexOf('-')+1)
this.form.contactmanCtqh = this.form.contactmanCtqh.substr(0, this.form.contactmanCtqh.indexOf('-'))
this.saveTycpdmFirmInfo()
} else {
return false;
}
});
},
confirmEvent(e) {
console.log(e)
this.form.TJDm = e
this.dialogVisible = false
},
politicalChangeEvent() {
console.log(this.form.political)
this.form.branchCode = ''
this.branchList = window.CodeTable.getBranches(this.form.political[this.form.political.length - 1])
this.branchList.length > 0 && (this.form.branchCode = this.branchList[0].value)
},
async upload(form) {
this.uploading = true
const result = await this.$api.myManage.tycpdmfirmUploadOne(form)
if (result.success) {
this.$message.success('上传成功')
this.form.firmBusinessLicenseFile = result.data
} else {
this.$message.error('上传失败')
}
this.uploading = false
},
uploadEvent() {
let inputObj = null
if (!document.getElementById('file')) {
inputObj = document.createElement('input')
inputObj.setAttribute('id', 'file')
inputObj.setAttribute('type', 'file')
inputObj.setAttribute('name', 'file')
inputObj.setAttribute('style', 'visibility:hidden')
document.body.appendChild(inputObj)
document.querySelector('#file').addEventListener('change', () => {
const fileObj = document.getElementById('file').files[0]
let form = new FormData() // FormData 对象
form.append('file', fileObj) // 文件对象
this.upload(form)
})
} else {
inputObj = document.getElementById('file')
}
inputObj.click()
},
async saveTycpdmFirmInfo() {
let _form = {}
Object.keys(this.form).forEach(key => { _form[key.toLowerCase()] = this.form[key] })
_form['baseUser'] = this.memberInfo.username
const result = await this.$api.myManage.updateTycpdmFirmInfo(_form)
if (result.success) {
this.$message.success('保存成功')
this.$router.go(-1)
} else {
this.$message.error(result.returnMsg)
}
},
async getTycpdmFirmInfo() {
const result = await this.$api.myManage.tycpdmFirmInfoNoAuth({name: this.memberInfo.username})
const tycpdmFirmInfo = result.data
this.form.fid = tycpdmFirmInfo.fid
this.initFormData(tycpdmFirmInfo)
},
async getMemberInfo() {
this.memberInfo = (await this.$api.myManage.memberInfo({id: this.loginInfo.id})).data
await this.getTycpdmFirmInfo()
},
initFormData(tycpdmFirmInfo) {
this.form.political = [tycpdmFirmInfo.political]
this.politicalChangeEvent()
Object.keys(this.form).forEach(key => {
if (['political'].indexOf(key) < 0) {
this.form[key] = tycpdmFirmInfo[key.toLowerCase()]
}
})
this.form.contactmanCtqh = tycpdmFirmInfo['contactmanctqh'] + '-' + tycpdmFirmInfo['contactmantele']
}
},
mounted() {
this.loginInfo = JSON.parse(localStorage.getItem('loginInfo'))
this.getMemberInfo()
},
destroyed() {
}
}
</script>
<style lang="scss" scoped>
.container2{
.header{
min-height: 50px;
background: #FEF1EC;
text-align: center;
color: #F26335;
font-size: 16px;
p{
margin: 0;
line-height: 50px;
font-weight: 500;
}
i{
margin-right: 11px;
}
}
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
a{
text-decoration: none;
font-size: 13px;
line-height: 18px;
float:right;
color: #F26335;
}
}
.content-list{
font-size: 14px;
line-height: 20px;
text-align: center;
padding-top: 20px;
p{
font-size: 13px;
line-height: 18px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
span{
margin-top: 9px;
display: inline-block;
height: 41px;
width: 273px;
line-height: 41px;
}
span:first-child{
color: #fff;
background: url('../../../assets/image/mymanage/csrz.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/center.png') no-repeat ;
background-size: 100% 100%;
}
span:last-child{
background: url('../../../assets/image/mymanage/right.png') no-repeat ;
background-size: 100% 100%;
}
}
}
.content-from{
padding:0 40px;
width: 70%;
.content-from-title{
font-size: 14px;
line-height: 20px;
font-weight: 800;
color: #414345;
margin: 40px 0;
}
.content-from-title::before{
content: "◆";
color: #F26335;
margin-right: 5px;
}
.el-form {
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
.el-button{
padding: 0;
border-radius: 4px;
}
.el-select{
width: 100%;
}
.moreLong{
/deep/.el-form-item__label{
line-height: 20px;
}
}
.el-input-group__append {
border-color: transparent;
border: none;
button.el-button--primary {
background-color: $theme-color1;
border-color: $theme-color1;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.el-button--primary:hover, .el-button--primary:focus {
background: #f5825d;
border-color: #f5825d;
}
}
.bottom-btn .el-form-item__content {
display: flex;
justify-content: flex-end;
align-items: center;
color: #999999;
font-size: 13px;
.el-button {
font-size: 13px;
}
}
}
}
.btn-div{
border-top: 1px solid #F3F3F3;
margin-top: 30px;
text-align: center;
.el-button{
margin-top: 30px;
padding: 0;
height: 41px;
border-radius: 4px;
margin-bottom: 40px;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
.container2 .content .content-from .el-form .btn-div .el-button:last-child{
margin-left: 0px;
}
}
</style>
src/views/MyManage/index.vue
...@@ -87,7 +87,66 @@ export default { ...@@ -87,7 +87,66 @@ export default {
index: 2, index: 2,
link: "/MyManage/UnVerify/changePhone", link: "/MyManage/UnVerify/changePhone",
}, },
],
},
],
isQYRouterList: [
{
id: uuid("gs_nav"),
name: "首页",
index: 0,
link: "/MyManage/UnVerify/index",
},
{
id: uuid("gs_nav"),
name: "业务管理",
index: 1,
link: "",
children: [
{
id: uuid("gs_nav"),
name: "商品条码在线注册",
index: 0,
link: "/Business",
},
{
id: uuid("gs_nav"),
name: "检测校准申请",
index: 2,
link: "/MyManage/UnVerify/calibration",
},
],
},
{
id: uuid("gs_nav"),
name: "用户信息管理",
index: 2,
link: "",
children: [
{
id: uuid("gs_nav"),
name: "个人资料",
index: 0,
link: "/MyManage/UnVerify/personalInfo",
},
{
id: uuid("gs_nav"),
name: "修改登录密码",
index: 1,
link: "/MyManage/UnVerify/changePass",
},
{
id: uuid("gs_nav"),
name: "修改手机号码",
index: 2,
link: "/MyManage/UnVerify/changePhone",
},
{
id: uuid("gs_nav"),
name: "变更企业信息",
index: 1,
link: "/MyManage/UnVerify/vendor",
},
], ],
}, },
], ],
...@@ -180,6 +239,10 @@ export default { ...@@ -180,6 +239,10 @@ export default {
if (this.loginInfo.userType !== 3) { // 业务大厅用户不展示厂商实名认证菜单 if (this.loginInfo.userType !== 3) { // 业务大厅用户不展示厂商实名认证菜单
this.routerList[1].children = this.routerList[1].children.filter(item => item.index !== 1) this.routerList[1].children = this.routerList[1].children.filter(item => item.index !== 1)
} }
if (this.loginInfo.userType === 3 && this.loginInfo.isQY === 1) {
this.$store.commit("system/SET_SUB_NAV", this.isQYRouterList);
return
}
this.$store.commit("system/SET_SUB_NAV", this.routerList); this.$store.commit("system/SET_SUB_NAV", this.routerList);
} else if (this.userType === SYSTEM_MEMBER) { } else if (this.userType === SYSTEM_MEMBER) {
if (this.loginInfo.userType !== 3) { // 业务大厅用户不展示厂商实名认证菜单 if (this.loginInfo.userType !== 3) { // 业务大厅用户不展示厂商实名认证菜单
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment