|
|
|
@ -3,43 +3,52 @@ |
|
|
|
<div class="scroll-box" ref="scroll-content"> |
|
|
|
<van-tabs :active="active" sticky @change="hadelChangeTab"> |
|
|
|
<van-tab title="待接单"> |
|
|
|
<card :tableData="list" @handleCLickReceive="handleCLickReceive"></card> |
|
|
|
<card :tableData="list" @handleCLickReceive="handleCLickReceive"> |
|
|
|
</card> |
|
|
|
</van-tab> |
|
|
|
<van-tab title="待处理"> |
|
|
|
<card :tableData="list"></card> |
|
|
|
<card :tableData="list" @handelServiceConfirm="handelServiceConfirm"></card> |
|
|
|
</van-tab> |
|
|
|
<van-tab title="已完成">内容 3</van-tab> |
|
|
|
</van-tabs> |
|
|
|
</div> |
|
|
|
<van-dialog v-model="showRole" title="请选择接单身份" show-cancel-button @confirm="receiveService"> |
|
|
|
<van-radio-group v-model="serviceOrgType"> |
|
|
|
<van-radio :name="item.serviceOrgType" v-for="(item) in roleList" :key="item.id">{{item.serviceOrgName}}</van-radio> |
|
|
|
<van-radio :name="item.serviceOrgType" v-for="(item) in roleList" :key="item.id">{{ item.serviceOrgName |
|
|
|
}}</van-radio> |
|
|
|
</van-radio-group> |
|
|
|
</van-dialog> |
|
|
|
<van-dialog v-model="showScope" title="" show-cancel-button @confirm="receiveService"> |
|
|
|
<van-datetime-picker |
|
|
|
v-model="serviceTimeStart" |
|
|
|
type="datetime" |
|
|
|
title="开始时间" |
|
|
|
:min-date="minDate" |
|
|
|
:max-date="maxDate" |
|
|
|
/> |
|
|
|
至 |
|
|
|
<van-datetime-picker |
|
|
|
v-model="serviceTimeStart" |
|
|
|
type="datetime" |
|
|
|
title="结束时间" |
|
|
|
:min-date="minDate" |
|
|
|
:max-date="maxDate" |
|
|
|
/> |
|
|
|
<p>服务时间</p> |
|
|
|
<span @click="showStart = true, showPopup = true" class="font-size13">{{ serviceTimeStart || '开始时间' |
|
|
|
}}</span><span class="tag-date">至</span><span @click="showEnd = true, showPopup = true" |
|
|
|
class="font-size13">{{ serviceTimeEnd || '结束时间' }}</span> |
|
|
|
<p>服务范围</p> |
|
|
|
<span class="font-size13" @click="showTree = true, showPopup = true">{{ serviceScopeName || '请选择范围' |
|
|
|
}}</span> |
|
|
|
<p>接单身份</p> |
|
|
|
<van-radio-group v-model="serviceOrgType"> |
|
|
|
<van-radio :name="item.serviceOrgType" v-for="(item) in roleList" :key="item.id" |
|
|
|
@click="handelChangeRole(item.serviceOrgId)">{{ item.serviceOrgName |
|
|
|
}}</van-radio> |
|
|
|
</van-radio-group> |
|
|
|
</van-dialog> |
|
|
|
|
|
|
|
<van-popup v-model="showPopup" position="bottom"> |
|
|
|
<van-datetime-picker v-if="showStart" v-model="serviceTimeStart" type="datetime" title="开始时间" |
|
|
|
@confirm="handelCLickConfirmStart" @cancel="showPopup = false" :min-date="minDate" /> |
|
|
|
<van-datetime-picker v-if="showEnd" v-model="serviceTimeEnd" @confirm="handelCLickConfirmEnd" |
|
|
|
@cancel="showPopup = false" type="datetime" title="结束时间" :min-date="minDate" /> |
|
|
|
<van-cascader v-if="showTree" v-model="cascaderValue" title="请选择范围" :options="treeOptions" |
|
|
|
@close="showTree = false, showPopup = false" @finish="onFinish" |
|
|
|
:field-names="{ text: 'objectName', value: 'objectId' }" /> |
|
|
|
</van-popup> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import card from './card.vue' |
|
|
|
import throttle from 'lodash/debounce' |
|
|
|
import { getServiceListRcv, getServiceListProcess , getServiceListCompleted,getCommonalityDetail,getMeasureDetail, getListMyIdentities,receiveService} from '@/api/service' |
|
|
|
import { getServiceListRcv, getServiceListProcess, getServiceListCompleted, getCommonalityDetail, getMeasureDetail, getListMyIdentities, receiveService, getServiceScopeTree, serviceConfirm } from '@/api/service' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -55,12 +64,23 @@ export default { |
|
|
|
roleList: [], |
|
|
|
serviceOrgType: null, |
|
|
|
serviceOrgId: null, |
|
|
|
showScope:null |
|
|
|
showScope: false, |
|
|
|
serviceTimeStart: null, |
|
|
|
serviceTimeEnd: null, |
|
|
|
showStart: false, |
|
|
|
showEnd: false, |
|
|
|
showTree: false, |
|
|
|
showPopup: false, |
|
|
|
minDate: new Date(), |
|
|
|
treeOptions: null, |
|
|
|
cascaderValue: null, |
|
|
|
serviceScopeName: null |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getListMyIdentities() |
|
|
|
this.getServiceListRcv() |
|
|
|
this.getServiceScopeTree() |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.clientHeight = document.documentElement.clientHeight; //可视高度 |
|
|
|
@ -71,26 +91,56 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
onFinish(value) { |
|
|
|
this.showTree = false; |
|
|
|
this.showPopup = false; |
|
|
|
this.serviceScopeList = value.selectedOptions.map(item => ({ objectType: item.objectType, objectId: item.objectId, objectName: item.objectName })) |
|
|
|
this.serviceScopeName = value.selectedOptions.map(item => item.objectName).join('-') |
|
|
|
}, |
|
|
|
handelCLickConfirmStart(val) { |
|
|
|
this.serviceTimeStart = this.$dayjs(val).format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
this.showPopup = false; |
|
|
|
this.showStart = false; |
|
|
|
}, |
|
|
|
handelCLickConfirmEnd(val) { |
|
|
|
this.serviceTimeEnd = this.$dayjs(val).format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
this.showPopup = false; |
|
|
|
this.showEnd = false; |
|
|
|
}, |
|
|
|
//提交接单 |
|
|
|
async receiveService() { |
|
|
|
let parm = { |
|
|
|
...this.formData, |
|
|
|
serviceOrgType:this.serviceOrgType, |
|
|
|
serviceOrgId:this.serviceOrgId, |
|
|
|
id:this.serverId |
|
|
|
id: this.serverId, |
|
|
|
} |
|
|
|
if (this.showScope) { |
|
|
|
parm.serviceScopeList = this.serviceScopeList; |
|
|
|
parm.serviceTimeStart = this.serviceTimeStart; |
|
|
|
parm.serviceTimeEnd = this.serviceTimeEnd; |
|
|
|
parm.serviceOrgType = this.serviceOrgType; |
|
|
|
parm.serviceOrgId = this.serviceOrgId; |
|
|
|
} else if (this.showRole) { |
|
|
|
parm.serviceOrgType = this.serviceOrgType; |
|
|
|
parm.serviceOrgId = this.serviceOrgId; |
|
|
|
} |
|
|
|
console.log(parm); |
|
|
|
// let {data,code,msg} = await receiveService(parm) |
|
|
|
// if(code === 0){ |
|
|
|
// this.$toast.success('接单成功') |
|
|
|
// this.showRole = false; |
|
|
|
// this.pageNo = 1; |
|
|
|
// this.getTableData(); |
|
|
|
// } |
|
|
|
let { data, code, msg } = await receiveService(parm) |
|
|
|
if (code === 0) { |
|
|
|
this.$toast.success('接单成功') |
|
|
|
this.showRole = false; |
|
|
|
this.pageNo = 1; |
|
|
|
this.list = []; |
|
|
|
this.getTableData(); |
|
|
|
} |
|
|
|
}, |
|
|
|
handelChangeRole(val) { |
|
|
|
this.serviceOrgId = val; |
|
|
|
}, |
|
|
|
|
|
|
|
//接单 |
|
|
|
handleCLickReceive(item) { |
|
|
|
this.showRole = item.source === 4; |
|
|
|
this.showScope = item.source === 0; |
|
|
|
this.showScope = item.source === 1; |
|
|
|
this.serverId = item.id; |
|
|
|
if (item.source === 4) { |
|
|
|
this.getMeasureDetail() |
|
|
|
@ -98,14 +148,22 @@ export default { |
|
|
|
this.getCommonalityDetail() |
|
|
|
} |
|
|
|
}, |
|
|
|
//确认服务 |
|
|
|
async handelServiceConfirm(val) { |
|
|
|
let { data, code, msg } = await serviceConfirm({ id: val.id }) |
|
|
|
if (code === 0) { |
|
|
|
this.$toast.success('确认成功') |
|
|
|
this.pageNo = 1; |
|
|
|
this.list = []; |
|
|
|
this.getTableData(); |
|
|
|
} |
|
|
|
}, |
|
|
|
async getListMyIdentities() { |
|
|
|
let { data, code, msg } = await getListMyIdentities() |
|
|
|
if (code === 0) { |
|
|
|
this.roleList = data; |
|
|
|
this.serviceOrgId = data[0].id; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getMeasureDetail() { |
|
|
|
let { data, code, msg } = await getMeasureDetail({ id: this.serverId }) |
|
|
|
if (code === 0) { |
|
|
|
@ -118,10 +176,16 @@ export default { |
|
|
|
this.formData = data; |
|
|
|
} |
|
|
|
}, |
|
|
|
async getServiceScopeTree() { |
|
|
|
let { data, code, msg } = await getServiceScopeTree({ id: this.serverId }) |
|
|
|
if (code === 0) { |
|
|
|
this.treeOptions = [data]; |
|
|
|
} |
|
|
|
}, |
|
|
|
hadelChangeTab(e) { |
|
|
|
this.list = []; |
|
|
|
this.pageNo = 1; |
|
|
|
this.active = e |
|
|
|
this.active = e; |
|
|
|
this.getTableData('tab') |
|
|
|
}, |
|
|
|
//滚动加载 |
|
|
|
@ -156,7 +220,6 @@ export default { |
|
|
|
pageNo: this.pageNo, |
|
|
|
pageSize: this.pageSize |
|
|
|
}).then(res => { |
|
|
|
console.log(res); |
|
|
|
this.total = res.total; |
|
|
|
this.requestFlag = res.data.list.length === this.pageSize; |
|
|
|
this.list = this.list.concat(res.data.list) |
|
|
|
@ -171,7 +234,7 @@ export default { |
|
|
|
pageSize: this.pageSize |
|
|
|
}).then(res => { |
|
|
|
this.total = res.total; |
|
|
|
// this.requestFlag = res.length === this.pageSize; |
|
|
|
this.requestFlag = res.data.list.length === this.pageSize; |
|
|
|
this.list = res.data.list; |
|
|
|
|
|
|
|
}).catch(err => { |
|
|
|
@ -184,7 +247,7 @@ export default { |
|
|
|
pageSize: this.pageSize |
|
|
|
}).then(res => { |
|
|
|
this.total = res.total; |
|
|
|
this.requestFlag = res.length === this.pageSize; |
|
|
|
this.requestFlag = res.data.list === this.pageSize; |
|
|
|
this.list = this.list.concat(...this.list, ...res.list); |
|
|
|
}).catch(err => { |
|
|
|
}) |
|
|
|
@ -204,6 +267,7 @@ export default { |
|
|
|
padding: 0 10px 20px; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
:deep(.van-dialog__content) { |
|
|
|
padding: 10px; |
|
|
|
box-sizing: border-box; |
|
|
|
|
