Skip to content

G
gs1
Commit 7a5a760a by tang
Options

feat: 用户中心入口-管理员-业务审核【40%】

parent 257fbba1
Showing with 375 additions and 46 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,7 @@ const routes = [
path: "/MyManage",
name: "MyManage",
component: () => import("@/views/MyManage/index"),
children:[
children: [
{
path: "/MyManage/UnVerify/index",
name: "UnVerify",
......@@ -864,7 +862,47 @@ const routes = [
},
component: () => import("@/views/MyManage/UnVerify/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 +971,6 @@ const routes = [
},
{
path: "/djwh",
name: "djwh",
......@@ -969,7 +1006,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/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>{{ userNamr }}/{{ phone }}/{{ cardNo }}</p>
<p>{{ userType }} | {{ nocardNo }}</p>
</template>
<template v-else-if="type === ADMIN">
<p class="admin_name">{{ userNamr }}</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,
userNamr: '用户名',
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,37 +26,35 @@ 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: "",
},
{
id: uuid("gs_nav"),
name: "厂商实名认证",
index: 1,
link: "",
},
{
id: uuid("gs_nav"),
name: "检测校准申请",
index: 2,
link: "",
......@@ -66,21 +63,25 @@ export default {
],
},
{
id: uuid("gs_nav"),
name: "用户信息管理",
index: 2,
link: "",
children: [
{
id: uuid("gs_nav"),
name: "个人资料",
index: 0,
link: "",
},
{
id: uuid("gs_nav"),
name: "修改密码",
index: 1,
link: "",
},
{
id: uuid("gs_nav"),
name: "修改手机号码",
index: 2,
link: "",
......@@ -88,21 +89,57 @@ export default {
],
},
],
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