Skip to content

G
gs1
Commit 7a5a760a by tang
Options

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

parent 257fbba1
Showing with 385 additions and 93 deletions
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,61 +2,83 @@ ...@@ -2,61 +2,83 @@
<div class="userInfo"> <div class="userInfo">
<div class="cnt"> <div class="cnt">
<img src="../../../assets/image/mymanage/headImg.png" alt=""> <img src="../../../assets/image/mymanage/headImg.png" alt="">
<p>{{userNamr}}/{{phone}}/{{cardNo}}</p> <template v-if="type === UN_VERIFY">
<p>{{userType}} | {{nocardNo}}</p> <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>
</div> </div>
</template> </template>
<script> <script>
const UN_VERIFY = 0;
const SYSTEM_MEMBER = 1;
const ADMIN = 2;
export default { export default {
data() { props: {
type: Number
},
data() {
return { return {
userNamr:'用户名', UN_VERIFY,
phone:'手机号', SYSTEM_MEMBER,
cardNo:'条码卡号', ADMIN,
userType:'用户类别', userNamr: '用户名',
nocardNo:'未申请条码卡' phone: '手机号',
cardNo: '条码卡号',
userType: '用户类别',
nocardNo: '未申请条码卡'
}; };
}, },
created() { created() {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.userInfo{ .userInfo {
background: #fff; background: #fff;
min-height: 224px; min-height: 224px;
margin-bottom: 14px; margin-bottom: 14px;
.cnt{
.cnt {
text-align: center; text-align: center;
img{ img {
width: 80px; width: 80px;
height: 80px; height: 80px;
margin-top: 40px; margin-top: 40px;
margin-bottom: 20px; margin-bottom: 20px;
} }
p{
margin-bottom: 0!important; p {
margin-bottom: 0;
} }
p:first-child{
p:first-child {
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: #414345; color: #414345;
} }
p:last-child{
p:last-child {
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;
color: #999999; color: #999999;
} }
.admin_name{
margin-bottom: 6px;
}
} }
} }
</style> </style>
\ No newline at end of file
src/views/MyManage/index.vue
...@@ -2,11 +2,11 @@ ...@@ -2,11 +2,11 @@
<div class="nav-me container marginTop20 mb-5" style="position: relative"> <div class="nav-me container marginTop20 mb-5" style="position: relative">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<UserInfo/> <UserInfo :type="userType"/>
<SubNav/> <SubNav/>
</div> </div>
<div class="col-lg-9"> <div class="col-lg-9">
<router-view ></router-view> <router-view></router-view>
</div> </div>
</div> </div>
</div> </div>
...@@ -15,8 +15,7 @@ ...@@ -15,8 +15,7 @@
<script> <script>
import SubNav from "../comps/SubNav.vue"; import SubNav from "../comps/SubNav.vue";
import UserInfo from "./comps/userInfo.vue"; import UserInfo from "./comps/userInfo.vue";
import {uuid} from "../../utils/utils";
const UN_VERIFY = 0; const UN_VERIFY = 0;
const SYSTEM_MEMBER = 1; const SYSTEM_MEMBER = 1;
...@@ -27,82 +26,120 @@ export default { ...@@ -27,82 +26,120 @@ export default {
SubNav, SubNav,
UserInfo UserInfo
}, },
created() {
// TODO 判断用户状态 处理一下左侧的 sub_nav 和用户panel
// 1. 未申请条码
// 2.系统成员
// 3.管理员
this.userType = ADMIN;
},
data() { data() {
return { return {
routerList:[ routerList: [
{
id: uuid("gs_nav"),
name: "首页",
index: 0,
link: "/MyManage/UnVerify/index",
},
{ {
name: "首页", id: uuid("gs_nav"),
index: 0, name: "业务管理",
link: "/MyManage/UnVerify/index", 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: "",
},
],
}, },
{ {
name: "业务管理", id: uuid("gs_nav"),
index: 1, name: "用户信息管理",
link: "", index: 2,
children: [ link: "",
{ children: [
name: "商品条码在线注册", {
index: 0, id: uuid("gs_nav"),
link: "", name: "个人资料",
}, index: 0,
{ link: "",
name: "厂商实名认证", },
index: 1, {
link: "", id: uuid("gs_nav"),
}, name: "修改密码",
{ index: 1,
name: "检测校准申请", link: "",
index: 2, },
link: "", {
}, id: uuid("gs_nav"),
name: "修改手机号码",
], index: 2,
link: "",
},
],
}, },
],
adminRouterList: [
{ {
name: "用户信息管理", id: uuid("gs_nav"),
index: 2, name: "业务审核",
link: "", index: 0,
children: [ link: "/MyManage/admin/check",
{
name: "个人资料",
index: 0,
link: "",
},
{
name: "修改密码",
index: 1,
link: "",
},
{
name: "修改手机号码",
index: 2,
link: "",
},
],
}, },
{
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() { created() {
this.$store.commit("system/SET_SUB_NAV",this.routerList); // TODO 判断用户状态 处理一下左侧的 sub_nav 和用户panel
}, // 1. 未申请条码
methods: { // 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> </script>
<style> <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