358 lines
9.3 KiB
Vue
358 lines
9.3 KiB
Vue
|
<template>
|
||
|
|
<view class="order-v">
|
||
|
|
<view class="head-warp com-dropdown">
|
||
|
|
<u-dropdown class="u-dropdown" ref="uDropdown">
|
||
|
|
<u-dropdown-item :title="$t('app.apply.sort')" :options="sortOptions">
|
||
|
|
<view class="screen-box">
|
||
|
|
<view class="screen-list">
|
||
|
|
<view class="u-p-l-20 u-p-r-20 list">
|
||
|
|
<scroll-view scroll-y="true" style="height: 100%;">
|
||
|
|
<u-cell-group>
|
||
|
|
<u-cell-item @click="cellClick(item)" :arrow="false" :title="item.label"
|
||
|
|
v-for="(item, index) in sortOptions" :key="index" :title-style="{
|
||
|
|
color: sortValue.includes(item.value)? '#2979ff' : '#606266' }">
|
||
|
|
<u-icon v-if="sortValue.includes(item.value)" name="checkbox-mark"
|
||
|
|
color="#2979ff" size="32"></u-icon>
|
||
|
|
</u-cell-item>
|
||
|
|
</u-cell-group>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
<view class="u-flex screen-btn">
|
||
|
|
<text @click="handleSortReset" class="btn btn1">{{$t('common.cleanText')}}</text>
|
||
|
|
<text @click="handleSortSearch" class="btn btn2">{{$t('common.okText')}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</u-dropdown-item>
|
||
|
|
<u-dropdown-item :title="$t('app.apply.screen')">
|
||
|
|
<view class="screen-box u-flex-col">
|
||
|
|
<view class="screen-list">
|
||
|
|
<view class="u-p-l-20 u-p-r-20 list">
|
||
|
|
<scroll-view scroll-y="true" style="height: 100%;">
|
||
|
|
<u-form label-position="left" label-width="150" label-align="left">
|
||
|
|
<u-form-item :label="$t('component.jnpf.dateRange.startPlaceholder')"
|
||
|
|
prop="startTime">
|
||
|
|
<JnpfDatePicker v-model="listQuery.startTime" />
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item :label="$t('component.jnpf.dateRange.endPlaceholder')"
|
||
|
|
prop="endTime">
|
||
|
|
<JnpfDatePicker v-model="listQuery.endTime" />
|
||
|
|
</u-form-item>
|
||
|
|
</u-form>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
<view class="u-flex screen-btn">
|
||
|
|
<text @click="reset" class="btn btn1">{{$t('component.cropper.btn_reset')}}</text>
|
||
|
|
<text @click="closeDropdown" class="btn btn2">{{$t('common.queryText')}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</u-dropdown-item>
|
||
|
|
</u-dropdown>
|
||
|
|
</view>
|
||
|
|
<view class="list-warp">
|
||
|
|
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" top="100"
|
||
|
|
:up="upOption">
|
||
|
|
<view class="flow-list">
|
||
|
|
<uni-swipe-action ref="swipeAction">
|
||
|
|
<uni-swipe-action-item v-for="(item, index) in list" :key="item.id" :right-options="options"
|
||
|
|
@click="handleClick(index)">
|
||
|
|
<view class="order-item" @click="goDetail(item.id,item.currentState,item.flowId)"
|
||
|
|
:id="'item'+index">
|
||
|
|
<view class="order-item-title u-border-bottom">
|
||
|
|
<text class="order-title u-line-1">{{item.customerName}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="order-item-down">
|
||
|
|
<view class="order-item-cell u-flex">
|
||
|
|
<text class="time">{{item.orderCode}}</text>
|
||
|
|
<text :class="'status '+getFlowStatus(item.currentState).statusCss">
|
||
|
|
{{getFlowStatus(item.currentState).text}}
|
||
|
|
</text>
|
||
|
|
</view>
|
||
|
|
<view class="order-item-cell u-flex">
|
||
|
|
<text class="time">{{item.salesmanName}}</text>
|
||
|
|
<text class="time">{{$u.timeFormat(item.orderDate,'yyyy-mm-dd')}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</uni-swipe-action-item>
|
||
|
|
</uni-swipe-action>
|
||
|
|
</view>
|
||
|
|
</mescroll-uni>
|
||
|
|
</view>
|
||
|
|
<view class="com-addBtn" @click="addPage()" v-if="showAddBtn">
|
||
|
|
<u-icon name="plus" size="48" color="#fff" />
|
||
|
|
</view>
|
||
|
|
<u-picker mode="selector" v-model="show" :default-selector="[0]" title="请选择流程" :range="selector"
|
||
|
|
range-key="fullName" @confirm="confirm"></u-picker>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import resources from '@/libs/resources.js'
|
||
|
|
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
||
|
|
import {
|
||
|
|
getOrderList,
|
||
|
|
Delete
|
||
|
|
} from '@/api/apply/order'
|
||
|
|
import {
|
||
|
|
getFlowStartFormId
|
||
|
|
} from '@/api/workFlow/flowEngine'
|
||
|
|
export default {
|
||
|
|
mixins: [MescrollMixin],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
templateId: '',
|
||
|
|
selector: [],
|
||
|
|
show: false,
|
||
|
|
sortValue: [],
|
||
|
|
sortOptions: [{
|
||
|
|
label: '单据升序',
|
||
|
|
value: 1,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '单据降序',
|
||
|
|
value: 2,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '日期升序',
|
||
|
|
value: 3,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: '日期降序',
|
||
|
|
value: 4,
|
||
|
|
}
|
||
|
|
],
|
||
|
|
upOption: {
|
||
|
|
page: {
|
||
|
|
num: 0,
|
||
|
|
size: 20,
|
||
|
|
time: null
|
||
|
|
},
|
||
|
|
empty: {
|
||
|
|
icon: resources.message.nodata,
|
||
|
|
tip: this.$t('common.noData'),
|
||
|
|
top: "300rpx"
|
||
|
|
},
|
||
|
|
textNoMore: this.$t('app.apply.noMoreData'),
|
||
|
|
toTop: {
|
||
|
|
bottom: 250
|
||
|
|
}
|
||
|
|
},
|
||
|
|
list: [],
|
||
|
|
listQuery: {
|
||
|
|
sort: 'desc',
|
||
|
|
sidx: '',
|
||
|
|
keyword: '',
|
||
|
|
startTime: '',
|
||
|
|
endTime: ''
|
||
|
|
},
|
||
|
|
options: [{
|
||
|
|
text: '删除',
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#dd524d'
|
||
|
|
}
|
||
|
|
}],
|
||
|
|
menuId: '',
|
||
|
|
flowId: '585361795057715206',
|
||
|
|
key: +new Date()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
showAddBtn() {
|
||
|
|
return this.$permission.hasBtnP('btn_add', this.menuId)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(e) {
|
||
|
|
this.menuId = e.menuId
|
||
|
|
},
|
||
|
|
onShow() {
|
||
|
|
this.$nextTick(() => {
|
||
|
|
this.list = [];
|
||
|
|
this.mescroll.resetUpScroll();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
onUnload() {
|
||
|
|
uni.$off('refresh')
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
confirm(e) {
|
||
|
|
this.jumPage()
|
||
|
|
},
|
||
|
|
upCallback(page) {
|
||
|
|
let query = {
|
||
|
|
currentPage: page.num,
|
||
|
|
pageSize: page.size,
|
||
|
|
flowId: this.flowId,
|
||
|
|
...this.listQuery
|
||
|
|
}
|
||
|
|
getOrderList(query, {
|
||
|
|
load: page.num == 1
|
||
|
|
}).then(res => {
|
||
|
|
if (page.num == 1) this.list = [];
|
||
|
|
this.mescroll.endSuccess(res.data.list.length);
|
||
|
|
const list = res.data.list.map(o => ({
|
||
|
|
show: false,
|
||
|
|
...o
|
||
|
|
}));
|
||
|
|
this.list = this.list.concat(list);
|
||
|
|
this.$nextTick(() => {
|
||
|
|
this.key = +new Date()
|
||
|
|
})
|
||
|
|
}).catch(() => {
|
||
|
|
this.mescroll.endErr();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
handleClick(index, index1) {
|
||
|
|
const item = this.list[index]
|
||
|
|
if ([1, 2, 3, 5].includes(item.currentState)) {
|
||
|
|
this.$u.toast("流程正在审核,请勿删除")
|
||
|
|
this.list[index].show = false
|
||
|
|
return
|
||
|
|
}
|
||
|
|
if (!this.$permission.hasBtnP('btn_remove', this.menuId)) return this.$u.toast("未开启删除权限")
|
||
|
|
Delete(item.id).then(res => {
|
||
|
|
this.$u.toast(res.msg)
|
||
|
|
this.list.splice(index, 1)
|
||
|
|
if (!this.list.length) this.mescroll.resetUpScroll()
|
||
|
|
})
|
||
|
|
this.$nextTick(() => {
|
||
|
|
this.key = +new Date()
|
||
|
|
})
|
||
|
|
},
|
||
|
|
open(index) {
|
||
|
|
this.list[index].show = true;
|
||
|
|
this.list.map((val, idx) => {
|
||
|
|
if (index != idx) this.list[idx].show = false;
|
||
|
|
})
|
||
|
|
},
|
||
|
|
search() {
|
||
|
|
this.searchTimer && clearTimeout(this.searchTimer)
|
||
|
|
this.searchTimer = setTimeout(() => {
|
||
|
|
this.list = [];
|
||
|
|
this.mescroll.resetUpScroll();
|
||
|
|
}, 300)
|
||
|
|
},
|
||
|
|
addPage() {
|
||
|
|
this.jumPage()
|
||
|
|
},
|
||
|
|
jumPage(id, status) {
|
||
|
|
let opType = '-1'
|
||
|
|
if ([1, 2, 4, 5, 6].includes(status)) opType = 0
|
||
|
|
const config = {
|
||
|
|
id: id,
|
||
|
|
flowId: this.flowId,
|
||
|
|
opType: opType,
|
||
|
|
status: status,
|
||
|
|
}
|
||
|
|
uni.navigateTo({
|
||
|
|
url: '/pages/workFlow/flowBefore/index?config=' +
|
||
|
|
this.jnpf.base64.encode(JSON.stringify(config))
|
||
|
|
})
|
||
|
|
},
|
||
|
|
goDetail(id, status, flowId) {
|
||
|
|
if (!this.$permission.hasBtnP('btn_edit', this.menuId) && status == 3) return
|
||
|
|
if (!this.$permission.hasBtnP('btn_detail', this.menuId) && [1, 2, 4, 5, 6].includes(status)) return
|
||
|
|
this.jumPage(id, status)
|
||
|
|
},
|
||
|
|
getFlowStatus(val) {
|
||
|
|
let status
|
||
|
|
switch (val) {
|
||
|
|
case 0:
|
||
|
|
status = {
|
||
|
|
text: '等待提交',
|
||
|
|
statusCss: 'u-type-info'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 1:
|
||
|
|
status = {
|
||
|
|
text: '等待审核',
|
||
|
|
statusCss: 'u-type-primary'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
status = {
|
||
|
|
text: '审核通过',
|
||
|
|
statusCss: 'u-type-success'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
status = {
|
||
|
|
text: '审核退回',
|
||
|
|
statusCss: 'u-type-error'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 4:
|
||
|
|
case 7:
|
||
|
|
status = {
|
||
|
|
text: '流程撤回',
|
||
|
|
statusCss: 'u-type-warning'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 5:
|
||
|
|
status = {
|
||
|
|
text: '审核终止',
|
||
|
|
statusCss: 'u-type-info'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
status = {
|
||
|
|
text: '等待提交',
|
||
|
|
statusCss: 'u-type-info'
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
return status
|
||
|
|
},
|
||
|
|
handleSortReset() {
|
||
|
|
this.sortValue = []
|
||
|
|
},
|
||
|
|
handleSortSearch() {
|
||
|
|
if (this.sortValue.length) {
|
||
|
|
this.listQuery.sidx = this.sortValue.join(',')
|
||
|
|
} else {
|
||
|
|
this.setDefaultQuery()
|
||
|
|
}
|
||
|
|
this.$refs.uDropdown.close();
|
||
|
|
this.$nextTick(() => {
|
||
|
|
this.list = [];
|
||
|
|
this.mescroll.resetUpScroll();
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
cellClick(item) {
|
||
|
|
const findIndex = this.sortValue.findIndex(o => o === item.value);
|
||
|
|
if (findIndex < 0) {
|
||
|
|
this.listQuery.sort = item.value == 1 || item.value == 3 ? 'asc' : 'desc'
|
||
|
|
this.listQuery.sidx = item.value == 1 || item.value == 2 ? 'orderCode' : 'orderDate'
|
||
|
|
this.sortValue.push(item.value)
|
||
|
|
} else {
|
||
|
|
this.sortValue.splice(findIndex, 1)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
reset() {
|
||
|
|
this.listQuery.startTime = ''
|
||
|
|
this.listQuery.endTime = ''
|
||
|
|
},
|
||
|
|
closeDropdown() {
|
||
|
|
this.$refs.uDropdown.close();
|
||
|
|
this.$nextTick(() => {
|
||
|
|
this.list = [];
|
||
|
|
this.mescroll.resetUpScroll();
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
page {
|
||
|
|
background-color: #f0f2f6;
|
||
|
|
height: 100%;
|
||
|
|
/* #ifdef MP-ALIPAY */
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
/* #endif */
|
||
|
|
}
|
||
|
|
</style>
|