<template>
|
<up-sticky bgColor="#fff">
|
<view class="coreshop-ff content c-p-10">
|
<view class="coreshop-ff content c-p-l-10 c-p-t-10 c-p-r-10">
|
<up-search placeholder="请点击选择日期" @click='clickTime' :show-action="false" @clear='init' disabled
|
v-model="workTime" search-icon="calendar" @search='init'></up-search>
|
</view>
|
<view class="coreshop-ff content c-p-10 chuany-flex chuany-justify-between">
|
<view class="chuany-width82">
|
<up-search placeholder="请点击选择司机" @click='clickIcon' @clear='PostMyDakaListPage' disabled
|
action-text="查询" v-model="wordDate" search-icon="calendar" @search='PostMyDakaListPage'
|
@custom='PostMyDakaListPage'></up-search>
|
</view>
|
<up-text align="right" text='送货安排' size='14' @click="arrange('Yes')"></up-text>
|
</view>
|
</view>
|
</up-sticky>
|
<view class="c-p-b-100">
|
<view class="c-p-l-20 c-p-r-20" v-if="orderList&&orderList.length>0">
|
<view class="listrecord c-p-t-20" v-for="(item,index) in orderList" :key="item.keyid">
|
<view class="coreshop-ff chuany-bradius20">
|
<view class="chuany-font26">
|
<view class="chuany-flex chuany-justify-between">
|
<text class="chuany-width5">{{index+1}}</text>
|
<view class="chuany-width15">
|
{{$util.formatDate(item.createTime,'riqi')}}
|
</view>
|
<view class="chuany-width65">
|
<u-text size='14' :text="item.remark" lines="1">
|
</u-text>
|
</view>
|
<view class="chuany-width11 chuany-flex chuany-justify-between">
|
<up-icon name="edit-pen" @click='editOrder(item)'></up-icon>
|
<up-icon name="trash" @click='delOrder(item)'></up-icon>
|
</view>
|
</view>
|
<view class="c-p-t-8">
|
<u--text :lines="1" :text="item.planContent"></u--text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<up-loadmore :status="loadStatus" />
|
</view>
|
<view v-else>
|
<up-empty text='暂无' icon="/static/order.png">
|
</up-empty>
|
</view>
|
<up-modal title="送货安排" :show="show7" showCancelButton @confirm="() => show7 = false">
|
<up-form labelPosition="left" :model="model1" :rules="rules" ref="form1">
|
<up-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1">
|
<up-input v-model="model1.userInfo.name" border="none"></up-input>
|
</up-form-item>
|
<up-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1">
|
<up-input v-model="model1.userInfo.name" border="none"></up-input>
|
</up-form-item>
|
<up-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1">
|
<up-input v-model="model1.userInfo.name" border="none"></up-input>
|
</up-form-item>
|
<up-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1">
|
<up-input v-model="model1.userInfo.name" border="none"></up-input>
|
</up-form-item>
|
<up-form-item label="姓名" prop="userInfo.name" borderBottom ref="item1">
|
<up-input v-model="model1.userInfo.name" border="none"></up-input>
|
</up-form-item>
|
<up-form-item label="性别" prop="userInfo.sex" borderBottom @click="showSex = true; hideKeyboard()"
|
ref="item1">
|
<up-input v-model="model1.userInfo.sex" disabled disabledColor="#ffffff" placeholder="请选择性别"
|
border="none"></up-input>
|
<template #right>
|
<up-icon name="arrow-right"></up-icon>
|
</template>
|
</up-form-item>
|
</up-form>
|
</up-modal>
|
<fui-date-picker range :show="datePickerShow" :value="getFirstDayOfMonth()" type="3" @change="changePicker" :minDate='minDate' :maxDate='maxDate'
|
@cancel="clickTime"></fui-date-picker>
|
</view>
|
</template>
|
|
<script>
|
import {
|
mapActions,
|
mapGetters,
|
mapMutations
|
} from 'vuex'
|
export default {
|
data() {
|
return {
|
datePickerShow:false,
|
workTime:'',
|
orderList: [],
|
loadStatus: 'loadmore',
|
pageIndex: 1,
|
pageSize: 20,
|
contentVal: '',
|
options2: [{
|
text: '编辑',
|
style: {
|
backgroundColor: '#3c9cff'
|
}
|
}, {
|
text: '删除',
|
style: {
|
backgroundColor: '#f56c6c'
|
}
|
}],
|
isEdit: false,
|
editItem: {},
|
isLoading: false,
|
show7: false,
|
showSex: false,
|
model1: {
|
userInfo: {
|
name: 'uview-plus UI',
|
sex: '',
|
},
|
},
|
actions: [{
|
name: '男',
|
},
|
{
|
name: '女',
|
},
|
{
|
name: '保密',
|
},
|
],
|
rules: {
|
'userInfo.name': {
|
type: 'string',
|
required: true,
|
message: '请填写姓名',
|
trigger: ['blur', 'change']
|
},
|
'userInfo.sex': {
|
type: 'string',
|
max: 1,
|
required: true,
|
message: '请选择男或女',
|
trigger: ['blur', 'change']
|
},
|
},
|
radio: '',
|
switchVal: false
|
}
|
},
|
onShow() {
|
this.init()
|
},
|
onPullDownRefresh() {
|
this.init()
|
uni.stopPullDownRefresh();
|
},
|
methods: {
|
getFirstDayOfMonth () {
|
var currentDate = new Date();
|
// currentDate.setDate(1); // 将日期设为1
|
return this.$util.formatDate(currentDate);
|
},
|
clickTime () {
|
this.datePickerShow = !this.datePickerShow
|
},
|
editOrder(item) {
|
this.isEdit = true
|
this.contentVal = item.remark
|
this.editItem = item
|
},
|
delOrder(item) {
|
let that = this
|
uni.showModal({
|
title: '提示',
|
content: '确认删除该送货吗？',
|
success: function(res) {
|
if (res.confirm) {
|
// 执行确认后的操作
|
that.$api.DelAppointmentDeliver({
|
keyid: item.keyid
|
}).then(req => {
|
if (req.code == 1) {
|
that.$util.showToast({
|
title: '删除成功！'
|
})
|
that.init()
|
} else {
|
that.$util.showToast({
|
title: req.error
|
})
|
}
|
})
|
} else {
|
// 执行取消后的操作
|
}
|
}
|
})
|
},
|
init() {
|
this.pageIndex = 1
|
this.pageSize = 20
|
this.loadStatus = 'loadmore'
|
this.orderList = []
|
this.contentVal = ''
|
this.getList()
|
},
|
reservation() {
|
this.show7 = true
|
if (!this.contentVal) {
|
return this.$util.showToast({
|
title: '请先输入内容！'
|
})
|
}
|
this.isLoading = true
|
if (this.isEdit) {
|
let obj = {
|
keyid: this.editItem.keyid,
|
remark: this.contentVal
|
}
|
this.$api.UpDataAppointmentDeliver(obj).then(res => {
|
if (res.code == 1) {
|
this.isEdit = false
|
this.editItem = {}
|
this.contentVal = ''
|
this.init()
|
} else {
|
this.$util.showToast({
|
title: res.error
|
})
|
}
|
this.isLoading = false
|
})
|
return
|
}
|
this.$api.CreatAppointmentDeliver({
|
remark: this.contentVal
|
}).then(res => {
|
if (res.code == 1) {
|
this.contentVal = ''
|
this.init()
|
} else {
|
this.$util.showToast({
|
title: res.error
|
})
|
}
|
this.isLoading = false
|
})
|
},
|
getList() {
|
let data = {
|
deliverState: 0,
|
page: {
|
pageIndex: this.pageIndex,
|
pageSize: this.pageSize,
|
}
|
}
|
this.$api.GetListAppointmentDeliverList(data).then(res => {
|
console.log(res, res.code, '-----------123’');
|
if (res.code == 1) {
|
if (this.pageIndex == 1) {
|
this.orderList = res.data.data
|
} else {
|
this.orderList = this.orderList.concat(...res.data.data)
|
}
|
console.log(this.orderList, 'orderList’');
|
// totalPages = res.data.totalCount
|
// 根据count数量判断是否还有数据
|
if (res.data.page.totalCount > this.orderList.length) {
|
this.loadStatus = 'loadmore'
|
this.pageIndex++
|
} else {
|
// 数据已加载完毕
|
this.loadStatus = 'nomore'
|
}
|
} else {
|
// _that.$refs.uToast.show({ message: res.msg, type: 'error' });
|
}
|
})
|
},
|
accept(item) {
|
let that = this
|
uni.showModal({
|
title: '提示',
|
content: '确认受理该送货吗？',
|
success: function(res) {
|
if (res.confirm) {
|
// 执行确认后的操作
|
that.$api.AcceptAppointmentDeliver(item.keyid).then(req => {
|
if (req.code == 1) {
|
that.$util.showToast({
|
title: '受理成功！'
|
})
|
that.init()
|
} else {
|
that.$util.showToast({
|
title: req.error
|
})
|
}
|
})
|
} else {
|
// 执行取消后的操作
|
}
|
}
|
})
|
},
|
actionClick(item, e) {
|
console.log(e);
|
if (e.index == 0) {
|
this.contentVal = item.remark
|
}
|
}
|
}
|
}
|
</script>
|
|
<style>
|
</style>
|
