qa-prevention-xgf-app/pages/eight_assignments/to_do_list.vue

115 lines
3.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="content">
<u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
<u-list-item v-for="(item, index) in list" :key="index">
<view class="flex-between main-title">
<text>申请人{{ item.jobName }}</text>
</view>
<view class="flex-between main-title">
<text>作业编号{{ item.id }}</text>
</view>
<view class="flex-between main-title">
<text>作业分公司{{ item.corpName }}</text>
</view>
<view class="flex-between main-title">
<text>申请时间{{ item.createdTime }}</text>
</view>
<view class="flex-between main-title">
<text>当前步骤{{ item.taskName }}</text>
</view>
<view class=" mt-10 flex_btn">
<view class="flex_btn">
<u-button type="primary" text="修改" size="mini" class="bth-mini" v-if="item.canEditFlag === '1'" @click="handleEditTask(item)" />
<u-button type="primary" text="流程" size="mini" class="bth-mini ml-10"
@click="$u.route({
url: '/pages/eight_assignments/technological_process',
params: {taskId:item.taskId,type,title}
})"/>
<u-button type="primary" text="审批" size="mini" class="bth-mini ml-10" v-if="item.canEditFlag !== '1'"
@click="$u.route({
url: '/pages/eight_assignments/view_info',
params: {taskId:item.taskId,jobId:item.jobId,type,title}
})"/>
</view>
<view v-for="(item1, index1) in item.buttons" :key="index1" class="flex_btn">
<u-button type="primary" size="mini" shape="circle" :text="item1.name" class="bth-mini ml-10"
@click="$u.route({
url: item1.route,
params: {taskId: item.taskId,EW_RU_JOB_ID: item.jobId, isView: '1'},
})"
/>
</view>
</view>
</u-list-item>
</u-list>
<empty v-else></empty>
</view>
</template>
<script>
import {getToDoTaskList} from "@/api";
export default {
data() {
return {
type: '',
title: '',
pageSize: 10,
currentPage: 1,
totalPage: 0,
list: []
}
},
onLoad(query) {
this.type = query.type
this.title = query.title
uni.setNavigationBarTitle({
title: this.title + '待办'
})
},
onShow() {
this.resetList()
},
methods: {
async getData() {
let resData = await getToDoTaskList({
showCount: this.pageSize,
currentPage: this.currentPage,
TYPE: this.type,
vectors: '0',
REQUEST_SOURCE: '2'
});
this.list = [...this.list, ...resData.list.list];
this.totalPage = resData.list.totalPage;
},
resetList() {
this.pageSize = 10
this.currentPage = 1
this.list = []
this.getData()
},
scrolltolower() {
this.currentPage++;
if (this.totalPage >= this.currentPage) this.getData();
},
handleEditTask(value) {
let tempUrlStr = this.type.replace(/([a-z])([A-Z])/g, '\$1_\$2').toLowerCase()
uni.$u.route({
url: `/pages/eight_assignments/${tempUrlStr}/apply`,
params: { taskId: value.taskId, CORPINFO_ID: value.corpId }
})
}
},
}
</script>
<style scoped>
.flex_btn{
display: flex;
justify-content: flex-end;
}
</style>