root/screenkb-hengsen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

刷新时间

Browse Source
This commit is contained in:
蔡玲
2024-12-23 18:19:07 +08:00
parent 660c7f9d8f
commit 920eef9c18
4 changed files with 18 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/Setup.vue
View File

@@ -10,10 +10,6 @@
<label>域名地址</label> <label>域名地址</label>
<input type="text" class="inputStyle" v-model="baseUrl"> <input type="text" class="inputStyle" v-model="baseUrl">
</div> </div>
<div class="inputOuter">
<label>刷新时间（秒）</label>
<input type="number" class="inputStyle" v-model="setTime">
</div>
<div class="inputOuter"> <div class="inputOuter">
<label>看板</label> <label>看板</label>
<el-select class="selectWraper" v-model="value" placeholder="请选择"> <el-select class="selectWraper" v-model="value" placeholder="请选择">
@@ -25,6 +21,14 @@
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div v-show="Number(value) === 1" class="inputOuter">
<label>刷新时间（秒）</label>
<input type="number" class="inputStyle" v-model="setJxtTime">
</div>
<div v-show="Number(value) === 2" class="inputOuter">
<label>刷新时间（秒）</label>
<input type="number" class="inputStyle" v-model="setTime">
</div>
</div> </div>
<button class="btn" @click="_config">配置</button> <button class="btn" @click="_config">配置</button>
</div> </div>
@@ -40,6 +44,7 @@ export default {
loginname: '', loginname: '',
password: '', password: '',
baseUrl: this.$store.getters.baseUrl, baseUrl: this.$store.getters.baseUrl,
setJxtTime: this.$store.getters.setJxtTime / 1000,
setTime: this.$store.getters.setTime / 1000, setTime: this.$store.getters.setTime / 1000,
options: [{value: 1, label: '拣选台'}, {value: 2, label: '仓储监控'}], options: [{value: 1, label: '拣选台'}, {value: 2, label: '仓储监控'}],
value: this.$store.getters.pageNo value: this.$store.getters.pageNo
@@ -47,14 +52,14 @@ export default {
}, },
methods: { methods: {
_config () { _config () {
if (this.setTime <= 3) { if (this.setTime <= 2 || this.setJxtTime <= 2) {
this.$message({ this.$message({
message: '刷新时间设置过短', message: '刷新时间设置过短',
type: 'warning' type: 'warning'
}) })
return return
} }
if (this.setTime > 10800) { if (this.setTime > 10800 || this.setJxtTime > 10800) {
this.$message({ this.$message({
message: '刷新时间设置过长', message: '刷新时间设置过长',
type: 'warning' type: 'warning'
@@ -64,6 +69,7 @@ export default {
let obj = { let obj = {
baseUrl: this.baseUrl, baseUrl: this.baseUrl,
setTime: this.setTime * 1000, setTime: this.setTime * 1000,
setJxtTime: this.setJxtTime * 1000,
pageNo: this.value pageNo: this.value
} }
this.$store.dispatch('setConfig', obj) this.$store.dispatch('setConfig', obj)

2
src/pages/modules/index1.vue
View File

@@ -159,7 +159,7 @@ export default {
}, },
data () { data () {
return { return {
interTime: this.$store.getters.setTime, interTime: this.$store.getters.setJxtTime,
timer: null, timer: null,
options: [], options: [],
value: '', value: '',

207
src/pages/modules/index1的副本.vue
View File

@@ -1,207 +0,0 @@
<template>
<div class="box relative">
<t-header title2="浙江恒森实业集团WMS系统">
<el-select class="header_select" v-model="value" placeholder="请选择" @change="change">
<el-option
v-for="item in options"
:key="item.code"
:label="item.name"
:value="item.code">
</el-option>
</el-select>
</t-header>
<div class="box body_container">
<div v-if="itemData.length >= 1" class="relative n_wraper">
<div class="absolute bg_j bg_j_1"></div>
<div class="absolute bg_j bg_j_2"></div>
<div class="absolute bg_j bg_j_3"></div>
<div class="absolute bg_j bg_j_4"></div>
<div class="relative title_wraper">
<p class="relative title_h1">装配一车间</p>
<p class="absolute title_h2">当前任务&nbsp;-&nbsp;<span style="color: #00b678;font-weight: 700;">{{ itemData[0].task_code }}</span></p>
</div>
<div class="zd-row content_wraper">
<div class="zd-col-20">
<div class="zd-row flexwrap item_wraper">
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">库内料箱</div>
<div class="zd-col-16 item_value">{{ itemData[0].vehicle_code }}<span class="item_unit"></span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">物料名称</div>
<div class="zd-col-16 item_value">{{ itemData[0].material_name }}<span class="item_unit"></span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">规格</div>
<div class="zd-col-16 item_value">{{ itemData[0].material_spec }}<span class="item_unit"></span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">数量</div>
<div class="zd-col-16 item_value">{{ itemData[0].qty }}<span class="item_unit">个</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">需出数量</div>
<div class="zd-col-16 item_value">{{ itemData[0].assign_qty }}<span class="item_unit">个</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">单重</div>
<div class="zd-col-16 item_value">{{ itemData[0].single_weight }}<span class="item_unit">g</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">拣选称重</div>
<div class="zd-col-16 item_value">{{ itemData[0].actual_weight }}<span class="item_unit">g</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">理论数量</div>
<div class="zd-col-16 item_value">{{ itemData[0].theory_qty }}<span class="item_unit">个</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">箱内剩余</div>
<div class="zd-col-16 item_value">{{ itemData[0].remaining_qty }}<span class="item_unit">个</span></div>
</div>
</div>
</div>
</div>
<div class="zd-col-4 tip_wraper" :class="itemData[0].assign_qty === itemData[0].theory_qty ? 'tip_wraper_bg1' : 'tip_wraper_bg2'">
<div class="tip_txt">料箱{{ itemData[0].vehicle_code }}<br/>{{itemData[0].assign_qty === itemData[0].theory_qty ? '拣选成功！' : '称重错误！'}}</div>
</div>
</div>
</div>
<div v-if="itemData.length >= 2" class="relative n_wraper">
<div class="absolute bg_j bg_j_1"></div>
<div class="absolute bg_j bg_j_2"></div>
<div class="absolute bg_j bg_j_3"></div>
<div class="absolute bg_j bg_j_4"></div>
<div class="relative title_wraper">
<p class="relative title_h1">装配二车间</p>
<p class="absolute title_h2">下一任务&nbsp;-&nbsp;<span style="color: #00b678;font-weight: 700;">{{ itemData[1].task_code }}</span></p>
</div>
<div class="zd-row content_wraper">
<div class="zd-col-24">
<div class="zd-row flexwrap item_wraper">
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">料箱号</div>
<div class="zd-col-16 item_value">{{ itemData[1].vehicle_code }}<span class="item_unit"></span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">物料名称</div>
<div class="zd-col-16 item_value">{{ itemData[1].material_name }}<span class="item_unit"></span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">规格</div>
<div class="zd-col-16 item_value">{{ itemData[1].material_spec }}<span class="item_unit"></span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">数量</div>
<div class="zd-col-16 item_value">{{ itemData[1].qty }}<span class="item_unit">个</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">需出数量</div>
<div class="zd-col-16 item_value">{{ itemData[1].assign_qty }}<span class="item_unit">个</span></div>
</div>
</div>
<div class="info_item">
<div class="box zd-row jccenter info_item_i">
<div class="zd-col-8 item_label">单重</div>
<div class="zd-col-16 item_value">{{ itemData[1].single_weight }}<span class="item_unit">g</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div v-if="itemData.length === 0" class="zd-row jccenter wraning">当前拣选工位无拣选作业</div>
</div>
</div>
</template>
<script>
import THeader from '@components/header.vue'
import { queryPickingPoint, pickingInfo } from '@js/mork2.js'
export default {
components: {
THeader
},
data () {
return {
interTime: this.$store.getters.setTime,
timer: null,
options: [],
value: '',
itemData: []
}
},
created () {
this._queryPickingPoint()
},
beforeDestroy () {
if (this.timer !== null) {
clearInterval(this.timer)
}
},
methods: {
refresh () {
this._pickingInfo()
this.timer = setInterval(() => {
this._pickingInfo()
}, this.interTime)
},
async _pickingInfo () {
let res = await pickingInfo(this.value)
this.itemData = [...res]
},
async _queryPickingPoint () {
let res = await queryPickingPoint()
this.options = [...res]
if (res.length > 0) {
this.value = res[0].code
this.refresh()
}
},
change (e) {
if (e) {
if (this.timer !== null) {
clearInterval(this.timer)
}
this.refresh()
}
}
}
}
</script>
<style lang="stylus" scoped>
@import './style.stylus'
.wraning
height 100%
font-size 50px;
color: yellow;
font-weight: 700;
text-align: center;
</style>

6
src/vuex/modules/com.js
View File

@@ -7,7 +7,8 @@ const baseUrl = process.env.NODE_ENV === 'development' ? 'http://localhost:8099'
*/ */
const state = { const state = {
baseUrl: getStore('baseUrl') || baseUrl, baseUrl: getStore('baseUrl') || baseUrl,
setTime: getStore('setTime') || 10000, setTime: getStore('setTime') || 15000,
setJxtTime: getStore('setJxtTime') || 3000,
pageNo: getStore('pageNo') || 1 pageNo: getStore('pageNo') || 1
} }
@@ -15,6 +16,7 @@ const actions = {
setConfig ({commit}, res) { setConfig ({commit}, res) {
setStore('baseUrl', res.baseUrl) setStore('baseUrl', res.baseUrl)
setStore('setTime', res.setTime) setStore('setTime', res.setTime)
setStore('setJxtTime', res.setJxtTime)
setStore('pageNo', res.pageNo) setStore('pageNo', res.pageNo)
commit(types.COM_CONFIG, res) commit(types.COM_CONFIG, res)
} }
@@ -23,6 +25,7 @@ const actions = {
const getters = { const getters = {
baseUrl: state => state.baseUrl, baseUrl: state => state.baseUrl,
setTime: state => state.setTime, setTime: state => state.setTime,
setJxtTime: state => state.setJxtTime,
pageNo: state => state.pageNo pageNo: state => state.pageNo
} }
@@ -30,6 +33,7 @@ const mutations = {
[types.COM_CONFIG] (state, res) { [types.COM_CONFIG] (state, res) {
state.baseUrl = res.baseUrl state.baseUrl = res.baseUrl
state.setTime = res.setTime state.setTime = res.setTime
state.setJxtTime = res.setJxtTime
state.pageNo = res.pageNo state.pageNo = res.pageNo
} }
} }