Skip to content

G
gs1
Commit 8ef8d465 by Lyan
Options

个人中心未认证用户页面切图

parent b34c2da0
Showing with 780 additions and 26 deletions
package.json
......@@ -8,7 +8,10 @@
"test": "vue-cli-service serve --mode test",
"build": "vue-cli-service build",
"pub": "./pub.sh",
"lint": "vue-cli-service lint"
"lint": "vue-cli-service lint",
"fix-memory-limit": "cross-env LIMIT=3072 increase-memory-limit"
},
"dependencies": {
"@popperjs/core": "^2.10.1",
......@@ -31,7 +34,9 @@
"vue-router": "^3.1.6",
"vuex": "^3.1.3",
"wangeditor": "^3.1.1",
"xss": "^1.0.6"
"xss": "^1.0.6",
"increase-memory-limit": "^1.0.3",
"cross-env": "^5.0.5"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.12.1",
......
src/router/index.js
......@@ -872,6 +872,22 @@ const routes = [
component: () => import("@/views/MyManage/UnVerify/vendor.vue"),
},
{
path: "/MyManage/UnVerify/uploadvendor",
name: "uploadvendor",
meta: {
name: "厂商实名认证提交资料",
},
component: () => import("@/views/MyManage/UnVerify/uploadvendor.vue"),
},
{
path: "/MyManage/UnVerify/vendorstatus",
name: "vendorstatus",
meta: {
name: "厂商实名认证审核结果",
},
component: () => import("@/views/MyManage/UnVerify/vendorstatus.vue"),
},
{
path: "/MyManage/UnVerify/calibration",
name: "calibration",
meta: {
......@@ -880,6 +896,22 @@ const routes = [
component: () => import("@/views/MyManage/UnVerify/calibration.vue"),
},
{
path: "/MyManage/UnVerify/uploadcalibration",
name: "uploadcalibration",
meta: {
name: "检测校验申请上传资料",
},
component: () => import("@/views/MyManage/UnVerify/uploadcalibration.vue"),
},
{
path: "/MyManage/UnVerify/calibrationstatus",
name: "calibrationstatus",
meta: {
name: "检测校验申请审核结果",
},
component: () => import("@/views/MyManage/UnVerify/calibrationstatus.vue"),
},
{
path: "/MyManage/UnVerify/personalInfo",
name: "personalInfo",
meta: {
......
src/views/MyManage/UnVerify/calibration.vue
......@@ -251,7 +251,7 @@
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" @click="register" style="width: 110px">保 存</el-button>
<el-button type="primary" @click="register" style="width: 110px" >保 存</el-button>
<el-button style="width: 110px">取 消</el-button>
</div>
</div>
......@@ -300,6 +300,7 @@ export default {
},
methods: {
register() {
this.$router.push({path:'/UnVerify/uploadcalibration'})
},
......
src/views/MyManage/UnVerify/calibrationstatus.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">检测校准申请——审核状态 <a href="/MyManage/UnVerify">返回我的首页</a></div>
<div class="content-list">
<p >
<span>1.填写实名信息</span>
<span>2.提交书面材料</span>
<span>3.审核状态</span>
</p>
</div>
<div class="cnt">
<div class="fail" v-if="result">
<img src="../../../assets/image/mymanage/fail.png" alt="">
<span>很抱歉！您未通过中国物品编码中心实名认证。一下为您所在的 <a href="#" target="_blank">分支机构</a> 审核意见：</span>
<p>{{opinion}}</p>
<p class="btn-p">
<el-button type="primary" style="width: 192px">重新修改企业资料</el-button>
</p>
</div>
<div class="success" v-else>
<img src="../../../assets/image/mymanage/continue.png" alt="">
<span>您好！实名认证资料正在审核中！</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
opinion:'请修改材料！',
result:false
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.container2{
a{
text-decoration: none;
}
.content{
@include module-box;
min-height: 522px;
.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/shleft.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/shenter2.png') no-repeat ;
background-size: 100% 100%;
color:#fff;
}
span:last-child{
background: url('../../../assets/image/mymanage/shright.png') no-repeat ;
background-size: 100% 100%;
color:#fff;
}
}
}
.cnt{
>div{
margin-top: 80px;
font-size: 14px;
font-weight: 400;
text-align: center;
p{
font-size: 16px;
color: #F26335;
margin-top: 28px;
}
br{
width: 100%;
border-top: 1px solid #F3F3F3;
}
a{
color: #00799E;
}
img{
width: 64px;
height: 64px;
margin-right: 18px;
}
.btn-p{
margin-top: 99px;
border-top: 1px solid #f3f3f3;
padding: 30px 0;
.el-button{
height: 40px;
border-radius: 4px;
line-height: 40px;
padding: 0;
font-size: 14px;
margin-right: 20px;
}
}
}
}
}}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/index.vue
<template>
<div class="container2">
<div class="header">
<p>网站最新推出<a href="#">在线注册</a> &nbsp;&nbsp;<a href="#">在线续展</a>&nbsp;&nbsp;<a href="#"> 产品信息通报</a>等业务</p>
<p>网站最新推出<a href="http://wsdt.ancc.org.cn/anccoh/">在线注册</a> &nbsp;&nbsp;<a href="#">在线续展</a>&nbsp;&nbsp;<a href="#"> 产品信息通报</a>等业务</p>
</div>
<div class="content">
<div class="title">业务提醒专区</div>
......@@ -15,8 +15,8 @@
<li>
<p class="content-title">厂商实名认证（办理“进口商品信息通报、GLN”等业务需先完成此认证）</p>
<p><i class="bi bi-check-circle-fill"></i>您已成为中国物品编码中心实名认证企业！</p>
<p style="padding-left:24px">您可以——前往<a href="#">中国商品信息服务平台</a> 办理<a href="#">“通报进口商品信息” “开通条码微站” “使用数据总资产服务”！</a></p>
<p style="padding-left:24px">您可以——前往<a href="#">购买GLN</a></p>
<p style="padding-left:24px">您可以——前往<a href="http://v3.gds.org.cn/index.aspx">中国商品信息服务平台</a> 办理<a href="http://v3.gds.org.cn/index.aspx">“通报进口商品信息” “开通条码微站” “使用数据总资产服务”！</a></p>
<p style="padding-left:24px">您可以——前往<a href="http://gln.gs1cn.org/number.aspx?id=1">购买GLN</a></p>
</li>
<!-- 厂商实名认证未认证 -->
<li>
......@@ -26,17 +26,24 @@
<p>2、GLN申请</p>
<p class="list-cnt">快速申请、维护GLN信息，并对外提供GLN信息查询验证。帮助企业在EDI、GDSN、海关、追溯等应用场景中，有效识别企业主体与地理位置等信息。</p>
<div class='list-img row'>
<div class="img-p col-lg-4">
<img src="../../../assets/image/mymanage/tx.png" alt="">
<p>填写实名信息</p>
</div>
<div class="img-p col-lg-4">
<a href="/MyManage/UnVerify/vendor">
<img src="../../../assets/image/mymanage/tx.png" alt="">
<p>填写申请信息</p>
</a>
</div>
<div class="img-p col-lg-4">
<img src="../../../assets/image/mymanage/tj.png" alt="">
<p>提交书面材料</p>
<a href="/MyManage/UnVerify/uploadvendor">
<img src="../../../assets/image/mymanage/tj.png" alt="">
<p>提交书面材料</p>
</a>
</div>
<div class="img-p col-lg-4">
<img src="../../../assets/image/mymanage/sh.png" alt="">
<p>审核状态</p>
<a href="/MyManage/UnVerify/shvendor">
<img src="../../../assets/image/mymanage/sh.png" alt="">
<p>审核状态</p>
</a>
</div>
</div>
</li>
......@@ -49,16 +56,22 @@
<p class="list-cnt">对条码检测仪的最高反射率、最低反射率、可译码度、缺陷度、轴向不一致性、网格不一致性、反差一致性等测量参数进行校准，出具校准证书。</p>
<div class='list-img row'>
<div class="img-p col-lg-4">
<img src="../../../assets/image/mymanage/tx.png" alt="">
<p>填写实名信息</p>
<a href="/MyManage/UnVerify/calibration">
<img src="../../../assets/image/mymanage/tx.png" alt="">
<p>填写校准信息</p>
</a>
</div>
<div class="img-p col-lg-4">
<img src="../../../assets/image/mymanage/tj.png" alt="">
<p>提交书面材料</p>
<a href="/MyManage/UnVerify/uploadcalibration">
<img src="../../../assets/image/mymanage/tj.png" alt="">
<p>提交书面材料</p>
</a>
</div>
<div class="img-p col-lg-4">
<img src="../../../assets/image/mymanage/sh.png" alt="">
<p>审核状态</p>
<a href="/MyManage/UnVerify/shcalibration">
<img src="../../../assets/image/mymanage/sh.png" alt="">
<p>审核状态</p>
</a>
</div>
</div>
</li>
......@@ -93,11 +106,14 @@ export default {
text-align: center;
color: #F26335;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
p{
margin: 0;
line-height: 50px;
font-weight: 500;
// font-family: PingFangSC-Medium, PingFang SC;
a{
text-decoration: none;
color: #00799E;
......@@ -112,10 +128,12 @@ export default {
font-size: 16px;
padding: 20px 40px;
border: 1px solid #F3F3F3;
font-family: PingFangSC-Medium, PingFang SC;
}
.content-list{
font-size: 14px;
line-height: 20px;
font-family: PingFangSC-Medium, PingFang SC;
ul{
li{
margin-top: 19px;
......@@ -123,7 +141,8 @@ export default {
padding-bottom: 6px;
p:first-child{
color: #414345;
font-weight:600;
font-weight:500;
font-family: PingFangSC-Medium, PingFang SC;
}
p:first-child::before{
content: "●";
......@@ -133,6 +152,7 @@ export default {
}
p{
margin-bottom: 14px;
font-weight: 400;
i{
color: #50C96B;
margin-right: 10px;
......@@ -157,10 +177,14 @@ export default {
.list-img{
margin-top: 31px;
text-align: center;
a{
color:#414345;
}
img{
width: 46px;
height: 46px;
margin-bottom: 16px;
}
}
......
src/views/MyManage/UnVerify/uploadcalibration.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">检测校准申请——提交书面材料 <a href="/MyManage/UnVerify">返回我的首页</a></div>
<div class="content-list">
<p >
<span>1.填写实名信息</span>
<span>2.提交书面材料</span>
<span>3.审核状态</span>
</p>
</div>
<div class="cnt">
<div>
<img src="../../../assets/image/mymanage/dayin.png" alt="">
<span>您的申请信息已提交！请在线打印 <a href="#" target="_blank">《检测校准申请登记表》</a>，加盖公章，并上传影印件。</span>
</div>
<div class="uploadcss">
<span class="icon ">上传加盖公章的《检测校准申请登记表》影印件：</span>
<span class="btn " >
<el-button type="primary" style="width: 110px">上传</el-button>查看检测校准申请历史上传文件
<p style="margin-top:10px;">支持png，bmp，jpg格式，大小不限</p>
</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.container2{
a{
text-decoration: none;
}
.content{
@include module-box;
min-height: 522px;
.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/shleft.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/shcenter.png') no-repeat ;
background-size: 100% 100%;
color:#fff;
}
span:last-child{
background: url('../../../assets/image/mymanage/right.png') no-repeat ;
background-size: 100% 100%;
}
}
}
.cnt{
>div{
margin-top: 40px;
font-size: 14px;
font-weight: 400;
.icon{
padding-left: 104px;
}
.icon::before{
content: '*';
color: #F26335;
}
img{
width: 44px;
height: 38px;
margin: 0 20px 0px 40px;
}
a{
color: #00799E;
}
.btn{
padding: 0;
text-align: left;
color: #F26335;
font-size: 14px;
margin-top: -10px;
.el-button{
height: 40px;
border-radius: 4px;
line-height: 40px;
padding: 0;
font-size: 14px;
margin-right: 20px;
}
}
}
>div:last-child{
margin-top: 21px;
}
.uploadcss{
display: flex;
justify-content: space-around;
text-align: left;
span{
display: inline-block;
width: 50%;
font-size: 14px;
}
}
}
}}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
.cnt{
padding:0 5px;
}
.container2 .content .cnt .uploadcss{
>span{
width: 100%;
margin-top: 10px;
padding: 0;
}
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/uploadvendor.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">厂商实名认证——提交书面材料 <a href="/MyManage/UnVerify">返回我的首页</a></div>
<div class="content-list">
<p >
<span>1.填写实名信息</span>
<span>2.提交书面材料</span>
<span>3.审核状态</span>
</p>
</div>
<div class="cnt">
<div>
<img src="../../../assets/image/mymanage/dayin.png" alt="">
<span>您的申请信息已提交！请在线打印 <a href="#" target="_blank">《实名认证注册登记表》</a>，加盖公章，并上传影印件。</span>
</div>
<div class="uploadcss">
<span class="icon ">上传加盖公章的《实名认证注册登记表》影印件：</span>
<span class="btn " >
<el-button type="primary" style="width: 110px">上传</el-button>查看检测校准申请历史上传文件
<p style="margin-top:10px;">支持png，bmp，jpg格式，大小不限</p>
</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.container2{
a{
text-decoration: none;
}
.content{
@include module-box;
min-height: 522px;
.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/shleft.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/shcenter.png') no-repeat ;
background-size: 100% 100%;
color:#fff;
}
span:last-child{
background: url('../../../assets/image/mymanage/right.png') no-repeat ;
background-size: 100% 100%;
}
}
}
.cnt{
>div{
margin-top: 40px;
font-size: 14px;
font-weight: 400;
.icon{
padding-left: 104px;
}
.icon::before{
content: '*';
color: #F26335;
}
img{
width: 44px;
height: 38px;
margin: 0 20px 0px 40px;
}
a{
color: #00799E;
}
.btn{
padding: 0;
text-align: left;
color: #F26335;
font-size: 14px;
margin-top: -10px;
.el-button{
height: 40px;
border-radius: 4px;
line-height: 40px;
padding: 0;
font-size: 14px;
margin-right: 20px;
}
}
}
>div:last-child{
margin-top: 21px;
}
.uploadcss{
display: flex;
justify-content: space-around;
text-align: left;
span{
display: inline-block;
width: 50%;
font-size: 14px;
}
}
}
}}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
.cnt{
padding:0 5px;
}
.container2 .content .cnt .uploadcss{
>span{
width: 100%;
margin-top: 10px;
padding: 0;
}
}
}
</style>
\ No newline at end of file
src/views/MyManage/UnVerify/vendor.vue
......@@ -221,10 +221,7 @@
</el-form-item>
<el-form-item label='传真：'
prop='fax'
:rules="[{
required: true,
message: '不能为空',
}]">
>
<el-input v-model='form.email' autocomplete='off' placeholder="请输入传真"></el-input>
</el-form-item>
<el-form-item label='E-mail：'
......@@ -256,7 +253,7 @@
</el-form>
</div>
<div class="btn-div">
<el-button type="primary" style="width: 110px">保 存</el-button>
<el-button type="primary" style="width: 110px" @click="submit">保 存</el-button>
</div>
</div>
</div>
......@@ -325,6 +322,9 @@ export default {
resolve(true);
});
},
submit(){
this.$router.push({path:'/UnVerify/uploadvendor'})
}
},
......
src/views/MyManage/UnVerify/vendorstatus.vue 0 → 100644
<template>
<div class="container2">
<div class="content">
<div class="title">厂商实名认证——审核状态 <a href="/MyManage/UnVerify">返回我的首页</a></div>
<div class="content-list">
<p >
<span>1.填写实名信息</span>
<span>2.提交书面材料</span>
<span>3.审核状态</span>
</p>
</div>
<div class="cnt">
<div class="fail" v-if="result">
<img src="../../../assets/image/mymanage/fail.png" alt="">
<span>很抱歉！您未通过中国物品编码中心实名认证。一下为您所在的 <a href="#" target="_blank">分支机构</a> 审核意见：</span>
<p>{{opinion}}</p>
<p class="btn-p">
<el-button type="primary" style="width: 192px">重新修改企业资料</el-button>
</p>
</div>
<div class="success" v-else>
<img src="../../../assets/image/mymanage/continue.png" alt="">
<span>您好！实名认证资料正在审核中！</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
opinion:'请修改材料！',
result:false
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.container2{
a{
text-decoration: none;
}
.content{
@include module-box;
min-height: 522px;
.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/shleft.png') no-repeat ;
background-size: 100% 100%;
}
span:nth-child(2){
background: url('../../../assets/image/mymanage/shenter2.png') no-repeat ;
background-size: 100% 100%;
color:#fff;
}
span:last-child{
background: url('../../../assets/image/mymanage/shright.png') no-repeat ;
background-size: 100% 100%;
color:#fff;
}
}
}
.cnt{
>div{
margin-top: 80px;
font-size: 14px;
font-weight: 400;
text-align: center;
p{
font-size: 16px;
color: #F26335;
margin-top: 28px;
}
br{
width: 100%;
border-top: 1px solid #F3F3F3;
}
a{
color: #00799E;
}
img{
width: 64px;
height: 64px;
margin-right: 18px;
}
.btn-p{
margin-top: 99px;
border-top: 1px solid #f3f3f3;
padding: 30px 0;
.el-button{
height: 40px;
border-radius: 4px;
line-height: 40px;
padding: 0;
font-size: 14px;
margin-right: 20px;
}
}
}
}
}}
</style>
<style lang="scss" scoped>
@media (max-width: 768px) {
}
</style>
\ No newline at end of file
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