初始提交
This commit is contained in:
358
pages/apply/order/index.vue
Normal file
358
pages/apply/order/index.vue
Normal file
@@ -0,0 +1,358 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user