站点管理呼叫管理
This commit is contained in:
@@ -18,11 +18,38 @@ export const updatePass = (Rfold, Rfnew) => post2('api/pda/updatePass', {
|
|||||||
RfnewPass: Rfnew
|
RfnewPass: Rfnew
|
||||||
})
|
})
|
||||||
|
|
||||||
/** 任务生成 */
|
/** 站点管理 */
|
||||||
// 1.1查询设备
|
// 1.1查询所有区域信息
|
||||||
export const queryDevice = () => post2('api/pda/queryDevice', {})
|
// export const queryArea = () => post2('api/hand/queryArea', {})
|
||||||
// 1.2根据区域查询点位
|
export const queryArea = () => {
|
||||||
export const pdaTask = (scode, ncode) => post2('api/pda/task', {
|
let res = {
|
||||||
start_devicecode: scode,
|
result: [{region_code: '1', region_name: 'JLDFJLLJ'}, {region_code: '2', region_name: 'JLDFJLLJ'}, {region_code: '3', region_name: 'JLDFJLLJ'}]
|
||||||
next_devicecode: ncode
|
}
|
||||||
|
return res
|
||||||
|
}
|
||||||
|
// 1.2根据区域查询设备编号及状态
|
||||||
|
// export const queryPointByArea = (code) => post2('api/hand/queryPointByArea', {
|
||||||
|
// areaCode: code
|
||||||
|
// })
|
||||||
|
export const queryPointByArea = (code) => {
|
||||||
|
let res = {
|
||||||
|
result: [{device_code: '1', device_name: 'JLDFJLLJ', input_material: '1', status: '0'}, {device_code: '2', device_name: 'fffdf', status: '1'}, {device_code: '3', device_name: 'dffsfg', status: '2'}]
|
||||||
|
}
|
||||||
|
return res
|
||||||
|
}
|
||||||
|
// 1.3查询物料
|
||||||
|
export const queryMaterial = () => post2('api/hand/queryMaterial', {})
|
||||||
|
// 1.4点位状态绑定
|
||||||
|
export const bindpoint = (code, mtype, type, status) => post2('api/hand/bindpoint', {
|
||||||
|
device_code: code,
|
||||||
|
material_type: mtype,
|
||||||
|
type: type,
|
||||||
|
status: status
|
||||||
|
})
|
||||||
|
|
||||||
|
/** 呼叫管理 */
|
||||||
|
// 1.1创建任务（确定起点）
|
||||||
|
export const callTask = (scodes, code) => post2('api/hand/callTask', {
|
||||||
|
start_device_codes: scodes,
|
||||||
|
next_device_code: code
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<div class="userInfo">
|
<div class="userInfo">
|
||||||
<div class="fxcol">
|
<div class="fxcol">
|
||||||
<p class="p1">{{$store.getters.userInfo !== '' ? JSON.parse($store.getters.userInfo).nickName : ''}}</p>
|
<p class="p1">{{$store.getters.userInfo !== '' ? JSON.parse($store.getters.userInfo).nickName : ''}}</p>
|
||||||
<p class="p2">欢迎进入马钢手持系统！</p>
|
<p class="p2">欢迎进入辽宁奥美手持系统！</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="exit" @click="Quit">
|
<div class="exit" @click="Quit">
|
||||||
<i class="icon-exit"></i>
|
<i class="icon-exit"></i>
|
||||||
@@ -16,7 +16,8 @@
|
|||||||
<div class="con">
|
<div class="con">
|
||||||
<ul>
|
<ul>
|
||||||
<!-- <li v-for="e in menuList" :key="e.menu_id" @click="toPage(e)">{{e.name}}</li> -->
|
<!-- <li v-for="e in menuList" :key="e.menu_id" @click="toPage(e)">{{e.name}}</li> -->
|
||||||
<li @click="goInner('/PaintTask')">任务生成</li>
|
<li @click="goInner('/SiteManage')">站点管理</li>
|
||||||
|
<li @click="goInner('/CallManage')">呼叫管理</li>
|
||||||
<li @click="goInner('/ZlManage')">指令管理</li>
|
<li @click="goInner('/ZlManage')">指令管理</li>
|
||||||
<li @click="goInner('/TaskManage')">任务管理</li>
|
<li @click="goInner('/TaskManage')">任务管理</li>
|
||||||
<!-- <li @click="goInner('/Password')">修改密码</li> -->
|
<!-- <li @click="goInner('/Password')">修改密码</li> -->
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<section>
|
<section>
|
||||||
<section class="content">
|
<section class="content">
|
||||||
<p class="p1">欢迎来到</p>
|
<p class="p1">欢迎来到</p>
|
||||||
<p class="p2">马钢手持系统！</p>
|
<p class="p2">辽宁奥美手持系统！</p>
|
||||||
<div class="input-box">
|
<div class="input-box">
|
||||||
<input type="text" class="allwidth" placeholder="请输入用户名" v-model="loginname">
|
<input type="text" class="allwidth" placeholder="请输入用户名" v-model="loginname">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
283
src/pages/proj/CallManage.vue
Normal file
283
src/pages/proj/CallManage.vue
Normal file
@@ -0,0 +1,283 @@
|
|||||||
|
<template>
|
||||||
|
<section>
|
||||||
|
<nav-bar title="站点管理"></nav-bar>
|
||||||
|
<section class="content mgt15">
|
||||||
|
<div class="clear icons">
|
||||||
|
<div class="fl item_icon">
|
||||||
|
<div class="color_icon gray"></div>
|
||||||
|
<div class="font_icon">空</div>
|
||||||
|
</div>
|
||||||
|
<div class="fl item_icon">
|
||||||
|
<div class="color_icon green"></div>
|
||||||
|
<div class="font_icon">有货</div>
|
||||||
|
</div>
|
||||||
|
<div class="fl item_icon">
|
||||||
|
<div class="color_icon orange"></div>
|
||||||
|
<div class="font_icon">有任务</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="locate_block" v-for="e in areaArr" :key="e.region_code">
|
||||||
|
<div class="locate_name" @click="getPonit (e)">
|
||||||
|
<h2>{{e.region_name}}</h2>
|
||||||
|
<div class="iconfont open_icon" :class="{'is_reverse': e.checked === true}"></div>
|
||||||
|
</div>
|
||||||
|
<div v-show="e.checked === true" class="site_block clear" ref="liCon">
|
||||||
|
<div class="site_item fl" v-for="(el, i) in e.pointArr" :key="i" :class="['gray', 'green', 'orange'][Number(el.status)]">
|
||||||
|
<div class="site_item_box clear">
|
||||||
|
<!-- <h3 class="fl">站点</h3> -->
|
||||||
|
<div class="fl site_item_box_inner_r">
|
||||||
|
<p>{{el.device_name}}</p>
|
||||||
|
<div class="s_n_code_tip">
|
||||||
|
<div class="s_code_tip" @click="setStartcode(el)">起点</div>
|
||||||
|
<div class="n_code_tip" @click="setNextcode(el)">终点</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="submit-bar">
|
||||||
|
<div class="dot_item">
|
||||||
|
<p class="p1">起始点</p>
|
||||||
|
<p class="p2">设备号：{{scodenameArr.toString()}}</p>
|
||||||
|
</div>
|
||||||
|
<div class="dot_item">
|
||||||
|
<p class="p1">目标点</p>
|
||||||
|
<p class="p2">设备号：{{nObj.device_name}}</p>
|
||||||
|
</div>
|
||||||
|
<div class="btn_block">
|
||||||
|
<button class="btn btn1" :class="{'btn-disabled': scodeArr.length === 0 && JSON.stringify(nObj) === '{}'}" @click="cancle">清空</button>
|
||||||
|
<button class="btn btn1" :class="{'btn-disabled': scodeArr.length === 0 || JSON.stringify(nObj) === '{}'}" :disabled="disabled1" @click="toSure">确认</button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import NavBar from '@components/NavBar.vue'
|
||||||
|
import {queryArea, queryPointByArea, callTask} from '@config/getData2'
|
||||||
|
export default {
|
||||||
|
name: 'CallManage',
|
||||||
|
components: {
|
||||||
|
NavBar
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
interTime: this.$store.getters.setTime,
|
||||||
|
timer: null,
|
||||||
|
areaArr: [],
|
||||||
|
pointArr: [],
|
||||||
|
regobj: {},
|
||||||
|
disabled1: false,
|
||||||
|
scodeArr: [],
|
||||||
|
scodenameArr: [],
|
||||||
|
nObj: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
document.body.removeAttribute('class', 'login-bg')
|
||||||
|
this.initArea()
|
||||||
|
},
|
||||||
|
beforeDestroy () {
|
||||||
|
clearInterval(this.timer)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
refresh (e) {
|
||||||
|
this.timer = setInterval(() => {
|
||||||
|
this.initPonit(e)
|
||||||
|
}, this.interTime)
|
||||||
|
},
|
||||||
|
async initArea () {
|
||||||
|
let res = await queryArea()
|
||||||
|
this.areaArr = [...res.result]
|
||||||
|
this.areaArr.map(el => {
|
||||||
|
this.$set(el, 'checked', false)
|
||||||
|
this.$set(el, 'pointArr', [])
|
||||||
|
})
|
||||||
|
if (this.areaArr.length > 0) {
|
||||||
|
this.getPonit(this.areaArr[0])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async initPonit (e) {
|
||||||
|
let res = await queryPointByArea(e.region_code)
|
||||||
|
this.regobj = e
|
||||||
|
this.areaArr.map(el => {
|
||||||
|
if (el.region_code === e.region_code) {
|
||||||
|
this.$set(el, 'pointArr', [...res.result])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getPonit (e) {
|
||||||
|
clearInterval(this.timer)
|
||||||
|
this.areaArr.map(el => {
|
||||||
|
if (el.region_code !== e.region_code) {
|
||||||
|
el.checked = false
|
||||||
|
}
|
||||||
|
if (el.region_code === e.region_code) {
|
||||||
|
e.checked = !e.checked
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (e.checked) {
|
||||||
|
this.initPonit(e)
|
||||||
|
this.refresh(e)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setStartcode (e) {
|
||||||
|
this.scodeArr.push(e.device_code)
|
||||||
|
this.scodenameArr.push(e.device_name)
|
||||||
|
},
|
||||||
|
setNextcode (e) {
|
||||||
|
this.nObj = e
|
||||||
|
},
|
||||||
|
/** 清空点位选择 */
|
||||||
|
cancle () {
|
||||||
|
this.scodeArr = []
|
||||||
|
this.scodenameArr = []
|
||||||
|
this.nObj = {}
|
||||||
|
this.disabled1 = false
|
||||||
|
},
|
||||||
|
toSure () {
|
||||||
|
this.disabled1 = true
|
||||||
|
if (this.scodeArr.length === 0 || JSON.stringify(this.nObj) === '{}') {
|
||||||
|
this.disabled1 = false
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this._callTask()
|
||||||
|
},
|
||||||
|
async _callTask () {
|
||||||
|
try {
|
||||||
|
let res = await callTask(this.scodeArr, this.nObj.device_code)
|
||||||
|
this.toast(res.desc)
|
||||||
|
clearInterval(this.timer)
|
||||||
|
this.timer = null
|
||||||
|
setTimeout(() => {
|
||||||
|
this.refresh()
|
||||||
|
this.cancle()
|
||||||
|
}, 2000)
|
||||||
|
} catch (err) {
|
||||||
|
this.disabled1 = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus" scoped>
|
||||||
|
@import '~@style/mixin'
|
||||||
|
.locate_block
|
||||||
|
width 100%
|
||||||
|
background-color #fff
|
||||||
|
border-radius 5px
|
||||||
|
padding .1rem
|
||||||
|
margin-bottom .12rem
|
||||||
|
.locate_name
|
||||||
|
position relative
|
||||||
|
_wh(100%,.48rem)
|
||||||
|
h2
|
||||||
|
_font(.32rem,.48rem,#000,500)
|
||||||
|
.site_block
|
||||||
|
_wh(100%,auto)
|
||||||
|
overflow hidden
|
||||||
|
transition height .3s
|
||||||
|
.site_item
|
||||||
|
_wh(32%,1rem)
|
||||||
|
margin-top .12rem
|
||||||
|
background-color #e5e5e5
|
||||||
|
border-radius 5px
|
||||||
|
margin-right 2%
|
||||||
|
overflow hidden
|
||||||
|
&:nth-child(3n)
|
||||||
|
margin-right 0
|
||||||
|
.site_item_box
|
||||||
|
_wh(100%, 1rem)
|
||||||
|
margin 0
|
||||||
|
overflow hidden
|
||||||
|
h3
|
||||||
|
display block
|
||||||
|
width .32rem
|
||||||
|
_font(.28rem,.4rem,#000,500)
|
||||||
|
margin .1rem 0
|
||||||
|
.site_item_box_inner_r
|
||||||
|
_fj(center)
|
||||||
|
flex-direction column
|
||||||
|
_wh(100%, 1rem)
|
||||||
|
border-radius 3px
|
||||||
|
overflow hidden
|
||||||
|
p
|
||||||
|
display block
|
||||||
|
_wh(100%, .5rem)
|
||||||
|
overflow hidden
|
||||||
|
_font(.28rem,.5rem,#fff,,center)
|
||||||
|
padding 0 .05rem
|
||||||
|
.open_icon
|
||||||
|
position absolute
|
||||||
|
right 0
|
||||||
|
top 0
|
||||||
|
_wh(.48rem,.48rem)
|
||||||
|
_font(.4rem,.48rem,$red,,right)
|
||||||
|
transition all .3s
|
||||||
|
transform rotateZ(180deg)
|
||||||
|
.is_reverse
|
||||||
|
transform rotateZ(0)
|
||||||
|
.gray
|
||||||
|
background-color #b3aeae
|
||||||
|
.blue
|
||||||
|
background-color $blue
|
||||||
|
.green
|
||||||
|
background-color $green
|
||||||
|
.orange
|
||||||
|
background-color orange
|
||||||
|
.submit-bar
|
||||||
|
height 1.6rem
|
||||||
|
padding .1rem
|
||||||
|
.dot_item
|
||||||
|
width 35%
|
||||||
|
background-color #e5e5e5
|
||||||
|
.p1
|
||||||
|
display block
|
||||||
|
height .6rem
|
||||||
|
_font(.15rem,.6rem,,,center)
|
||||||
|
border-bottom .01rem solid #fff
|
||||||
|
overflow hidden
|
||||||
|
.p2
|
||||||
|
display block
|
||||||
|
_fj(center)
|
||||||
|
height .8rem
|
||||||
|
padding 0 .05rem
|
||||||
|
_font(.15rem,.4rem,,,center)
|
||||||
|
overflow hidden
|
||||||
|
word-break: break-all
|
||||||
|
.btn_block
|
||||||
|
_wh(20%, 1.4rem)
|
||||||
|
_fj()
|
||||||
|
flex-direction column
|
||||||
|
.btn1
|
||||||
|
width 100%
|
||||||
|
.content
|
||||||
|
height calc(100% - 2.7rem)
|
||||||
|
.locate_block_wrap
|
||||||
|
height 100%
|
||||||
|
overflow-y auto
|
||||||
|
.msg_item_flex_2
|
||||||
|
width 100%
|
||||||
|
_fj()
|
||||||
|
.msg_item1
|
||||||
|
width calc(50% - .1rem)
|
||||||
|
.from_item
|
||||||
|
border-bottom .01rem solid #dcdfe6
|
||||||
|
.s_n_code_tip
|
||||||
|
_fj()
|
||||||
|
_wh(100%, .5rem)
|
||||||
|
padding .1rem
|
||||||
|
background-color rgba(229, 229, 229, .5)
|
||||||
|
border-bottom-right-radius 5px
|
||||||
|
border-bottom-left-radius 5px
|
||||||
|
.s_code_tip
|
||||||
|
_wh(50%, .3rem)
|
||||||
|
_font(.24rem, .3rem, $blue, ,center)
|
||||||
|
border-right .01rem solid $blue
|
||||||
|
.n_code_tip
|
||||||
|
_wh(50%, .3rem)
|
||||||
|
_font(.24rem, .3rem, $red, ,center)
|
||||||
|
</style>
|
||||||
@@ -1,236 +0,0 @@
|
|||||||
<template>
|
|
||||||
<section>
|
|
||||||
<nav-bar title="任务生成"></nav-bar>
|
|
||||||
<section class="content mgt15">
|
|
||||||
<div class="locate_block_wrap">
|
|
||||||
<div class="locate_block" v-for="e in areaArr" :key="e.region_id">
|
|
||||||
<div class="locate_name" @click="getPonit(e)">
|
|
||||||
<h2>{{e.region_name}}</h2>
|
|
||||||
<div class="iconfont open_icon" :class="{'is_reverse': e.checked === true}"></div>
|
|
||||||
</div>
|
|
||||||
<div v-show="e.checked === true" class="site_block clear" ref="liCon">
|
|
||||||
<div class="site_item fl" v-for="(el, i) in e.deviceArr" :key="i" @click="setInfo(el)">
|
|
||||||
<div class="site_item_box clear">
|
|
||||||
<h3 class="fl">站点</h3>
|
|
||||||
<div class="fl site_item_box_inner_r">
|
|
||||||
<p class="bg_white">{{el.device_name}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="submit-bar">
|
|
||||||
<div class="dot_item">
|
|
||||||
<p class="p1">起始点</p>
|
|
||||||
<p class="p2">设备号：{{scodeObj.device_name}}</p>
|
|
||||||
</div>
|
|
||||||
<div class="dot_item">
|
|
||||||
<p class="p1">目标点</p>
|
|
||||||
<p class="p2">设备号：{{ncodeObj.device_name}}</p>
|
|
||||||
</div>
|
|
||||||
<div class="btn_block">
|
|
||||||
<button class="btn btn1" :class="{'btn-disabled': JSON.stringify(scodeObj) === '{}' && JSON.stringify(ncodeObj) === '{}'}" @click="cancle">清空</button>
|
|
||||||
<button class="btn btn1" :class="{'btn-disabled': JSON.stringify(scodeObj) === '{}' || JSON.stringify(ncodeObj) === '{}'}" :disabled="disabled1" @click="toSure">确认</button>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import NavBar from '@components/NavBar.vue'
|
|
||||||
import DropdownMenu from '@components/DropdownMenu.vue'
|
|
||||||
import {queryDevice, pdaTask} from '@config/getData2'
|
|
||||||
export default {
|
|
||||||
name: 'PaintTask',
|
|
||||||
components: {
|
|
||||||
NavBar,
|
|
||||||
DropdownMenu
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
interTime: this.$store.getters.setTime,
|
|
||||||
timer: null,
|
|
||||||
areaArr: [],
|
|
||||||
scodeObj: {},
|
|
||||||
ncodeObj: {},
|
|
||||||
disabled1: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted () {
|
|
||||||
this.refresh()
|
|
||||||
},
|
|
||||||
beforeDestroy () {
|
|
||||||
clearInterval(this.timer)
|
|
||||||
this.timer = null
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
refresh () {
|
|
||||||
this._queryDevice()
|
|
||||||
this.timer = setInterval(() => {
|
|
||||||
this._queryDevice()
|
|
||||||
}, this.interTime)
|
|
||||||
},
|
|
||||||
/** 查询设备 */
|
|
||||||
async _queryDevice () {
|
|
||||||
let res = await queryDevice()
|
|
||||||
this.areaArr = [...res.result.regionja]
|
|
||||||
this.areaArr.map(el => {
|
|
||||||
this.$set(el, 'checked', true)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getPonit (e) {
|
|
||||||
this.areaArr.map(el => {
|
|
||||||
if (el.region_id === e.region_id) {
|
|
||||||
e.checked = !e.checked
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 设为起始点目标点 */
|
|
||||||
setInfo (e) {
|
|
||||||
if (JSON.stringify(this.scodeObj) === '{}') {
|
|
||||||
this.scodeObj = e
|
|
||||||
} else if (JSON.stringify(this.ncodeObj) === '{}') {
|
|
||||||
this.ncodeObj = e
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 清空点位选择 */
|
|
||||||
cancle () {
|
|
||||||
this.scodeObj = {}
|
|
||||||
this.ncodeObj = {}
|
|
||||||
this.disabled1 = false
|
|
||||||
},
|
|
||||||
toSure () {
|
|
||||||
this.disabled1 = true
|
|
||||||
if (JSON.stringify(this.scodeObj) === '{}' || JSON.stringify(this.ncodeObj) === '{}') {
|
|
||||||
this.disabled1 = false
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this._pdaTask()
|
|
||||||
},
|
|
||||||
async _pdaTask () {
|
|
||||||
try {
|
|
||||||
let res = await pdaTask(this.scodeObj.device_code, this.ncodeObj.device_code)
|
|
||||||
this.toast(res.desc)
|
|
||||||
clearInterval(this.timer)
|
|
||||||
this.timer = null
|
|
||||||
setTimeout(() => {
|
|
||||||
this.refresh()
|
|
||||||
this.scodeObj = {}
|
|
||||||
this.ncodeObj = {}
|
|
||||||
this.disabled1 = false
|
|
||||||
}, 2000)
|
|
||||||
} catch (err) {
|
|
||||||
this.disabled1 = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
@import '~@style/mixin'
|
|
||||||
.locate_block
|
|
||||||
width 100%
|
|
||||||
background-color #fff
|
|
||||||
border-radius 5px
|
|
||||||
padding .1rem
|
|
||||||
margin-bottom .12rem
|
|
||||||
.locate_name
|
|
||||||
position relative
|
|
||||||
_wh(100%,24px)
|
|
||||||
h2
|
|
||||||
_font(16px,24px,#000,500)
|
|
||||||
.site_block
|
|
||||||
_wh(100%,auto)
|
|
||||||
overflow hidden
|
|
||||||
transition height .3s
|
|
||||||
.site_item
|
|
||||||
_wh(32%,50px)
|
|
||||||
padding 0 .1rem
|
|
||||||
margin-top .12rem
|
|
||||||
background-color #e5e5e5
|
|
||||||
border-radius 5px
|
|
||||||
margin-right 2%
|
|
||||||
overflow hidden
|
|
||||||
&:nth-child(3n)
|
|
||||||
margin-right 0
|
|
||||||
.site_item_box
|
|
||||||
_wh(100%, 40px)
|
|
||||||
margin 5px 0
|
|
||||||
overflow hidden
|
|
||||||
h3
|
|
||||||
display block
|
|
||||||
width 18px
|
|
||||||
_font(14px,20px,#000,500)
|
|
||||||
.site_item_box_inner_r
|
|
||||||
_fj(center)
|
|
||||||
flex-direction column
|
|
||||||
_wh(calc(100% - 18px), 40px)
|
|
||||||
background-color #fff
|
|
||||||
border-radius 3px
|
|
||||||
overflow hidden
|
|
||||||
p
|
|
||||||
display block
|
|
||||||
_wh(100%, 20px)
|
|
||||||
overflow hidden
|
|
||||||
_font(14px,20px,#999,,center)
|
|
||||||
padding 0 .05rem
|
|
||||||
.bg_white
|
|
||||||
background-color #fff
|
|
||||||
.open_icon
|
|
||||||
position absolute
|
|
||||||
right 0
|
|
||||||
top 0
|
|
||||||
_wh(24px,24px)
|
|
||||||
_font(20px,24px,$red,,right)
|
|
||||||
transition all .3s
|
|
||||||
transform rotateZ(180deg)
|
|
||||||
.is_reverse
|
|
||||||
transform rotateZ(0)
|
|
||||||
.gray
|
|
||||||
background-color #e5e5e5
|
|
||||||
.blue
|
|
||||||
background-color $blue
|
|
||||||
.green
|
|
||||||
background-color $green
|
|
||||||
.orange
|
|
||||||
background-color orange
|
|
||||||
.submit-bar
|
|
||||||
height 1.6rem
|
|
||||||
padding .1rem
|
|
||||||
.dot_item
|
|
||||||
width 35%
|
|
||||||
background-color #e5e5e5
|
|
||||||
.p1
|
|
||||||
display block
|
|
||||||
height .6rem
|
|
||||||
_font(.15rem,.6rem,,,center)
|
|
||||||
border-bottom .01rem solid #fff
|
|
||||||
overflow hidden
|
|
||||||
.p2
|
|
||||||
display block
|
|
||||||
height .8rem
|
|
||||||
padding 0 .05rem
|
|
||||||
_font(.15rem,.8rem,,,center)
|
|
||||||
overflow hidden
|
|
||||||
.btn_block
|
|
||||||
_wh(20%, 1.4rem)
|
|
||||||
_fj()
|
|
||||||
flex-direction column
|
|
||||||
.btn1
|
|
||||||
width 100%
|
|
||||||
.content
|
|
||||||
height calc(100% - 2.7rem)
|
|
||||||
.locate_block_wrap
|
|
||||||
height 100%
|
|
||||||
overflow-y auto
|
|
||||||
.msg_item_flex_2
|
|
||||||
width 100%
|
|
||||||
_fj()
|
|
||||||
.msg_item1
|
|
||||||
width calc(50% - .1rem)
|
|
||||||
.from_item
|
|
||||||
border-bottom .01rem solid #dcdfe6
|
|
||||||
</style>
|
|
||||||
@@ -1,127 +0,0 @@
|
|||||||
<template>
|
|
||||||
<section>
|
|
||||||
<nav-bar title="压制叫料"></nav-bar>
|
|
||||||
<section class="content mgt186">
|
|
||||||
<div class="filter-wraper">
|
|
||||||
<div class="bottom-filter-tip">
|
|
||||||
<div class="filter-label txtjustify">点位</div>
|
|
||||||
<div class="fxcol mgl20 visible" >
|
|
||||||
<dropdown-menu
|
|
||||||
:option="option1"
|
|
||||||
:active="active1"
|
|
||||||
:open="open1"
|
|
||||||
@toggleItem="toggleItem1"
|
|
||||||
@dropdownMenu="dropdownMenu1">
|
|
||||||
</dropdown-menu>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bottom-filter-tip">
|
|
||||||
<div class="filter-label txtjustify">是否满托</div>
|
|
||||||
<div class="fxcol mgl20 visible" >
|
|
||||||
<dropdown-menu
|
|
||||||
:option="option2"
|
|
||||||
:active="active2"
|
|
||||||
:open="open2"
|
|
||||||
@toggleItem="toggleItem2"
|
|
||||||
@dropdownMenu="dropdownMenu2">
|
|
||||||
</dropdown-menu>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="submit-bar">
|
|
||||||
<button class="btn submit-button" :class="{'btn-disabled' : active1 === '' || active2 === ''}" :disabled="disabled1" @click="_callMaterialconfirm">确定</button>
|
|
||||||
<button class="btn submit-button" @click="toCancle">取消</button>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import NavBar from '@components/NavBar.vue'
|
|
||||||
import DropdownMenu from '@components/DropdownMenu.vue'
|
|
||||||
import {callMaterialqueryPoint, callMaterialconfirm} from '@config/getData1'
|
|
||||||
export default {
|
|
||||||
name: 'PressCallMater',
|
|
||||||
components: {
|
|
||||||
NavBar,
|
|
||||||
DropdownMenu
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
option1: [],
|
|
||||||
active1: '',
|
|
||||||
open1: false,
|
|
||||||
option2: [{value: '1', label: '是'}, {value: '2', label: '否'}],
|
|
||||||
active2: '',
|
|
||||||
open2: false,
|
|
||||||
disabled1: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created () {
|
|
||||||
this._callMaterialqueryPoint()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 1.1查询点位 */
|
|
||||||
async _callMaterialqueryPoint () {
|
|
||||||
let res = await callMaterialqueryPoint()
|
|
||||||
if (res.code === '1') {
|
|
||||||
this.option1 = [...res.result]
|
|
||||||
this.option1.map(el => {
|
|
||||||
this.$set(el, 'value', el.point_code)
|
|
||||||
this.$set(el, 'label', el.point_name)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.Dialog(res.desc)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 确定 */
|
|
||||||
async _callMaterialconfirm () {
|
|
||||||
this.disabled1 = true
|
|
||||||
if (this.active1 === '' || this.active2 === '') {
|
|
||||||
this.disabled1 = false
|
|
||||||
return
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
let res = await callMaterialconfirm(this.option1[this.active1].point_id, this.option1[this.active1].point_code, this.option1[this.active1].point_name, this.option2[this.active2].value)
|
|
||||||
if (res.code === '1') {
|
|
||||||
this.toast(res.desc)
|
|
||||||
this.toCancle()
|
|
||||||
} else {
|
|
||||||
this.Dialog(res.desc)
|
|
||||||
}
|
|
||||||
this.disabled1 = false
|
|
||||||
} catch (e) {
|
|
||||||
this.disabled1 = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 取消 */
|
|
||||||
toCancle () {
|
|
||||||
this.active1 = ''
|
|
||||||
this.active2 = ''
|
|
||||||
this.disabled1 = false
|
|
||||||
},
|
|
||||||
toggleItem1 () {
|
|
||||||
if (!this.open1) {
|
|
||||||
this.open1 = true
|
|
||||||
} else {
|
|
||||||
this.open1 = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dropdownMenu1 (i) {
|
|
||||||
this.active1 = i + ''
|
|
||||||
this.open1 = false
|
|
||||||
},
|
|
||||||
toggleItem2 () {
|
|
||||||
if (!this.open2) {
|
|
||||||
this.open2 = true
|
|
||||||
} else {
|
|
||||||
this.open2 = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dropdownMenu2 (i) {
|
|
||||||
this.active2 = i + ''
|
|
||||||
this.open2 = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
301
src/pages/proj/SiteManage.vue
Normal file
301
src/pages/proj/SiteManage.vue
Normal file
@@ -0,0 +1,301 @@
|
|||||||
|
<template>
|
||||||
|
<section>
|
||||||
|
<nav-bar title="站点管理"></nav-bar>
|
||||||
|
<section class="content mgt15">
|
||||||
|
<div class="clear icons">
|
||||||
|
<div class="fl item_icon">
|
||||||
|
<div class="color_icon gray"></div>
|
||||||
|
<div class="font_icon">空</div>
|
||||||
|
</div>
|
||||||
|
<div class="fl item_icon">
|
||||||
|
<div class="color_icon green"></div>
|
||||||
|
<div class="font_icon">有货</div>
|
||||||
|
</div>
|
||||||
|
<div class="fl item_icon">
|
||||||
|
<div class="color_icon orange"></div>
|
||||||
|
<div class="font_icon">有任务</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="locate_block" v-for="e in areaArr" :key="e.region_code">
|
||||||
|
<div class="locate_name" @click="getPonit (e)">
|
||||||
|
<h2>{{e.region_name}}</h2>
|
||||||
|
<div class="iconfont open_icon" :class="{'is_reverse': e.checked === true}"></div>
|
||||||
|
</div>
|
||||||
|
<div v-show="e.checked === true" class="site_block clear" ref="liCon">
|
||||||
|
<div class="site_item fl" v-for="(el, i) in e.pointArr" :key="i" :class="['gray', 'green', 'orange'][Number(el.status)]" @click="setInfo(el)">
|
||||||
|
<div class="site_item_box clear">
|
||||||
|
<h3 class="fl">站点</h3>
|
||||||
|
<div class="fl site_item_box_inner_r">
|
||||||
|
<p class="bg_white">{{el.device_name}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<div v-if="active" class="msg_wrapper">
|
||||||
|
<div class="msg_box">
|
||||||
|
<div class="msg_item">
|
||||||
|
<div class="label_item">当前设备</div>
|
||||||
|
<div class="from_item">
|
||||||
|
{{obj.device_name}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="msg_item">
|
||||||
|
<div class="label_item">当前物料</div>
|
||||||
|
<div class="from_item">
|
||||||
|
<el-select v-model="value" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in options"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="msg_btns">
|
||||||
|
<button class="msg_btn" :disabled="disabled1" @click="cleanUp">清空</button>
|
||||||
|
<button class="msg_btn" :disabled="disabled2" @click="msgSure">确认</button>
|
||||||
|
<button class="msg_btn" @click="msgCancle">取消</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="active" class="mask"></div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import NavBar from '@components/NavBar.vue'
|
||||||
|
import {queryArea, queryPointByArea, queryMaterial, bindpoint} from '@config/getData2'
|
||||||
|
export default {
|
||||||
|
name: 'siteManage',
|
||||||
|
components: {
|
||||||
|
NavBar
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
interTime: this.$store.getters.setTime,
|
||||||
|
timer: null,
|
||||||
|
areaArr: [],
|
||||||
|
pointArr: [],
|
||||||
|
regobj: {},
|
||||||
|
active: false,
|
||||||
|
options: [],
|
||||||
|
value: '',
|
||||||
|
obj: {},
|
||||||
|
disabled1: false,
|
||||||
|
disabled2: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
document.body.removeAttribute('class', 'login-bg')
|
||||||
|
this.initArea()
|
||||||
|
this.initHandMatrial()
|
||||||
|
},
|
||||||
|
beforeDestroy () {
|
||||||
|
clearInterval(this.timer)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
refresh (e) {
|
||||||
|
this.timer = setInterval(() => {
|
||||||
|
this.initPonit(e)
|
||||||
|
}, this.interTime)
|
||||||
|
},
|
||||||
|
async initArea () {
|
||||||
|
let res = await queryArea()
|
||||||
|
this.areaArr = [...res.result]
|
||||||
|
this.areaArr.map(el => {
|
||||||
|
this.$set(el, 'checked', false)
|
||||||
|
this.$set(el, 'pointArr', [])
|
||||||
|
})
|
||||||
|
if (this.areaArr.length > 0) {
|
||||||
|
this.getPonit(this.areaArr[0])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async initPonit (e) {
|
||||||
|
let res = await queryPointByArea(e.region_code)
|
||||||
|
this.regobj = e
|
||||||
|
this.areaArr.map(el => {
|
||||||
|
if (el.region_code === e.region_code) {
|
||||||
|
this.$set(el, 'pointArr', [...res.result])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async initHandMatrial () {
|
||||||
|
let res = await queryMaterial()
|
||||||
|
this.options = [...res.result]
|
||||||
|
},
|
||||||
|
getPonit (e) {
|
||||||
|
clearInterval(this.timer)
|
||||||
|
this.areaArr.map(el => {
|
||||||
|
if (el.region_code !== e.region_code) {
|
||||||
|
el.checked = false
|
||||||
|
}
|
||||||
|
if (el.region_code === e.region_code) {
|
||||||
|
e.checked = !e.checked
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (e.checked) {
|
||||||
|
this.initPonit(e)
|
||||||
|
this.refresh(e)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setInfo (e) {
|
||||||
|
if (e.input_material === '1') {
|
||||||
|
this.active = true
|
||||||
|
this.obj = e
|
||||||
|
this.value = e.material_type
|
||||||
|
}
|
||||||
|
},
|
||||||
|
msgCancle () {
|
||||||
|
this.active = false
|
||||||
|
this.obj = {}
|
||||||
|
this.value = ''
|
||||||
|
},
|
||||||
|
msgSure () {
|
||||||
|
this.disabled2 = true
|
||||||
|
this.handStatus(this.obj.device_code, this.value, '1', this.obj.status)
|
||||||
|
this.active = false
|
||||||
|
},
|
||||||
|
cleanUp () {
|
||||||
|
this.disabled1 = true
|
||||||
|
this.handStatus(this.obj.device_code, this.value, '2', this.obj.status)
|
||||||
|
this.active = false
|
||||||
|
},
|
||||||
|
async handStatus (code, mtype, type, no) {
|
||||||
|
try {
|
||||||
|
let res = await bindpoint(code, mtype, type, no)
|
||||||
|
if (res.code === '1') {
|
||||||
|
this.toast(res.desc)
|
||||||
|
clearInterval(this.timer)
|
||||||
|
var that = this
|
||||||
|
setTimeout(() => {
|
||||||
|
that.initPonit(this.regobj)
|
||||||
|
this.refresh(this.regobj)
|
||||||
|
this.value = ''
|
||||||
|
this.disabled1 = false
|
||||||
|
this.disabled2 = false
|
||||||
|
}, 2000)
|
||||||
|
} else {
|
||||||
|
this.Dialog(res.desc)
|
||||||
|
this.value = ''
|
||||||
|
this.disabled1 = false
|
||||||
|
this.disabled2 = false
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
this.value = ''
|
||||||
|
this.disabled1 = false
|
||||||
|
this.disabled2 = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="stylus" scoped>
|
||||||
|
@import '~@style/mixin'
|
||||||
|
.locate_block
|
||||||
|
width 100%
|
||||||
|
background-color #fff
|
||||||
|
border-radius 5px
|
||||||
|
padding .1rem
|
||||||
|
margin-bottom .12rem
|
||||||
|
.locate_name
|
||||||
|
position relative
|
||||||
|
_wh(100%,.48rem)
|
||||||
|
h2
|
||||||
|
_font(.32rem,.48rem,#000,500)
|
||||||
|
.site_block
|
||||||
|
_wh(100%,auto)
|
||||||
|
overflow hidden
|
||||||
|
transition height .3s
|
||||||
|
.site_item
|
||||||
|
_wh(32%,1rem)
|
||||||
|
padding 0 .1rem
|
||||||
|
margin-top .12rem
|
||||||
|
background-color #e5e5e5
|
||||||
|
border-radius 5px
|
||||||
|
margin-right 2%
|
||||||
|
overflow hidden
|
||||||
|
&:nth-child(3n)
|
||||||
|
margin-right 0
|
||||||
|
.site_item_box
|
||||||
|
_wh(100%, .8rem)
|
||||||
|
margin .1rem 0
|
||||||
|
overflow hidden
|
||||||
|
h3
|
||||||
|
display block
|
||||||
|
width .32rem
|
||||||
|
_font(.28rem,.4rem,#000,500)
|
||||||
|
.site_item_box_inner_r
|
||||||
|
_fj(center)
|
||||||
|
flex-direction column
|
||||||
|
_wh(calc(100% - .32rem), .8rem)
|
||||||
|
background-color #fff
|
||||||
|
border-radius 3px
|
||||||
|
overflow hidden
|
||||||
|
p
|
||||||
|
display block
|
||||||
|
_wh(100%, .4rem)
|
||||||
|
overflow hidden
|
||||||
|
_font(.28rem,.4rem,#999,,center)
|
||||||
|
padding 0 .05rem
|
||||||
|
.bg_white
|
||||||
|
background-color #fff
|
||||||
|
.open_icon
|
||||||
|
position absolute
|
||||||
|
right 0
|
||||||
|
top 0
|
||||||
|
_wh(.48rem,.48rem)
|
||||||
|
_font(.4rem,.48rem,$red,,right)
|
||||||
|
transition all .3s
|
||||||
|
transform rotateZ(180deg)
|
||||||
|
.is_reverse
|
||||||
|
transform rotateZ(0)
|
||||||
|
.gray
|
||||||
|
background-color #e5e5e5
|
||||||
|
.blue
|
||||||
|
background-color $blue
|
||||||
|
.green
|
||||||
|
background-color $green
|
||||||
|
.orange
|
||||||
|
background-color orange
|
||||||
|
.submit-bar
|
||||||
|
height 1.6rem
|
||||||
|
padding .1rem
|
||||||
|
.dot_item
|
||||||
|
width 35%
|
||||||
|
background-color #e5e5e5
|
||||||
|
.p1
|
||||||
|
display block
|
||||||
|
height .6rem
|
||||||
|
_font(.15rem,.6rem,,,center)
|
||||||
|
border-bottom .01rem solid #fff
|
||||||
|
overflow hidden
|
||||||
|
.p2
|
||||||
|
display block
|
||||||
|
height .8rem
|
||||||
|
padding 0 .05rem
|
||||||
|
_font(.15rem,.8rem,,,center)
|
||||||
|
overflow hidden
|
||||||
|
.btn_block
|
||||||
|
_wh(20%, 1.4rem)
|
||||||
|
_fj()
|
||||||
|
flex-direction column
|
||||||
|
.btn1
|
||||||
|
width 100%
|
||||||
|
.content
|
||||||
|
height calc(100% - 2.7rem)
|
||||||
|
.locate_block_wrap
|
||||||
|
height 100%
|
||||||
|
overflow-y auto
|
||||||
|
.msg_item_flex_2
|
||||||
|
width 100%
|
||||||
|
_fj()
|
||||||
|
.msg_item1
|
||||||
|
width calc(50% - .1rem)
|
||||||
|
.from_item
|
||||||
|
border-bottom .01rem solid #dcdfe6
|
||||||
|
</style>
|
||||||
@@ -10,7 +10,8 @@ const Setup = r => require.ensure([], () => r(require('../pages/login/Setup')),
|
|||||||
const Password = r => require.ensure([], () => r(require('../pages/proj/Password')), 'Password')
|
const Password = r => require.ensure([], () => r(require('../pages/proj/Password')), 'Password')
|
||||||
const TaskManage = r => require.ensure([], () => r(require('../pages/proj/TaskManage')), 'TaskManage')
|
const TaskManage = r => require.ensure([], () => r(require('../pages/proj/TaskManage')), 'TaskManage')
|
||||||
const ZlManage = r => require.ensure([], () => r(require('../pages/proj/ZlManage')), 'ZlManage')
|
const ZlManage = r => require.ensure([], () => r(require('../pages/proj/ZlManage')), 'ZlManage')
|
||||||
const PaintTask = r => require.ensure([], () => r(require('../pages/proj/PaintTask')), 'PaintTask')
|
const SiteManage = r => require.ensure([], () => r(require('../pages/proj/SiteManage')), 'SiteManage')
|
||||||
|
const CallManage = r => require.ensure([], () => r(require('../pages/proj/CallManage')), 'CallManage')
|
||||||
|
|
||||||
Vue.use(Router)
|
Vue.use(Router)
|
||||||
|
|
||||||
@@ -56,8 +57,12 @@ export default new Router({
|
|||||||
component: ZlManage
|
component: ZlManage
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/PaintTask', // 任务生成
|
path: '/SiteManage', // 站点管理
|
||||||
component: PaintTask
|
component: SiteManage
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/CallManage', // 呼叫管理
|
||||||
|
component: CallManage
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
scrollBehavior (to, from, savedPosition) {
|
scrollBehavior (to, from, savedPosition) {
|
||||||
|
|||||||
Reference in New Issue
Block a user