144 lines
4.0 KiB
Vue
144 lines
4.0 KiB
Vue
<template>
|
|
|
|
<view class="container home">
|
|
<view class="home_head">
|
|
<view class="iconfont icon-chaojiguanliyuan accounticon"></view>
|
|
<view class="name">Ykxiao 超级管理员</view>
|
|
<view class="iconfont icon-xiaoxitongzhi notifyicon" @click="toMessage()"></view>
|
|
<view class="iconfont icon-shezhi setupicon"></view>
|
|
</view>
|
|
<view class="home_content">
|
|
<view class="content_box">
|
|
<view class="content_title">工单管理</view>
|
|
<view class="content_data">
|
|
<view class="content_module" @click="toProductionOrder()">
|
|
<view class="t-icon t-icon-shengchangongdan contenticon"></view>
|
|
<view class="contentname">生产工单</view>
|
|
</view>
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-gongdanjindu contenticon"></view>
|
|
<view class="contentname">工单进度</view>
|
|
</view>
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-gongdanchucaishuai contenticon"></view>
|
|
<view class="contentname">工单出材率</view>
|
|
</view>
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-shengchanbaobiao contenticon"></view>
|
|
<view class="contentname">生产报表</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content_box">
|
|
<view class="content_title">生产排程</view>
|
|
<view class="content_data">
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-paichengguanli contenticon"></view>
|
|
<view class="contentname">排程管理</view>
|
|
</view>
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-paichengshichang contenticon"></view>
|
|
<view class="contentname">排程时长</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content_box">
|
|
<view class="content_title">设备管理</view>
|
|
<view class="content_data">
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-shebeiguanli contenticon"></view>
|
|
<view class="contentname">设备设置</view>
|
|
</view>
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-shebeizhuangtai contenticon"></view>
|
|
<view class="contentname">设备状态</view>
|
|
</view>
|
|
<view class="content_module">
|
|
<view class="t-icon t-icon-shebeibaoxiu contenticon"></view>
|
|
<view class="contentname">设备保修</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<tab-bar :current-page="0"></tab-bar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import tabBar from "@/components/customTabBar/index"
|
|
export default {
|
|
components:{
|
|
tabBar
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
//跳转消息页
|
|
toMessage(){
|
|
uni.navigateTo({
|
|
url: '/pages/index/message'
|
|
})
|
|
},
|
|
//跳转生产工单页
|
|
toProductionOrder(){
|
|
uni.navigateTo({
|
|
url:'/pages/index/productionOrder'
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
/* .icon {
|
|
width: 80upx;
|
|
height: 80upx;
|
|
vertical-align: -0.15em;
|
|
fill: currentColor;
|
|
overflow: hidden;
|
|
} */
|
|
.home {
|
|
height: 100vh;
|
|
/* background-color: #060B26; */
|
|
padding: 0 10px;
|
|
font-size: 14px;
|
|
}
|
|
.home_head{height: 40px;display: flex;position: relative;align-items: center;padding-bottom: 5px;}
|
|
.home_head .name{flex:1;}
|
|
.accounticon{
|
|
/* width: 20px;
|
|
height: 20px; */
|
|
margin-right: 5px;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
}
|
|
.notifyicon{font-size: 20px;padding-right: 20px;}
|
|
.setupicon{font-size: 20px;}
|
|
.home_content{
|
|
|
|
}
|
|
.content_title{
|
|
line-height: 25px;
|
|
font-size: 16px;
|
|
}
|
|
.content_data{padding: 10px 0;display: flex;position: relative;align-items: center;text-align: center;height: 98px;}
|
|
.content_module{
|
|
width: 25%;
|
|
margin: 10px 1%;
|
|
height: 98px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
background-color: #009688;
|
|
border-radius: 8px;
|
|
}
|
|
.contenticon{font-size: 24px;width: 32px;height: 32px;background-repeat: no-repeat;}
|
|
.contentname{padding-top: 2px;font-size: 12px;}
|
|
</style>
|