long/mes_mobile
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交项目

Browse Source
This commit is contained in:
‘tuzi0421
2024-01-15 14:02:04 +08:00
commit ea0b969b32
35 changed files with 1166 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
pages/index/index.vue Normal file
View File

@@ -0,0 +1,129 @@
<template>
<view class="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">
<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>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
//跳转消息页
toMessage(){
uni.navigateTo({
url: '/pages/index/message'
})
},
}
}
</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>

54
pages/index/message.vue Normal file
View File

@@ -0,0 +1,54 @@
<template>
<view class="message_page">
<view class="message_content">
<view class="message_data">
<view class="message_box">
<view class="message_type">类型</view>
<view class="messages_block">消息</view>
</view>
<view class="message_box">
<view class="message_type">工单审批</view>
<view class="messages_block">工单号：</view>
</view>
<view class="message_box">
<view class="message_type">设备停机</view>
<view class="messages_block">设备名称：</view>
</view>
<view class="message_box">
<view class="message_type">出材率预警</view>
<view class="messages_block">工单号：</view>
</view>
<view class="message_box noborbot">
<view class="message_type">设备保修</view>
<view class="messages_block">设备名称：</view>
</view>
<view class="con_but">
<view class="but_rat"><view class="t-icon t-icon-shenpizhida icon22"></view>审批</view>
<view class="but_del"><view class="t-icon t-icon-shezhi icon22 paddrigth5"></view>删除</view>
</view>
</view>
</view>
<view class="message_button">
</view>
</view>
</template>
<script>
</script>
<style>
.message_page{height: 100vh;color: #fff;background-color: #060B26;}
.message_content{padding: 14px;}
.message_data{background: #1C2755;padding: 0 12px;border-radius: 8px;font-size: 13px;}
.message_box{display: flex;line-height: 44px;border-bottom: 1px solid #2D3A6F;}
.message_type{width: 25%;}
.con_but{ display: flow-root;padding-bottom: 15px;}
.but_del{ float: right;display: flex;align-items: center;justify-content: center;width: 76px;
height: 33px;border-radius: 22.5px;
border: 1px solid #fff;margin-right: 10px;}
.but_rat{ float: right;display: flex;align-items: center;justify-content: center;width: 76px;
height: 33px;border-radius: 22.5px;
border: 1px solid #009688;color: #009688;}
</style>

25
pages/login/login.vue Normal file
View File

@@ -0,0 +1,25 @@
<template>
<view class="">
测试
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

86
pages/person/accountCenter.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<view class="person_page pagepaddings font13">
<view class="person_dataA contentboxsty">
<view class="content_box">
<view class="data_name">头像</view>
<view class="">
>
</view>
</view>
<view class="content_box">
<view class="data_name">真实姓名</view>
<view class="">
>
</view>
</view>
<view class="content_box noborbot">
<view class="data_name">登录名</view>
<view class="">
</view>
</view>
</view>
<view class="person_dataB contentboxsty">
<view class="content_box" @click="toChangPhone()">
<view class="data_name">手机号</view>
<view class=""></view>
</view>
<view class="content_box noborbot">
<view class="data_name">微信</view>
<view class=""></view>
</view>
</view>
<view class="person_dataC contentboxsty">
<view class="content_box">
<view class="data_name">设备故障通知</view>
<view class=""></view>
</view>
<view class="content_box">
<view class="data_name">出材率预警通知</view>
<view class=""></view>
</view>
<view class="content_box noborbot">
<view class="data_name">设备保修通知</view>
<view class=""></view>
</view>
</view>
<view class="person_dataD contentboxsty">
<view class="content_box noborbot">
<view class="data_name">清除缓存</view>
<view class=""></view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
//跳转更改手机号页面
toChangPhone(){
uni.navigateTo({
url: '/pages/person/changePhone'
})
}
}
}
</script>
<style lang="scss" >
.person_page{
.person_dataA{
padding: 0 14px;
margin-bottom: 12px;
}
.person_dataB{padding: 0 14px;margin-bottom: 12px;}
.person_dataC{padding: 0 14px;margin-bottom: 12px;}
.person_dataD{padding: 0 14px;}
.content_box{display: flex;align-items: center;height: 44px;border-bottom: 1px solid #2D3A6F;}
.data_name{flex: 1;}
}
</style>

22
pages/person/changePhone.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

119
pages/person/person.vue Normal file
View File

@@ -0,0 +1,119 @@
<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>
</view>
</template>
<script>
export default {
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>