124 lines
3.6 KiB
Vue
124 lines
3.6 KiB
Vue
<template>
|
|
<view class="person_page ">
|
|
<view class="person_top">
|
|
<view class="logo">
|
|
|
|
</view>
|
|
</view>
|
|
<view class="person_content">
|
|
<view class="con_backlog">
|
|
<view class="font14">
|
|
待办事项
|
|
</view>
|
|
<view class="backlog_data">
|
|
<view class="backlog_module">
|
|
<view class="t-icon t-icon-shengchangongdan backlogicon"></view>
|
|
<view class="backlogname">工单审批</view>
|
|
</view>
|
|
<view class="backlog_module">
|
|
<view class="t-icon t-icon-shengchangongdan backlogicon"></view>
|
|
<view class="backlogname">流程审批</view>
|
|
</view>
|
|
<view class="backlog_module">
|
|
<view class="t-icon t-icon-shengchangongdan backlogicon"></view>
|
|
<view class="backlogname">设备报警</view>
|
|
</view>
|
|
<view class="backlog_module">
|
|
<view class="t-icon t-icon-shengchangongdan backlogicon"></view>
|
|
<view class="backlogname">权限审批</view>
|
|
</view>
|
|
<view class="backlog_module">
|
|
<view class="t-icon t-icon-shengchangongdan backlogicon"></view>
|
|
<view class="backlogname">安全事故</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="con_account" @click="toAccountCenter()">
|
|
<view class="t-icon t-icon-zhanghaozhongxin personicon"></view>
|
|
<view class="font14">账户中心</view>
|
|
</view>
|
|
<view class="con_data">
|
|
<view class="con_module">
|
|
<view class="t-icon t-icon-xiaoxitongzhi-gerenzhongxin personicon"></view>
|
|
<view class="font13">消息管理</view>
|
|
<view class=""></view>
|
|
</view>
|
|
<view class="con_module">
|
|
<view class="t-icon t-icon-shenpizhida personicon"></view>
|
|
<view class="font13">审批直达</view>
|
|
<view class=""></view>
|
|
</view>
|
|
<view class="con_module noborbot">
|
|
<view class="t-icon t-icon-wodequanxian personicon"></view>
|
|
<view class="font13">我的权限</view>
|
|
<view class=""></view>
|
|
</view>
|
|
</view>
|
|
<view class="con_set">
|
|
<view class="t-icon t-icon-xitongshezhi-gerenzhongxin personicon"></view>
|
|
<view class="font13">系统设置</view>
|
|
</view>
|
|
</view>
|
|
<tab-bar :current-page="2"></tab-bar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import tabBar from "@/components/customTabBar/index"
|
|
export default {
|
|
components:{
|
|
tabBar
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
//跳转账户中心页
|
|
toAccountCenter(){
|
|
uni.navigateTo({
|
|
url: '/pages/person/accountCenter'
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.person_page{ padding: 14px;
|
|
.con_backlog{padding: 14px 10px 14px 15px;background: #1C2755;border-radius: 8px;margin-bottom: 12px;
|
|
.backlog_data{display: flex; flex-wrap: wrap;
|
|
.backlog_module{width: 93px;height: 76px;display: flex;justify-content: center;flex-direction: column;align-items: center;border-radius: 8px;
|
|
background: #6576B7;margin: 5px 6px;}
|
|
.backlogicon{width: 32px;height: 32px;}
|
|
.backlogname{
|
|
font-size: $uni-font-size-sm;
|
|
padding-top: 5px;}
|
|
}
|
|
}
|
|
.con_account{
|
|
border-radius: 8px;
|
|
background: #1C2755;
|
|
display: flex;
|
|
height: 52px;
|
|
align-items: center;
|
|
padding: 0 14px;
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
.personicon{width: 24px;height: 24px;padding-right: 15px;}
|
|
.con_data{border-radius: 8px;
|
|
background: #1C2755;
|
|
padding: 0 14px;
|
|
margin-bottom: 12px;
|
|
.con_module{display: flex;height: 49px;align-items: center;border-bottom: 1px solid #2D3A6F;}
|
|
}
|
|
.con_set{border-radius: 8px;
|
|
background: #1C2755;
|
|
display: flex;
|
|
height: 48px;
|
|
align-items: center;
|
|
padding: 0 14px;
|
|
}
|
|
}
|
|
</style> |