Files
hht-shangdianke-uni/pages/manage/task-flow.vue

116 lines
3.3 KiB
Vue
Raw Normal View History

2024-02-18 18:00:04 +08:00
<template>
<view class="zd_container">
<nav-bar title="任务流转"></nav-bar>
<view class="zd_content">
<view class="flow_wrapper" v-for="e in dataList" :key="e.point_code">
<view class="zd-row">
<view class="zd-col-24">
<view class="zd-row">
<view class="zd-col-2">
<view class="zd-row flow_icon_item_1">
<view class="iconfont icon_start_point">&#xe820;</view>
</view>
</view>
<view class="zd-col-22">
<view class="zd-row flow_start_item" @tap="checkcode1(e)" :class="{'flow_start_item_checked': pkId1 === e.point_code}">
2024-02-19 09:11:53 +08:00
<view class="zd-col-8 pdl20 pdr20 font-size-1">{{e.point_code}}</view>
<view class="zd-col-16 pdr20 font-size-2">{{e.point_name}}</view>
2024-02-18 18:00:04 +08:00
<view v-show="pkId1 === e.point_code" class="iconfont icon_choosed">&#xe66b;</view>
</view>
</view>
</view>
</view>
</view>
<view class="zd-row">
<view class="zd-col-24">
<view class="zd-row flow_icon_item_2">
<view class="iconfont icon_vdash_line">&#xe603;</view>
</view>
</view>
</view>
<view class="zd-row">
<view class="zd-col-24">
<view class="zd-row flexstart">
<view class="zd-col-2">
<view class="zd-row flow_icon_item_1">
<view class="iconfont icon_start_point">&#xe61f;</view>
</view>
</view>
<view class="zd-col-22">
<view class="zd-row mgb10 flow_start_item" v-for="el in e.end_points" :key="el.point_code" @tap="checkcode2(el)" :class="{'flow_start_item_checked': pkId2 === el.point_code}">
2024-02-19 09:11:53 +08:00
<view class="zd-col-8 pdl20 pdr20 font-size-1">{{el.point_code}}</view>
<view class="zd-col-16 pdr20 font-size-2">{{el.point_name}}</view>
2024-02-18 18:00:04 +08:00
<view v-show="pkId2 === el.point_code" class="iconfont icon_choosed">&#xe66b;</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="submit-bar_new">
<button class="zd-col-24 submit-button_new" :class="{'btn-disabled': !pkId1}" :disabled="disabled" @tap="toSure">生成任务</button>
</view>
</view>
</template>
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import {queryAllPoints, createP2pTask} from '@/utils/getData2.js'
export default {
components: {
NavBar,
SearchBox
},
data() {
return {
dataList: [],
disabled: false,
pkId1: '',
pkId2: ''
};
},
created () {
this._queryAllPoints()
},
methods: {
/** 初始化查询 */
async _queryAllPoints () {
let res = await queryAllPoints()
this.dataList = [...res]
},
checkcode1 (e) {
this.pkId1 = this.pkId1 === e.point_code ? '' : e.point_code
},
checkcode2 (e) {
this.pkId2 = this.pkId2 === e.point_code ? '' : e.point_code
},
/** 重新下发 */
async toSure () {
this.disabled = true
if (!this.pkId1) {
this.disabled = false
return
}
try {
let res = await createP2pTask(this.pkId1, this.pkId2)
this.disabled = false
this.pkId1 = ''
this.pkId2 = ''
this._queryAllPoints()
uni.showToast({
title: res.message,
icon: 'none'
})
} catch (e) {
this.disabled = false
}
}
}
}
</script>
<style lang="stylus">
</style>