153 lines
4.4 KiB
Vue
153 lines
4.4 KiB
Vue
<template>
|
||
<view class="zd_container">
|
||
<nav-bar :title="title"></nav-bar>
|
||
<view class="zd_content pdt0">
|
||
<view class="filter_wrapper">
|
||
<view class="zd-row">
|
||
<view class="zd-col-8 font-style-1" v-for="e in state" :key="e.id" @tap="changeTab(e)">
|
||
<view class="font-style-1" :class="{'font-style-2': e.id === tab}">{{e.text}}</view>
|
||
<view class="tab-line" :class="{'tab-line_active': e.id === tab}"></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="item-wrapper">
|
||
<view class="item-wrap" v-for="(e, i) in dataList" :key="i" @tap="toCheck(e)" :class="{isChecked: pkId === e.inst_uuid}">
|
||
<view class="zd-row">
|
||
<view class="zd-col-15 item-font-1">{{e.task_no}} | {{e.inst_status_name}}</view>
|
||
<view class="zd-col-9 item-font-2" style="text-align:right">{{e.create_time}}</view>
|
||
</view>
|
||
<view class="zd-row">
|
||
<view class="zd-col-16">
|
||
<view class="zd-row">
|
||
<view class="zd-col-6 item-font-3">指令号：</view>
|
||
<view class="zd-col-18 item-font-4">{{e.inst_no}}</view>
|
||
</view>
|
||
<view class="zd-row">
|
||
<view class="zd-col-10 item-font-3">指令执行步骤：</view>
|
||
<view class="zd-col-14 item-font-4">{{e.inst_step}}</view>
|
||
</view>
|
||
<view class="zd-row">
|
||
<view class="zd-col-6 item-font-3">载具号：</view>
|
||
<view class="zd-col-18 item-font-4">{{e.carrier}}</view>
|
||
</view>
|
||
<view class="zd-row">
|
||
<view class="zd-col-6 item-font-3">车号：</view>
|
||
<view class="zd-col-18 item-font-4">{{e.carno}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="zd-col-8">
|
||
<view class="item-font-5">{{e.priority}}</view>
|
||
<view class="item-font-7">优先级</view>
|
||
</view>
|
||
</view>
|
||
<view class="zd-row">
|
||
<view class="zd-col-10 item-font-6">起始设备：{{e.start_devicecode}}</view>
|
||
<view class="zd-col-2 item-font-7">––</view>
|
||
<view class="zd-col-10 item-font-6">目标设备：{{e.next_devicecode}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="zd-row submit-bar">
|
||
<button class="zd-col-7 button-primary" :class="{'button-info': !pkId}" :disabled="disabled" @tap="_handInst('1')">指令撤销</button>
|
||
<button class="zd-col-7 button-primary" :class="{'button-info': !pkId}" :disabled="disabled" @tap="_handInst('2')">重新下发</button>
|
||
<button class="zd-col-7 button-primary" :class="{'button-info': !pkId}" :disabled="disabled" @tap="_handInst('3')">强制完成</button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import NavBar from '@/components/NavBar.vue'
|
||
import SearchBox from '@/components/SearchBox.vue'
|
||
import {handInsts, handInst} from '@/utils/getData2.js'
|
||
export default {
|
||
components: {
|
||
NavBar,
|
||
SearchBox
|
||
},
|
||
data() {
|
||
return {
|
||
state: [{id:'-1', text: '全部'}, {id:'0', text: '就绪'}, {id:'1', text: '执行中'}],
|
||
tab: '-1',
|
||
title: '',
|
||
data: [],
|
||
dataList: [],
|
||
pkId: '',
|
||
disabled: false
|
||
};
|
||
},
|
||
onLoad (options) {
|
||
this.title = options.title
|
||
},
|
||
created () {
|
||
this._handInsts()
|
||
},
|
||
methods: {
|
||
toSearch () {
|
||
this.show = true
|
||
this.tab = '-1'
|
||
},
|
||
async _handInsts () {
|
||
try {
|
||
let res = await handInsts(this.val1, this.val2, this.val3)
|
||
if (res.code === '1') {
|
||
this.data = [...res.result]
|
||
this.dataList = [...this.data]
|
||
} else {
|
||
uni.showToast({
|
||
title: res.message,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
|
||
} catch (e) {
|
||
uni.showToast({
|
||
title: res.message,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
},
|
||
changeTab (e) {
|
||
this.tab = e.id
|
||
if (e.id !== '-1') {
|
||
let arr = this.data.filter(el => {return el.inst_status === e.id})
|
||
this.dataList = [...arr]
|
||
} else {
|
||
this.dataList = [...this.data]
|
||
}
|
||
},
|
||
async _handInst (type) {
|
||
this.disabled = true
|
||
if (!this.pkId) {
|
||
this.disabled = false
|
||
return
|
||
}
|
||
try {
|
||
let res = await handInst(type, this.pkId)
|
||
if (res.code === '1') {
|
||
this.disabled = false
|
||
this.tab = '-1'
|
||
this._handInsts()
|
||
uni.showToast({
|
||
title: res.message,
|
||
icon: 'none'
|
||
})
|
||
} else {
|
||
this.disabled = false
|
||
}
|
||
} catch (e) {
|
||
this.disabled = false
|
||
}
|
||
},
|
||
toCheck (e) {
|
||
this.pkId = this.pkId === e.inst_uuid ? '' : e.inst_uuid
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="stylus" scoped>
|
||
.item-font-1
|
||
font-size 28rpx
|
||
</style>
|