Commit 97a0ed43 authored by 李驰骋's avatar 李驰骋

登录改为选择作业单元

parent d0ca3384
...@@ -26,6 +26,8 @@ const install = (Vue, vm) => { ...@@ -26,6 +26,8 @@ const install = (Vue, vm) => {
params), params),
getWorkstationList: (params = {}) => vm.$u.get(config.adminPath + getWorkstationList: (params = {}) => vm.$u.get(config.adminPath +
'/mobile/md/workstation/getWorkstationList', params), '/mobile/md/workstation/getWorkstationList', params),
getWorkUnitList: (params = {}) => vm.$u.get(config.adminPath +
'/md/workunit/getListByUser', params),
/** /**
* 生产管理相关API * 生产管理相关API
**/ **/
......
...@@ -18,21 +18,16 @@ ...@@ -18,21 +18,16 @@
</view> </view>
<u-modal width="90%" v-model="showWorkstationFlag" :showConfirmButton="false" :showCancelButton="true" <u-modal width="90%" v-model="showWorkstationFlag" :showConfirmButton="false" :showCancelButton="true"
title="请选择工作站" content="操作内容"> title="请选择工作站" content="操作内容">
<!-- <u-tabs :list="processList" :is-scroll="true" :current="currentFlag" name="processName"
@change="getWorkstationList">
</u-tabs> -->
<uv-tabs :list="processList" :current="currentFlag" keyName="processName" @change="getWorkstationList"
v-if="showWorkstationFlag"></uv-tabs>
<view class="station_list"> <view class="station_list">
<u-empty text="暂无工作站" mode="list" v-if="workstationList.length==0" <u-empty text="暂无工作单元" mode="list" v-if="workUnitList.length==0"
style="margin: 0 auto;display: block;height: 360rpx;padding: 100rpx 0;"></u-empty> style="margin: 0 auto;display: block;height: 360rpx;padding: 100rpx 0;"></u-empty>
<template v-else> <template v-else>
<u-card class="station_card" :show-foot="false" :title="'工作站'+card.workstationCode" :key="index" <u-card class="station_card" :show-foot="false" :title="'工作单元'+card.workunitCode"
v-for="(card,index) in workstationList"> v-for="(card,index) in workUnitList">
<view class="station_card_text" slot="body"> <view class="station_card_text" slot="body">
{{ '工作站名称:' + card.workstationName }} {{ '工作单元名称:' + card.workunitName }}
<u-button type="primary" @click="setWorkstation(card)" <u-button type="primary" @click="setWorkUnit(card)"
style="margin-top: 30rpx;">选择 style="margin-top: 30rpx;">选择
</u-button> </u-button>
</view> </view>
...@@ -45,7 +40,7 @@ ...@@ -45,7 +40,7 @@
title="请选择操作"> title="请选择操作">
<view class="logoutmenu"> <view class="logoutmenu">
<u-button shape="circle" class="menu_button" @click="" type="primary">更改密码</u-button> <u-button shape="circle" class="menu_button" @click="" type="primary">更改密码</u-button>
<u-button shape="circle" class="menu_button" @click="handleCommand('workstation')" type="warning">切换工作站 <u-button shape="circle" class="menu_button" @click="handleCommand('workunit')" type="warning">切换工作站
</u-button> </u-button>
<u-button shape="circle" class="menu_button" @click="handleCommand('exit')" type="error">退出登录</u-button> <u-button shape="circle" class="menu_button" @click="handleCommand('exit')" type="error">退出登录</u-button>
</view> </view>
...@@ -54,14 +49,14 @@ ...@@ -54,14 +49,14 @@
</template> </template>
<script> <script>
import TabHeader from "./TabHeader.vue" import TabHeader from "./TabHeader.vue"
import ProContent from "../mes/pro/index.vue" import ProContent from "../mes/pro/index.vue"
import GxContent from "../mes/gx/index.vue" import GxContent from "../mes/gx/index.vue"
import QcContent from "../mes/qc/index.vue" import QcContent from "../mes/qc/index.vue"
import ProdReport from "../mes/prodReport/index.vue" import ProdReport from "../mes/prodReport/index.vue"
import DictData from '@/components/DictData' import DictData from '@/components/DictData'
export default { export default {
name: 'HomePage', name: 'HomePage',
components: { components: {
TabHeader, TabHeader,
...@@ -82,6 +77,7 @@ export default { ...@@ -82,6 +77,7 @@ export default {
}, },
processList: [], //工序清单 processList: [], //工序清单
workstationList: [], //工作站清单 workstationList: [], //工作站清单
workUnitList:[],//工作站清单
currentFlag: 0 currentFlag: 0
} }
}, },
...@@ -89,16 +85,16 @@ export default { ...@@ -89,16 +85,16 @@ export default {
uni.$on('switchTab', (indexCode) => { uni.$on('switchTab', (indexCode) => {
this.tabIndex = indexCode; this.tabIndex = indexCode;
}) })
uni.$on('changeWorkstation', (indexCode) => { uni.$on('changeWorkunit', (indexCode) => {
this.handleCommand('workstation'); this.handleCommand('workunit');
}) })
this.checkWorkstation(); this.checkWorkstation();
this.getProcessList(); this.getWorkUnitList();
}, },
destroyed() { destroyed() {
uni.$off('switchTab'); uni.$off('switchTab');
uni.$off('changeWorkstation'); uni.$off('changeWorkunit');
}, },
methods: { methods: {
//用户部分点击 //用户部分点击
...@@ -110,9 +106,9 @@ export default { ...@@ -110,9 +106,9 @@ export default {
//检查工作站设置情况 //检查工作站设置情况
checkWorkstation() { checkWorkstation() {
if (this.vuex_workstation == null) { if (this.vuex_workunit == null) {
this.showWorkstationFlag = true; this.showWorkstationFlag = true;
this.$u.toast("请设置当前触控屏的工作站!"); this.$u.toast("请设置当前触控屏的工作单元!");
} }
}, },
//获取工序清单 //获取工序清单
...@@ -142,11 +138,21 @@ export default { ...@@ -142,11 +138,21 @@ export default {
} }
}); });
}, },
getWorkUnitList(item) {
this.$u.api.getWorkUnitList({
}).then(res => {
if (res.code === 200) {
this.workUnitList = res.rows;
} else {
this.$u.toast("获取工作单元清单异常" + res.msg);
}
});
},
//设置当前触控屏的工作站 //设置当前触控屏的工作站
setWorkstation(station) { setWorkUnit(station) {
this.$u.vuex('vuex_workstation', station); this.$u.vuex('vuex_workunit', station);
this.showWorkstationFlag = false; this.showWorkstationFlag = false;
uni.$emit('switchWorkstation', station); uni.$emit('switchWorkunit', station);
}, },
handleCommand(command) { handleCommand(command) {
if (command === 'exit') { if (command === 'exit') {
...@@ -166,32 +172,32 @@ export default { ...@@ -166,32 +172,32 @@ export default {
}, 500); }, 500);
} }
}) })
} else if (command == 'workstation') { } else if (command == 'workunit') {
this.showLogoutMenu = false; this.showLogoutMenu = false;
this.showWorkstationFlag = true; this.showWorkstationFlag = true;
} }
} }
} }
} }
</script> </script>
<style> <style>
.common-container { .common-container {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
display: flex; display: flex;
} }
.common-head { .common-head {
height: 40px; height: 40px;
background-color: rgb(3, 26, 60); background-color: rgb(3, 26, 60);
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 15px; padding: 0 15px;
box-sizing: border-box; box-sizing: border-box;
} }
.header { .header {
width: 120px; width: 120px;
background-color: #132138; background-color: #132138;
color: aliceblue; color: aliceblue;
...@@ -206,63 +212,63 @@ export default { ...@@ -206,63 +212,63 @@ export default {
margin: 40rpx auto; margin: 40rpx auto;
display: block; display: block;
} }
} }
.header .divItem { .header .divItem {
height: 100%; height: 100%;
align-items: center; align-items: center;
} }
.header .workstation { .header .workstation {
text-align: center; text-align: center;
flex-grow: 1; flex-grow: 1;
} }
.header .user { .header .user {
width: 30%; width: 30%;
} }
.header .user .user-icon { .header .user .user-icon {
float: right; float: right;
} }
img { img {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 20px; border-radius: 20px;
margin-left: 10px; margin-left: 10px;
} }
.header .user .user-text { .header .user .user-text {
float: right; float: right;
} }
.logoutmenu { .logoutmenu {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.menu_button { .menu_button {
width: 100px; width: 100px;
margin: 10px; margin: 10px;
} }
.station_modal { .station_modal {
} }
.station_list { .station_list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.station_card { .station_card {
width: 250px; width: 250px;
height: 150px; height: 150px;
} }
.common-main { .common-main {
flex: 1; flex: 1;
height: 100%; height: 100%;
padding: 6px 6px 6px 0; padding: 6px 6px 6px 0;
...@@ -270,9 +276,9 @@ img { ...@@ -270,9 +276,9 @@ img {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
background-image: linear-gradient(to top right, rgb(19 26 56), rgb(33 64 128)); background-image: linear-gradient(to top right, rgb(19 26 56), rgb(33 64 128));
} }
.setting-body { .setting-body {
position: absolute; position: absolute;
bottom: 20rpx; bottom: 20rpx;
width: 200rpx; width: 200rpx;
...@@ -284,5 +290,5 @@ img { ...@@ -284,5 +290,5 @@ img {
.setting-icon { .setting-icon {
margin: 10rpx 10rpx; margin: 10rpx 10rpx;
} }
} }
</style> </style>
...@@ -63,9 +63,9 @@ ...@@ -63,9 +63,9 @@
</view> </view>
<view class="prod-body-right"> <view class="prod-body-right">
<view style="text-align: center;line-height: 80rpx;font-size: 28rpx;font-weight: 600;"> <view style="text-align: center;line-height: 80rpx;font-size: 28rpx;font-weight: 600;">
{{ this.vuex_workstation == null ? '请选择工作站' : this.vuex_workstation.workstationName }} {{ this.vuex_workunit == null ? '请选择工作单元' : this.vuex_workunit.workunitName }}
</view> </view>
<u-button type="primary" @click="changeWorkstation">切换工作</u-button> <u-button type="primary" @click="changeWorkstation">切换工作单元</u-button>
<br/> <br/>
<u-button type="warning" @click="commonClick('KnifeTemp')">刀模版上下机</u-button> <u-button type="warning" @click="commonClick('KnifeTemp')">刀模版上下机</u-button>
<u-button type="primary" @click="commonClick('Refresh')">刷新</u-button> <u-button type="primary" @click="commonClick('Refresh')">刷新</u-button>
...@@ -716,7 +716,7 @@ export default { ...@@ -716,7 +716,7 @@ export default {
} }
}, },
mounted() { //监听工作站切换事件 mounted() { //监听工作站切换事件
uni.$on('switchWorkstation', (station) => { uni.$on('switchWorkunit', (station) => {
this.getTaskList(); this.getTaskList();
}) })
}, },
...@@ -728,7 +728,7 @@ export default { ...@@ -728,7 +728,7 @@ export default {
} }
}) })
//监听工作站切换事件 //监听工作站切换事件
uni.$on('switchWorkstation', (station) => { uni.$on('switchWorkunit', (station) => {
// this.reset(); // this.reset();
this.getTaskList(); this.getTaskList();
}) })
...@@ -737,7 +737,7 @@ export default { ...@@ -737,7 +737,7 @@ export default {
this.getTaskList(); //刷新任务状态 this.getTaskList(); //刷新任务状态
}) })
if (this.vuex_workstation != null) { if (this.vuex_workunit != null) {
this.getTaskList(); this.getTaskList();
} }
// if (this.vuex_task != null) { // if (this.vuex_task != null) {
...@@ -745,7 +745,7 @@ export default { ...@@ -745,7 +745,7 @@ export default {
// } // }
}, },
destroyed() { destroyed() {
uni.$off('switchWorkstation'); uni.$off('switchWorkunit');
uni.$off('taskStatusChanged'); uni.$off('taskStatusChanged');
}, },
methods: { methods: {
...@@ -759,7 +759,7 @@ export default { ...@@ -759,7 +759,7 @@ export default {
console.log('99999999', arg) console.log('99999999', arg)
}, },
changeWorkstation() { changeWorkstation() {
uni.$emit('changeWorkstation'); uni.$emit('changeWorkunit');
}, },
commonClick(oper) { commonClick(oper) {
if (['Refresh', 'MaterialUsageRecord'].indexOf(oper) === -1 && this.tableSelectData.length === 0) { if (['Refresh', 'MaterialUsageRecord'].indexOf(oper) === -1 && this.tableSelectData.length === 0) {
...@@ -929,8 +929,9 @@ export default { ...@@ -929,8 +929,9 @@ export default {
}, },
getTaskList() { getTaskList() {
this.form = {} this.form = {}
const t = this;
this.$u.api.getTaskList({ this.$u.api.getTaskList({
workstationId: this.vuex_workstation.workstationId, workunitId: t.vuex_workunit.workunitId,
}).then(res => { }).then(res => {
if (res.code === 200) { if (res.code === 200) {
this.tableData = res.rows; this.tableData = res.rows;
......
...@@ -46,6 +46,7 @@ const store = new Vuex.Store({ ...@@ -46,6 +46,7 @@ const store = new Vuex.Store({
vuex_config: config, vuex_config: config,
//当前设备绑定的工作站 //当前设备绑定的工作站
vuex_workstation: null, vuex_workstation: null,
vuex_workunit: null,
//当前工作站正在进行的生产任务 //当前工作站正在进行的生产任务
vuex_task: null, vuex_task: null,
......
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