Skip to content

G
gs1
Commit bf2437a0 by 林家欣
Options

Merge branch 'master' of https://gitee.com/gs1-office-web-sit/gs1

parents 9d771e62 bd1808ab
Showing with 1309 additions and 66 deletions
src/router/index.js
......@@ -632,9 +632,7 @@ const routes = [
name: "知识中心",
},
component: () => import("@/views/Knowledge/index"),
children: [
]
children: []
},
{
path: "/Knowledge/TeKIndex",
......@@ -643,7 +641,7 @@ const routes = [
name: "技术标准",
},
component: () => import("@/views/Knowledge/TeKIndex.vue"),
children:[
children: [
{
path: "/Knowledge/ANCCSystem",
name: "ANCCSystem",
......@@ -735,7 +733,7 @@ const routes = [
name: "知识导航",
},
component: () => import("@/views/Knowledge/GSBMindex.vue"),
children:[
children: [
{
path: "/Knowledge/ANCCSystem",
name: "ANCCSystem",
......@@ -855,7 +853,8 @@ const routes = [
path: "/MyManage",
name: "MyManage",
component: () => import("@/views/MyManage/index"),
children:[
children: [
// 未注册用户
{
path: "/MyManage/UnVerify/index",
name: "UnVerify",
......@@ -864,7 +863,96 @@ const routes = [
},
component: () => import("@/views/MyManage/UnVerify/index.vue"),
},
{
path: "/MyManage/UnVerify/vendor",
name: "vendor",
meta: {
name: "厂商实名认证",
},
component: () => import("@/views/MyManage/UnVerify/vendor.vue"),
},
{
path: "/MyManage/UnVerify/calibration",
name: "calibration",
meta: {
name: "检测校验申请",
},
component: () => import("@/views/MyManage/UnVerify/calibration.vue"),
},
{
path: "/MyManage/UnVerify/personalInfo",
name: "personalInfo",
meta: {
name: "个人资料",
},
component: () => import("@/views/MyManage/UnVerify/personalInfo.vue"),
},
{
path: "/MyManage/UnVerify/changePass",
name: "changePass",
meta: {
name: "修改登录密码",
},
component: () => import("@/views/MyManage/UnVerify/changePass.vue"),
},
{
path: "/MyManage/UnVerify/changePhone",
name: "changePhone",
meta: {
name: "修改手机号码",
},
component: () => import("@/views/MyManage/UnVerify/changePhone.vue"),
},
// 系统成员
{
path: "/MyManage/SystemMember/index",
name: "SystemMember",
meta: {
name: "首页",
},
component: () => import("@/views/MyManage/SystemMember/index.vue"),
},
// 管理员 START
{
path: "/MyManage/admin/check",
name: "MyManage/admin/check",
meta: {
name: "业务审核",
},
component: () => import("@/views/MyManage/Admin/check.vue"),
},
{
path: "/MyManage/admin/code",
name: "MyManage/admin/code",
meta: {
name: "统一产品编码",
},
component: () => import("@/views/MyManage/Admin/code.vue"),
},
{
path: "/MyManage/admin/status_change",
name: "MyManage/admin/status_change",
meta: {
name: "审核状态修改",
},
component: () => import("@/views/MyManage/Admin/statusChange.vue"),
},
{
path: "/MyManage/admin/ent_info",
name: "MyManage/admin/ent_info",
meta: {
name: "企业信息修改",
},
component: () => import("@/views/MyManage/Admin/entInfo.vue"),
},
{
path: "/MyManage/admin/log",
name: "MyManage/admin/log",
meta: {
name: "日志查看",
},
component: () => import("@/views/MyManage/Admin/log.vue"),
},
]
......@@ -933,7 +1021,6 @@ const routes = [
},
{
path: "/djwh",
name: "djwh",
......@@ -969,7 +1056,6 @@ const routes = [
},
];
const router = new VueRouter({
......
src/views/MyManage/Admin/check.vue 0 → 100644
<template>
<div class="gs_admin_check">
<div class="dashboard" v-show="!showUnCheck&&!showCheckDetail">
<div class="card_wrapper">
<div class="title">企业实名认证</div>
<div class="body">
<div class="card"
@click="handleClick(item)"
:style="{borderLeftColor:item.color}"
:key="item.key"
v-for="item in realNameCertification">
<div class="content">
<div class="card_title">{{ item.label }}</div>
<div class="nums">{{ item.amount }}</div>
</div>
</div>
</div>
</div>
<div class="card_wrapper">
<div class="title">企业实名认证(变更)</div>
<div class="body">
<div class="card"
@click="handleClick(item)"
:style="{borderLeftColor:item.color}"
:key="item.key"
v-for="item in realNameCertificationChange">
<div class="content">
<div class="card_title">{{ item.label }}</div>
<div class="nums">{{ item.amount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="card_wrapper uncheck-table" v-if="showUnCheck">
<div class="title">等待审核
<span class="back_btn" @click="showUnCheck=false">返回</span>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
showUnCheck: false,
showCheckDetail: false,
realNameCertification: [
{
key: '1',
label: '等待审核',
amount: '641',
color: '#2F7CF1'
},
{
key: '2',
label: '已通过审核',
amount: '10,388',
color: '#3ABD79'
},
{
key: '3',
label: '未通过审核',
amount: '385',
color: '#F8A702'
},
{
key: '4',
label: '申请总数',
amount: '11,414',
color: '#F26335'
}
],
realNameCertificationChange: [
{
key: '1',
label: '等待审核',
amount: '17',
color: '#2F7CF1'
},
{
key: '2',
label: '已通过审核',
amount: '77',
color: '#3ABD79'
},
{
key: '3',
label: '未通过审核',
amount: '1',
color: '#F8A702'
},
{
key: '4',
label: '申请总数',
amount: '95',
color: '#F26335'
}
],
}
},
methods: {
handleClick(item) {
console.log(item)
if (item.label === "等待审核") {
this.showUnCheck = true;
}
}
},
}
</script>
<style lang="scss" scoped>
.gs_admin_check {
.dashboard {
}
.card_wrapper {
height: 217px;
background: #FFFFFF;
border-radius: 2px;
margin-bottom: 14px;
.title {
padding-left: 40px;
padding-right: 30px;
height: 57px;
line-height: 56px;
font-size: 16px;
font-weight: 500;
color: #F26335;
border-bottom: 1px solid #F3F3F3;
.back_btn {
float: right;
cursor: pointer;
font-size: 13px;
font-weight: 400;
color: #F26335;
}
}
.body {
padding: 30px 0 30px 40px;
}
.card {
cursor: pointer;
float: left;
width: 190px;
height: 100px;
background: #FFFFFF;
box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
border-radius: 4px;
overflow: hidden;
margin-right: 34px;
border-left: 3px solid transparent;
transition: .2s;
&:hover {
box-shadow: 0px 6px 20px 4px rgba(4, 64, 141, 0.12);
}
.content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding-left: 27px;
padding-top: 18px;
.card_title {
font-size: 12px;
font-weight: 400;
color: #999999;
margin-bottom: 10px;
}
.nums {
height: 37px;
font-size: 32px;
font-family: ArialRoundedMTBold;
color: #F26335;
line-height: 37px;
}
}
}
}
}
</style>
src/views/MyManage/Admin/entInfo.vue 0 → 100644
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
src/views/MyManage/Admin/log.vue 0 → 100644
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
src/views/MyManage/Admin/statusChange.vue 0 → 100644
<template>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
src/views/MyManage/SystemMember/index.vue
<template>
<div class="container2">
<div class="header">
<p>网站最新推出<a href="#">在线注册</a> &nbsp;&nbsp;<a href="#">在线续展</a>&nbsp;&nbsp;<a href="#"> 产品信息通报</a>等业务</p>
</div>
<div class="content">
<div class="title">业务提醒专区</div>
<div class="content-list">
<ul>
<li>
<p class="content-title">商品条码相关业务</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心系统成员！</p>
<p style="padding-left:24px">您可以——前往<a href="#">网上业务大厅</a> 办理商品条码续展，变更，子公司备案等业务！</p>
<p style="padding-left:24px">您可以——前往<a href="#">中国商品信息服务平台 </a> 办理以下业务：</p>
<div class="p-list">
<p style="padding-left:24px">产品信息通报——一键获取商品条码，无需自行编制；满足信息通报的法规要求，建立条码档案。</p>
<p style="padding-left:24px">微信共享——共享产品信息至微信，实现对外扫码查询。</p>
<p style="padding-left:24px">易码追溯——进行产品质量安全追溯，提升产品信誉度。</p>
<p style="padding-left:24px">条码商桥——建立标准化产品数字档案，支持深度供应链应用。</p>
<p style="padding-left:24px">GS1全球注册平台——发布产品至GS1全球数据平台，促进跨境贸易。</p>
<p style="padding-left:24px">条码微站——深度应用二维码，连接您与消费者。</p>
<p style="padding-left:24px">条码胶片——自动生成符合国家标准的条码图片，可快速应用到产品包装。</p>
</div>
</li>
<!-- 未完成企业信息 -->
<li>
<p class="content-title">检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心系统成员，请点击<a href="#">导入企业信息</a> 后，申请办理以下业务！</p>
<p>1、条码印制品检测</p>
<p class="list-cnt">对商品条码、商品二维码、GS1通用规范（GS1 General Specifications）、医疗UDI、汽车零部件标识、追溯码、服装条码、名片二维码、物流编码等提供检验检测服务，出具检验检测报告。</p>
<p>2、条码检测仪校准</p>
<p class="list-cnt">对条码检测仪的最高反射率、最低反射率、可译码度、缺陷度、轴向不一致性、网格不一致性、反差一致性等测量参数进行校准，出具校准证书。</p>
</li>
<!-- 已完成企业信息 -->
<li>
<p class="content-title">检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心检验检测/校准客户！</p>
<p style="padding-left:24px">您可以——办理条码印制品检测</p>
<p style="padding-left:24px">您可以——办理条码检测仪校准</p>
<p style="padding-left:24px">若想申请办理上述业务，请您联系：</p>
<p style="padding-left:24px">王工<i class="bi bi-telephone-fill color-grey"></i>010-84295493 <i class="bi bi-envelope-fill color-grey"></i>wanghy@ancc.org.cn <i class="qe color-grey"></i>2308350380</p>
<p style="padding-left:24px">胡工<i class="bi bi-telephone-fill color-grey"></i>010-84295499 <i class="bi bi-envelope-fill color-grey"></i>hum@ancc.org.cn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="qe color-grey"></i>1246978728</p>
</li>
</ul>
</div>
</div>
</div>
</template>
......@@ -8,6 +57,119 @@ export default {
}
</script>
<style scoped>
<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;
a{
text-decoration: none;
color: #00799E;
}
}
}
.content{
@include module-box;
margin-top: 14px;
.title{
color: #F26335;
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
}
.content-list{
font-size: 14px;
line-height: 20px;
ul{
li{
margin-top: 19px;
border-bottom: 1px dashed #B4CDEB;
padding-bottom: 6px;
>p:first-child{
color: #414345;
font-weight:600;
}
>p:first-child::before{
content: "●";
color: #F26335;
margin-right: 5px;
}
p{
margin-bottom: 14px;
i{
color: #50C96B;
margin-right: 10px;
}
.color-grey{
color: #666666;
margin:0 5px 0 20px;
}
.qe{
display: inline-block;
width: 14px;
height: 14px;
background: url("../../../assets/image/mymanage/qe.png") no-repeat;
background-size: cover;
}
}
.list-cnt{
font-size: 13px;
color: #666666
}
.list-img{
margin-top: 31px;
text-align: center;
img{
width: 46px;
height: 46px;
margin-bottom: 16px;
}
}
.p-list{
p{
font-size: 13px;
line-height: 18px;
color: #666666;
}
p::before{
content: "*";
color: #F26335;
}
}
}
li:last-child{
border:none;
margin-bottom: 40px;
}
}
a{
text-decoration: none;
color: #00799E;
margin: 0 5px;
}
}
}
}
</style>
<style lang="scss" scoped>
.content{
@media screen and (max-width: 992px) {
ul {
padding: 0 10px;
}
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/changePass.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">个人资料</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<el-form-item label='原密码'
prop='rePassword'
type='password'
:rules="[{required: true,message: '不能为空',},
{ pattern: pwdPattern, message: '密码需要6～16位数字+字母组合',},
{ validator:validatePass,}]">
<el-input type='password' placeholder="请输入原密码" v-model='form.rePassword'></el-input>
</el-form-item>
<el-form-item label='新密码'
prop='password'
type='password'
:rules="[{required: true,message: '不能为空',},
{ pattern: pwdPattern, message: '密码需要6～16位数字+字母组合',},
{ validator:validatePass,}]">
<el-input type='password' placeholder="请输入新密码" v-model='form.password'></el-input>
</el-form-item>
<el-form-item label='验证密码'
prop='checkPassword'
:rules="[
{ required: true,message: '不能为空',},
{ validator: validatePass2 }
]">
<el-input type='password' placeholder="请再次输入密码" v-model='form.checkPassword'
></el-input>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
rePassword:'',
password:'',
checkPassword:'',
},
pwdPattern: /^(?=.*[a-zA-Z])(?=.*[0-9])[A-Za-z0-9]{6,16}$/,
}
},
methods: {
validatePass(rule, value, callback) {
if (this.form.checkPassword !== '') {
this.$refs.ruleForm.validateField('checkPassword');
}
callback();
},
validatePass2(rule, value, callback) {
if (value !== this.form.password) {
callback(new Error('两次输入密码不一致!'));
} else {
callback();
}
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.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-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 {
margin-top: 36px;
.el-form-item{
margin-bottom: 20px;
}
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
p{
color: #F31F1F;
font-size: 12px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0;
}
.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{
text-align: center;
overflow: hidden;
.el-button{
float: right;
padding: 0;
height: 41px;
border-radius: 4px;
margin: 30px 40px 40px 0;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/changePhone.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">个人资料</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<el-form-item label='手机号码'
prop='mobile'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off'></el-input>
</el-form-item>
<el-form-item label='手机验证码'
prop='validate'
:rules="[{
required: true,
message: '不能为空',
},{ validator: checkValidate, trigger:'blur' }]"
>
<el-input
v-model="form.validate"
placeholder="请输入短信验证码"
>
<template slot="append">
<el-button v-if="!hasSent" type="primary" @click.stop="sendValidateCode">发送验证码</el-button>
<el-button disabled v-else>
发送验证码({{ time }}S)
</el-button>
</template>
</el-input>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
mobile:'',
validate:''
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
}
},
methods: {
sendValidateCode() {
if (this.form.mobile === '') {
this.$message({type: 'error', message: '请输入手机号码'});
} else {
this.hasSent = true;
this.timer = setInterval(() => {
this.time -= 1;
if (this.time === 0) {
clearInterval(this.timer);
this.time = 60;
this.hasSent = false;
}
}, 1000);
}
},
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);
});
},
checkValidate() {
return new Promise((resolve) => {
resolve(true);
});
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.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-from{
padding:0 40px;
width: 70%;
.el-form {
margin-top: 36px;
.smallselect{
width: 100px!important;
}
.el-select{
width: 100%;
}
.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{
text-align: center;
overflow: hidden;
.el-button{
float: right;
padding: 0;
height: 41px;
border-radius: 4px;
margin: 30px 40px 40px 0;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/index.vue
<template>
<div class="container">
<div class="container2">
<div class="header">
<p>网站最新推出<a href="#">在线注册</a> &nbsp;&nbsp;<a href="#">在线续展</a>&nbsp;&nbsp;<a href="#"> 产品信息通报</a>等业务</p>
</div>
......@@ -66,11 +66,11 @@
<li>
<p class="content-title">检测校准申请（办理“条码印制品检测”、“条码检测仪校准”等业务需先完成此申请）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心检验检测/校准客户！</p>
<p style="padding-left:24px">您已成为中国物品编码中心检验检测/校准客户！</p>
<p style="padding-left:24px">您可以——办理条码印制品检测</p>
<p style="padding-left:24px">您可以——办理条码检测仪校准</p>
<p style="padding-left:24px">若想申请办理上述业务，请您联系：</p>
<p style="padding-left:24px">王工：<i class="bi bi-telephone-fill color-grey"></i>010-84295493 <i class="bi bi-envelope-fill color-grey"></i>wanghy@ancc.org.cn <span class="qe"></span>2308350380</p>
<p style="padding-left:24px">胡工：<i class="bi bi-telephone-fill color-grey"></i>010-84295499 <i class="bi bi-envelope-fill color-grey"></i>hum@ancc.org.cn <span class="qe"></span>1246978728</p>
<p style="padding-left:24px">王工<i class="bi bi-telephone-fill color-grey"></i>010-84295493 <i class="bi bi-envelope-fill color-grey"></i>wanghy@ancc.org.cn <i class="qe color-grey"></i>2308350380</p>
<p style="padding-left:24px">胡工<i class="bi bi-telephone-fill color-grey"></i>010-84295499 <i class="bi bi-envelope-fill color-grey"></i>hum@ancc.org.cn&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="qe color-grey"></i>1246978728</p>
</li>
</ul>
</div>
......@@ -86,11 +86,9 @@ export default {
</script>
<style lang="scss" scoped>
.container{
.container2{
.header{
height: 50px;
min-height: 50px;
background: #FEF1EC;
text-align: center;
color: #F26335;
......@@ -141,13 +139,15 @@ export default {
}
.color-grey{
color: #666666;
margin-left: 5px;
margin:0 5px 0 20px;
}
.qe{
display: inline-block;
width: 13px;
height: 13px;
background: url("../../../assets/image/mymanage/qe.png") no-repeat 100% 100%;
width: 14px;
height: 14px;
background: url("../../../assets/image/mymanage/qe.png") no-repeat;
background-size: cover;
}
}
.list-cnt{
......@@ -179,3 +179,13 @@ export default {
}
}
</style>
<style lang="scss" scoped>
.content{
@media screen and (max-width: 992px) {
ul {
padding: 0 10px;
}
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/personalInfo.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">个人资料</div>
<div class="content-from">
<el-form ref='ruleForm'
label-position='right'
label-width='160px'
:model='form'>
<el-form-item label='E-mail：'
prop='email'
:rules="[{
required: true,
message: '不能为空',
},
{ type: 'email',
message: '请输入正确的邮箱地址',
trigger: ['blur', 'change']
}]">
<el-input v-model='form.email' autocomplete='off' placeholder="请输入E-mail"></el-input>
</el-form-item>
<el-form-item label='手机：'
prop='mobile'
:rules="[{
required: true,
message: '不能为空',
},
{ validator:checkMobileReg },
{ validator:checkMobile, trigger:'blur' },]">
<el-input v-model='form.mobile' autocomplete='off' placeholder="请输入手机"></el-input>
<p>请在[用户信息管理]-[修改手机号码]中修改正确的手机号码，便于找回密码</p>
</el-form-item>
<el-form-item label='真实姓名：'
prop='name'
>
<el-input v-model='form.name' autocomplete='off' placeholder="请输入真实姓名："></el-input>
</el-form-item>
<el-form-item label='证件号码：'
prop='IDNumber'
:rules="[{
required: true,
message: '不能为空',
}]"
>
<el-input placeholder="请输入证件号码" v-model="form.IDNumber" class="input-with-select">
<el-select v-model="form.IDType" slot="prepend" placeholder="请选择" class="smallselect">
<el-option label="身份证" value="1" ></el-option>
</el-select>
</el-input>
</el-form-item>
<el-form-item label='联系地址：'
prop='address'
>
<el-input v-model='form.email' autocomplete='off' placeholder="请输入联系地址"></el-input>
</el-form-item>
<el-form-item label='工作单位：'
prop='oficeAddr'
>
<el-input v-model='form.oficeAddr' autocomplete='off' placeholder="请输入工作单位"></el-input>
</el-form-item>
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
hasSent: false,
timer: null,
time: 60,
form: {
email:'',
mobile:'',
IDType:'1',
IDNumber:'',
name:'',
address:'',
officeAddr:''
},
mobilePattern: /^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147))\d{8}$/,
}
},
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);
});
},
},
}
</script>
<style lang="scss" scoped>
.container2{
.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-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 {
margin-top: 36px;
.el-form-item{
margin-bottom: 20px;
}
/deep/.el-input{
font-size: 13px;
}
.smallselect{
width: 100px!important;
}
p{
color: #F31F1F;
font-size: 12px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0;
}
.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{
text-align: center;
overflow: hidden;
.el-button{
float: right;
padding: 0;
height: 41px;
border-radius: 4px;
margin: 30px 40px 40px 0;
}
}
}
}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
//<=768的设备
.container2 .content .content-from {
width: 100%;
margin: 0;
padding:0 10px;
}
}
</style>
\ No newline at end of file
src/views/MyManage/comps/userInfo.vue
......@@ -2,22 +2,36 @@
<div class="userInfo">
<div class="cnt">
<img src="../../../assets/image/mymanage/headImg.png" alt="">
<p>{{userNamr}}/{{phone}}/{{cardNo}}</p>
<p>{{userType}} | {{nocardNo}}</p>
<template v-if="type === UN_VERIFY">
<p>{{ userName }}/{{ phone }}/{{ cardNo }}</p>
<p>{{ userType }} | {{ nocardNo }}</p>
</template>
<template v-else-if="type === ADMIN">
<p class="admin_name">{{ userName }}</p>
<p>- - - | 中心管理员</p>
</template>
</div>
</div>
</template>
<script>
const UN_VERIFY = 0;
const SYSTEM_MEMBER = 1;
const ADMIN = 2;
export default {
props: {
type: Number
},
data() {
return {
userNamr:'用户名',
phone:'手机号',
cardNo:'条码卡号',
userType:'用户类别',
nocardNo:'未申请条码卡'
UN_VERIFY,
SYSTEM_MEMBER,
ADMIN,
userName: '用户名',
phone: '手机号',
cardNo: '条码卡号',
userType: '用户类别',
nocardNo: '未申请条码卡'
};
},
......@@ -27,35 +41,43 @@ export default {
};
</script>
<style lang="scss" scoped>
.userInfo{
.userInfo {
background: #fff;
min-height: 224px;
margin-bottom: 14px;
.cnt{
.cnt {
text-align: center;
img{
img {
width: 80px;
height: 80px;
margin-top: 40px;
margin-bottom: 20px;
}
p{
margin-bottom: 0!important;
p {
margin-bottom: 0;
}
p:first-child{
p:first-child {
font-size: 16px;
line-height: 24px;
color: #414345;
}
p:last-child{
p:last-child {
font-size: 13px;
line-height: 18px;
color: #999999;
}
.admin_name{
margin-bottom: 6px;
}
}
}
......
src/views/MyManage/index.vue
......@@ -2,11 +2,11 @@
<div class="nav-me container marginTop20 mb-5" style="position: relative">
<div class="row">
<div class="col-lg-3">
<UserInfo/>
<UserInfo :type="userType"/>
<SubNav/>
</div>
<div class="col-lg-9">
<router-view ></router-view>
<router-view></router-view>
</div>
</div>
</div>
......@@ -15,8 +15,7 @@
<script>
import SubNav from "../comps/SubNav.vue";
import UserInfo from "./comps/userInfo.vue";
import {uuid} from "../../utils/utils";
const UN_VERIFY = 0;
const SYSTEM_MEMBER = 1;
......@@ -27,82 +26,120 @@ export default {
SubNav,
UserInfo
},
created() {
// TODO 判断用户状态 处理一下左侧的 sub_nav 和用户panel
// 1. 未申请条码
// 2.系统成员
// 3.管理员
this.userType = ADMIN;
},
data() {
return {
routerList:[
routerList: [
{
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: "",
link: "/Business",
},
{
id: uuid("gs_nav"),
name: "厂商实名认证",
index: 1,
link: "",
link: "/MyManage/UnVerify/vendor",
},
{
id: uuid("gs_nav"),
name: "检测校准申请",
index: 2,
link: "",
link: "/MyManage/UnVerify/calibration",
},
],
},
{
id: uuid("gs_nav"),
name: "用户信息管理",
index: 2,
link: "",
children: [
{
id: uuid("gs_nav"),
name: "个人资料",
index: 0,
link: "",
link: "/MyManage/UnVerify/personalInfo",
},
{
name: "修改密码",
id: uuid("gs_nav"),
name: "修改登录密码",
index: 1,
link: "",
link: "/MyManage/UnVerify/changePass",
},
{
id: uuid("gs_nav"),
name: "修改手机号码",
index: 2,
link: "",
link: "/MyManage/UnVerify/changePhone",
},
],
},
],
adminRouterList: [
{
id: uuid("gs_nav"),
name: "业务审核",
index: 0,
link: "/MyManage/admin/check",
},
{
id: uuid("gs_nav"),
name: "统一产品编码",
index: 1,
link: "/MyManage/admin/code",
},
{
id: uuid("gs_nav"),
name: "审核状态修改",
index: 2,
link: "/MyManage/admin/status_change",
},
{
id: uuid("gs_nav"),
name: "企业信息修改",
index: 3,
link: "/MyManage/admin/ent_info",
},
{
id: uuid("gs_nav"),
name: "日志查看",
index: 4,
link: "/MyManage/admin/log",
},
],
userType: ADMIN,
};
},
created() {
this.$store.commit("system/SET_SUB_NAV",this.routerList);
},
methods: {
// TODO 判断用户状态 处理一下左侧的 sub_nav 和用户panel
// 1. 未申请条码
// 2.系统成员
// 3.管理员
this.userType = UN_VERIFY;
if (this.userType === UN_VERIFY) {
this.$store.commit("system/SET_SUB_NAV", this.routerList);
} else if (this.userType === SYSTEM_MEMBER) {
this.$store.commit("system/SET_SUB_NAV", this.routerList);
} else if (this.userType === ADMIN) {
this.$store.commit("system/SET_SUB_NAV", this.adminRouterList);
}
},
methods: {},
};
</script>
<style>
......
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