|
|
|
@ -1,237 +1,238 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
|
<Detail
|
|
|
|
|
v-if="detailVisible"
|
|
|
|
|
ref="Detail"
|
|
|
|
|
@close="detailVisible = false"
|
|
|
|
|
/>
|
|
|
|
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
|
|
|
|
<div class="JNPF-common-page-header">
|
|
|
|
|
<el-page-header
|
|
|
|
|
@back="goBack"
|
|
|
|
|
:content="dataForm.isJiedan ? '派单' : '详情'"
|
|
|
|
|
/>
|
|
|
|
|
<el-page-header @back="goBack"
|
|
|
|
|
content="详情"/>
|
|
|
|
|
<div class="options">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
v-if="dataForm.isJiedan == true"
|
|
|
|
|
@click="getStaffList()"
|
|
|
|
|
>
|
|
|
|
|
<span v-if="dataForm.staffsName"> {{ dataForm.staffsName }}</span>
|
|
|
|
|
<span v-else>选择收货员</span>
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
|
|
<el-button @click="goBack">取 消</el-button>
|
|
|
|
|
<el-button @click="paidanConfirm">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row
|
|
|
|
|
:gutter="15"
|
|
|
|
|
class="main"
|
|
|
|
|
:style="{ margin: '0 auto', width: '100%' }"
|
|
|
|
|
>
|
|
|
|
|
<el-form
|
|
|
|
|
ref="formRef"
|
|
|
|
|
:model="dataForm"
|
|
|
|
|
size="small"
|
|
|
|
|
label-width="100px"
|
|
|
|
|
label-position="right"
|
|
|
|
|
>
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
|
|
|
|
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" >
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<JnpfGroupTitle
|
|
|
|
|
contentPosition="left"
|
|
|
|
|
:closable="false"
|
|
|
|
|
content="订单信息"
|
|
|
|
|
>
|
|
|
|
|
contentPosition="left" :closable= "false" content ="订单信息" >
|
|
|
|
|
</JnpfGroupTitle>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="订单编号" prop="orderNumber">
|
|
|
|
|
<jnpf-form-tip-item label="订单编号"
|
|
|
|
|
prop="orderNumber" >
|
|
|
|
|
<p>{{dataForm.orderNumber}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="订单类型" prop="orderTypeId">
|
|
|
|
|
<jnpf-form-tip-item label="订单类型"
|
|
|
|
|
prop="orderTypeId" >
|
|
|
|
|
<p>{{dataForm.orderTypeId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="订单金额(元)" prop="orderAmount">
|
|
|
|
|
<jnpf-form-tip-item label="订单金额(元)"
|
|
|
|
|
prop="orderAmount" >
|
|
|
|
|
<p>{{dataForm.orderAmount}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="散户端状态"
|
|
|
|
|
prop="orderClientStatusId"
|
|
|
|
|
>
|
|
|
|
|
<jnpf-form-tip-item label="散户状态"
|
|
|
|
|
prop="orderClientStatusId" >
|
|
|
|
|
<p>{{dataForm.orderClientStatusId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="回收员端状态"
|
|
|
|
|
prop="orderStaffsStatusId"
|
|
|
|
|
>
|
|
|
|
|
<jnpf-form-tip-item label="回收员状态"
|
|
|
|
|
prop="orderStaffsStatusId" >
|
|
|
|
|
<p>{{dataForm.orderStaffsStatusId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="接单周期(分)" prop="receivePeriod">
|
|
|
|
|
<jnpf-form-tip-item label="接单周期(分)"
|
|
|
|
|
prop="receivePeriod" >
|
|
|
|
|
<p>{{dataForm.receivePeriod}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="下单地址经度"
|
|
|
|
|
prop="longitude" >
|
|
|
|
|
<p>{{dataForm.longitude}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="下单地址纬度"
|
|
|
|
|
prop="latitude" >
|
|
|
|
|
<p>{{dataForm.latitude}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="订单距离"
|
|
|
|
|
prop="distance" >
|
|
|
|
|
<p>{{dataForm.distance}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" >
|
|
|
|
|
<jnpf-form-tip-item label="订单状态"
|
|
|
|
|
prop="orderStatusId" >
|
|
|
|
|
<p>{{dataForm.orderStatusId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<JnpfGroupTitle
|
|
|
|
|
contentPosition="left"
|
|
|
|
|
:closable="false"
|
|
|
|
|
content="散户信息"
|
|
|
|
|
>
|
|
|
|
|
contentPosition="left" :closable= "false" content ="散户信息" >
|
|
|
|
|
</JnpfGroupTitle>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="散户姓名" prop="clientName">
|
|
|
|
|
<jnpf-form-tip-item label="散户昵称"
|
|
|
|
|
prop="clientId" >
|
|
|
|
|
<p>{{dataForm.clientId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="散户姓名"
|
|
|
|
|
prop="clientName" >
|
|
|
|
|
<p>{{dataForm.clientName}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="散户手机号" prop="clientMobile">
|
|
|
|
|
<jnpf-form-tip-item label="散户手机号"
|
|
|
|
|
prop="clientMobile" >
|
|
|
|
|
<p>{{dataForm.clientMobile}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="回收地址" prop="recycleAddress">
|
|
|
|
|
<p>{{dataForm.recycleAddress}}</p>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="预估重量"
|
|
|
|
|
prop="predictWeight" >
|
|
|
|
|
<p>{{dataForm.predictWeight}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col> -->
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="预约时间起"
|
|
|
|
|
prop="appointmentTimeStart"
|
|
|
|
|
>
|
|
|
|
|
<jnpf-form-tip-item label="预约时间起"
|
|
|
|
|
prop="appointmentTimeStart" >
|
|
|
|
|
<p>{{dataForm.appointmentTimeStart}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="预约时间止"
|
|
|
|
|
prop="appointmentTimeEnd"
|
|
|
|
|
>
|
|
|
|
|
<jnpf-form-tip-item label="预约时间止"
|
|
|
|
|
prop="appointmentTimeEnd" >
|
|
|
|
|
<p>{{dataForm.appointmentTimeEnd}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="散户下单关联地址"
|
|
|
|
|
prop="clientAddressId" >
|
|
|
|
|
<p>{{dataForm.clientAddressId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<JnpfGroupTitle
|
|
|
|
|
contentPosition="left"
|
|
|
|
|
:closable="false"
|
|
|
|
|
content="收货员信息"
|
|
|
|
|
>
|
|
|
|
|
contentPosition="left" :closable= "false" content ="收货员信息" >
|
|
|
|
|
</JnpfGroupTitle>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="回收站" prop="recycleStationId">
|
|
|
|
|
<jnpf-form-tip-item label="回收站"
|
|
|
|
|
prop="recycleStationId" >
|
|
|
|
|
<p>{{dataForm.recycleStationId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="回收员" prop="staffsId">
|
|
|
|
|
<jnpf-form-tip-item label="回收员"
|
|
|
|
|
prop="staffsId" >
|
|
|
|
|
<p>{{dataForm.staffsId}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="回收员姓名" prop="staffsName">
|
|
|
|
|
<jnpf-form-tip-item label="回收员姓名"
|
|
|
|
|
prop="staffsName" >
|
|
|
|
|
<p>{{dataForm.staffsName}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<JnpfDivider contentPosition="center"> 其他信息 </JnpfDivider>
|
|
|
|
|
<JnpfDivider contentPosition="center" >
|
|
|
|
|
其他信息 </JnpfDivider>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="创建用户" prop="creatorUserId">
|
|
|
|
|
<p>{{ dataForm.creatorUserId }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="创建时间" prop="creatorTime">
|
|
|
|
|
<p>
|
|
|
|
|
{{
|
|
|
|
|
jnpf.toDate(dataForm.creatorTime, "yyyy-MM-dd hh:mm:ss")
|
|
|
|
|
}}
|
|
|
|
|
</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="协商时间起" prop="consultTimeStart">
|
|
|
|
|
<jnpf-form-tip-item label="协商时间起"
|
|
|
|
|
prop="consultTimeStart" >
|
|
|
|
|
<p>{{dataForm.consultTimeStart}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="协商时间止" prop="consultTimeEnd">
|
|
|
|
|
<jnpf-form-tip-item label="协商时间止"
|
|
|
|
|
prop="consultTimeEnd" >
|
|
|
|
|
<p>{{dataForm.consultTimeEnd}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="收货时间" prop="receiveTime">
|
|
|
|
|
<jnpf-form-tip-item label="收货时间"
|
|
|
|
|
prop="receiveTime" >
|
|
|
|
|
<p>{{dataForm.receiveTime}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="结算时间" prop="settleTime">
|
|
|
|
|
<jnpf-form-tip-item label="结算时间"
|
|
|
|
|
prop="settleTime" >
|
|
|
|
|
<p>{{dataForm.settleTime}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<JnpfDivider contentPosition="center"> 用户评论 </JnpfDivider>
|
|
|
|
|
<JnpfDivider contentPosition="center" >
|
|
|
|
|
用户评论 </JnpfDivider>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="综合评分" prop="starScore">
|
|
|
|
|
<JnpfRate v-model="dataForm.starScore" disabled :max="5">
|
|
|
|
|
<jnpf-form-tip-item label="综合评分"
|
|
|
|
|
prop="starScore" >
|
|
|
|
|
<JnpfRate v-model="dataForm.starScore"
|
|
|
|
|
disabled
|
|
|
|
|
:max="5" >
|
|
|
|
|
</JnpfRate>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="评价详情" prop="comment">
|
|
|
|
|
<jnpf-form-tip-item label="评价详情"
|
|
|
|
|
prop="comment" >
|
|
|
|
|
<p>{{dataForm.comment}}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="评价图片" prop="commentPics">
|
|
|
|
|
<JnpfUploadImg
|
|
|
|
|
v-model="dataForm.commentPics"
|
|
|
|
|
<jnpf-form-tip-item label="评价图片"
|
|
|
|
|
prop="commentPics" >
|
|
|
|
|
<JnpfUploadImg v-model="dataForm.commentPics"
|
|
|
|
|
disabled
|
|
|
|
|
detailed
|
|
|
|
|
:fileSize="10"
|
|
|
|
|
sizeUnit="MB"
|
|
|
|
|
:limit="9"
|
|
|
|
|
pathType="defaultPath"
|
|
|
|
|
:isAccount="0"
|
|
|
|
|
>
|
|
|
|
|
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
|
|
|
|
</JnpfUploadImg>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="响应速度" prop="responseStar">
|
|
|
|
|
<JnpfRate v-model="dataForm.responseStar" disabled :max="5">
|
|
|
|
|
<jnpf-form-tip-item label="响应速度"
|
|
|
|
|
prop="responseStar" >
|
|
|
|
|
<JnpfRate v-model="dataForm.responseStar"
|
|
|
|
|
disabled
|
|
|
|
|
:max="5" >
|
|
|
|
|
</JnpfRate>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="服务态度" prop="attitudeStar">
|
|
|
|
|
<JnpfRate v-model="dataForm.attitudeStar" disabled :max="5">
|
|
|
|
|
<jnpf-form-tip-item label="服务态度"
|
|
|
|
|
prop="attitudeStar" >
|
|
|
|
|
<JnpfRate v-model="dataForm.attitudeStar"
|
|
|
|
|
disabled
|
|
|
|
|
:max="5" >
|
|
|
|
|
</JnpfRate>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8" >
|
|
|
|
|
<jnpf-form-tip-item label="平台价格" prop="priceStar">
|
|
|
|
|
<JnpfRate v-model="dataForm.priceStar" disabled :max="5">
|
|
|
|
|
<jnpf-form-tip-item label="平台价格"
|
|
|
|
|
prop="priceStar" >
|
|
|
|
|
<JnpfRate v-model="dataForm.priceStar"
|
|
|
|
|
disabled
|
|
|
|
|
:max="5" >
|
|
|
|
|
</JnpfRate>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
@ -240,79 +241,14 @@
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</transition>
|
|
|
|
|
<!-- 点击派单按钮,弹出回收员列表 -->
|
|
|
|
|
<el-drawer
|
|
|
|
|
title="收货员选择"
|
|
|
|
|
:visible.sync="paidanDrawer"
|
|
|
|
|
:direction="paidanDirection"
|
|
|
|
|
:before-close="paidanHandleClose"
|
|
|
|
|
size="20%"
|
|
|
|
|
>
|
|
|
|
|
<el-divider><i class="el-icon-user"></i></el-divider>
|
|
|
|
|
|
|
|
|
|
<el-row v-for="item in staffList" :key="item.index">
|
|
|
|
|
<el-col>
|
|
|
|
|
<el-row class="peoplebox">
|
|
|
|
|
<el-col :span="6" class="centeralign">
|
|
|
|
|
<JnpfUploadImg
|
|
|
|
|
v-model="item.headIcon"
|
|
|
|
|
disabled
|
|
|
|
|
detailed
|
|
|
|
|
:fileSize="10"
|
|
|
|
|
sizeUnit="MB"
|
|
|
|
|
:limit="1"
|
|
|
|
|
pathType="defaultPath"
|
|
|
|
|
:isAccount="0"
|
|
|
|
|
style="width: 50px"
|
|
|
|
|
>
|
|
|
|
|
</JnpfUploadImg>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-col>{{ item.staffsName }}</el-col>
|
|
|
|
|
<el-col style="margin-top: 5px">
|
|
|
|
|
<div v-if="item.autoEnabled == '开'" style="display: flex">
|
|
|
|
|
<div class="green"></div>
|
|
|
|
|
<span
|
|
|
|
|
style="margin-left: 10px; color: #8898aa; font-size: 12px"
|
|
|
|
|
>开启接单</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else style="display: flex">
|
|
|
|
|
<div class="red"></div>
|
|
|
|
|
<span
|
|
|
|
|
style="margin-left: 10px; color: #8898aa; font-size: 12px"
|
|
|
|
|
>关闭接单</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- {{item.autoEnabled}} -->
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
v-if="item.autoEnabled == '开'"
|
|
|
|
|
plain
|
|
|
|
|
@click="chooseStaff(item.id, item.staffsName)"
|
|
|
|
|
>
|
|
|
|
|
派 单
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button type="info" v-else> 派 单 </el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-drawer>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import request from "@/utils/request";
|
|
|
|
|
|
|
|
|
|
import { getConfigData } from "@/api/onlineDev/visualDev";
|
|
|
|
|
import jnpf from "@/utils/jnpf";
|
|
|
|
|
import Detail from "@/views/basic/dynamicModel/list/detail";
|
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index";
|
|
|
|
|
import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
|
|
|
|
|
import request from '@/utils/request'
|
|
|
|
|
|
|
|
|
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
|
|
|
|
import jnpf from '@/utils/jnpf'
|
|
|
|
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
|
|
|
|
export default {
|
|
|
|
|
components: { Detail},
|
|
|
|
|
props: [],
|
|
|
|
@ -321,215 +257,96 @@ export default {
|
|
|
|
|
visible: false,
|
|
|
|
|
detailVisible: false,
|
|
|
|
|
loading: false,
|
|
|
|
|
paidanDrawer: false,
|
|
|
|
|
paidanDirection: "rtl",
|
|
|
|
|
staffList: [],
|
|
|
|
|
|
|
|
|
|
zhipanData: {
|
|
|
|
|
id: "",
|
|
|
|
|
staffsId: "",
|
|
|
|
|
staffsName: "",
|
|
|
|
|
orderClientStatusId: "",
|
|
|
|
|
orderStaffsStatusId: "",
|
|
|
|
|
receiveTime: "",
|
|
|
|
|
},
|
|
|
|
|
dataForm: {
|
|
|
|
|
id: "",
|
|
|
|
|
orderNumber: "",
|
|
|
|
|
id :'',
|
|
|
|
|
orderNumber : '',
|
|
|
|
|
orderTypeId : "521999177572425477",
|
|
|
|
|
orderAmount: "",
|
|
|
|
|
orderAmount : '',
|
|
|
|
|
orderClientStatusId : "",
|
|
|
|
|
orderStaffsStatusId : "",
|
|
|
|
|
receivePeriod: "",
|
|
|
|
|
receivePeriod : '',
|
|
|
|
|
longitude : "10",
|
|
|
|
|
latitude : "10",
|
|
|
|
|
distance : "10",
|
|
|
|
|
orderStatusId : "520192817293693253",
|
|
|
|
|
clientId : "",
|
|
|
|
|
clientName: "",
|
|
|
|
|
clientMobile: "",
|
|
|
|
|
// recycleAddress: '',
|
|
|
|
|
appointmentTimeStart: "",
|
|
|
|
|
appointmentTimeEnd: "",
|
|
|
|
|
clientName : '',
|
|
|
|
|
clientMobile : '',
|
|
|
|
|
predictWeight : '',
|
|
|
|
|
appointmentTimeStart : '',
|
|
|
|
|
appointmentTimeEnd : '',
|
|
|
|
|
clientAddressId : "",
|
|
|
|
|
recycleStationId : "",
|
|
|
|
|
staffsId : "",
|
|
|
|
|
staffsName: "",
|
|
|
|
|
creatorUserId: "",
|
|
|
|
|
staffsName : '',
|
|
|
|
|
consultTimeStart : '',
|
|
|
|
|
consultTimeEnd : '',
|
|
|
|
|
receiveTime : '',
|
|
|
|
|
settleTime : '',
|
|
|
|
|
creatorTime : "",
|
|
|
|
|
consultTimeStart: "",
|
|
|
|
|
consultTimeEnd: "",
|
|
|
|
|
receiveTime: "",
|
|
|
|
|
settleTime: "",
|
|
|
|
|
creatorUserId : "",
|
|
|
|
|
starScore : 0,
|
|
|
|
|
comment: "",
|
|
|
|
|
comment : '',
|
|
|
|
|
commentPics : [],
|
|
|
|
|
responseStar : 0,
|
|
|
|
|
attitudeStar : 0,
|
|
|
|
|
priceStar : 0,
|
|
|
|
|
isJiedan: false,
|
|
|
|
|
},
|
|
|
|
|
orderTypeIdProps: { label: "fullName", value: "id" },
|
|
|
|
|
orderClientStatusIdProps: { label: "fullName", value: "id" },
|
|
|
|
|
orderStaffsStatusIdProps: { label: "fullName", value: "id" },
|
|
|
|
|
recycleStationIdProps: { label: "station_name", value: "id" },
|
|
|
|
|
staffsIdProps: { label: "staffs_name", value: "id" },
|
|
|
|
|
orderClientStatusIdOptions: [],
|
|
|
|
|
orderStaffsStatusIdOptions: [],
|
|
|
|
|
};
|
|
|
|
|
orderTypeIdProps:{"label":"fullName","value":"id" },
|
|
|
|
|
orderClientStatusIdProps:{"label":"fullName","value":"id" },
|
|
|
|
|
orderStaffsStatusIdProps:{"label":"fullName","value":"id" },
|
|
|
|
|
orderStatusIdProps:{"label":"fullName","value":"id" },
|
|
|
|
|
recycleStationIdProps:{"label":"station_name","value":"id" },
|
|
|
|
|
staffsIdProps:{"label":"staffs_name","value":"id" },
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {},
|
|
|
|
|
watch: {},
|
|
|
|
|
created() {},
|
|
|
|
|
created() {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
methods: {
|
|
|
|
|
paidanHandleClose(done) {
|
|
|
|
|
this.$confirm("确认关闭?")
|
|
|
|
|
.then((_) => {
|
|
|
|
|
done();
|
|
|
|
|
})
|
|
|
|
|
.catch((_) => {});
|
|
|
|
|
},
|
|
|
|
|
toDetail(defaultValue, modelId) {
|
|
|
|
|
if (!defaultValue) return;
|
|
|
|
|
getConfigData(modelId).then((res) => {
|
|
|
|
|
if (!res.data || !res.data.formData) return;
|
|
|
|
|
let formData = JSON.parse(res.data.formData);
|
|
|
|
|
formData.popupType = "general";
|
|
|
|
|
this.detailVisible = true;
|
|
|
|
|
if (!defaultValue) return
|
|
|
|
|
getConfigData(modelId).then(res => {
|
|
|
|
|
if (!res.data || !res.data.formData) return
|
|
|
|
|
let formData = JSON.parse(res.data.formData)
|
|
|
|
|
formData.popupType = 'general'
|
|
|
|
|
this.detailVisible = true
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.$refs.Detail.init(formData, modelId, defaultValue);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
dataInfo(dataAll){
|
|
|
|
|
let _dataAll = dataAll;
|
|
|
|
|
this.dataForm = _dataAll;
|
|
|
|
|
let _dataAll =dataAll
|
|
|
|
|
this.dataForm = _dataAll
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
goBack() {
|
|
|
|
|
this.$emit("refresh");
|
|
|
|
|
this.$emit('refresh')
|
|
|
|
|
},
|
|
|
|
|
init(id, flag) {
|
|
|
|
|
init(id) {
|
|
|
|
|
this.dataForm.id = id || 0;
|
|
|
|
|
this.visible = true;
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
if(this.dataForm.id){
|
|
|
|
|
this.loading = true;
|
|
|
|
|
this.loading = true
|
|
|
|
|
request({
|
|
|
|
|
url: "/api/scm/RecycleOrder/detail/" + this.dataForm.id,
|
|
|
|
|
method: "get",
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
this.dataInfo(res.data);
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.dataForm.isJiedan = flag;
|
|
|
|
|
});
|
|
|
|
|
url: '/api/scm/RecycleOrder/detail/'+this.dataForm.id,
|
|
|
|
|
method: 'get'
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.dataInfo(res.data)
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
chooseStaff(id, name) {
|
|
|
|
|
this.paidanDrawer = false;
|
|
|
|
|
this.dataForm.staffsId = id;
|
|
|
|
|
this.dataForm.staffsName = name;
|
|
|
|
|
// console.log(id);
|
|
|
|
|
// console.log(name);
|
|
|
|
|
},
|
|
|
|
|
getStaffList() {
|
|
|
|
|
this.paidanDrawer = true;
|
|
|
|
|
this.getorderClientAndStaffsStatusIdOptions();
|
|
|
|
|
let _query = {
|
|
|
|
|
dataType: 1, //查询全部数据
|
|
|
|
|
menuId: this.menuId,
|
|
|
|
|
moduleId: "520258938264883781",
|
|
|
|
|
type: 1,
|
|
|
|
|
};
|
|
|
|
|
request({
|
|
|
|
|
url: `/api/scm/RecycleStationStaff/getList`,
|
|
|
|
|
method: "post",
|
|
|
|
|
data: _query,
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
var _list = res.data.list;
|
|
|
|
|
this.staffList = _list.map((o) => ({
|
|
|
|
|
...o,
|
|
|
|
|
...this.expandObj,
|
|
|
|
|
}));
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getorderClientAndStaffsStatusIdOptions() {
|
|
|
|
|
getDictionaryDataSelector("520192751392788805").then((res) => {
|
|
|
|
|
//console.log(res.data.list);
|
|
|
|
|
this.orderClientStatusIdOptions = res.data.list;
|
|
|
|
|
this.orderStaffsStatusIdOptions = res.data.list;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
paidanConfirm() {
|
|
|
|
|
if (this.dataForm.staffsName) {
|
|
|
|
|
console.log("回收员 => " + this.dataForm.staffsName);
|
|
|
|
|
this.zhipanData.id = this.dataForm.id;
|
|
|
|
|
this.zhipanData.staffsId = this.dataForm.staffsId;
|
|
|
|
|
this.zhipanData.staffsName = this.dataForm.staffsName;
|
|
|
|
|
this.zhipanData.orderClientStatusId = "520192868833300805"; //待服务
|
|
|
|
|
this.zhipanData.orderStaffsStatusId = "520192930493763909"; //未到达
|
|
|
|
|
let _data = this.zhipanData;
|
|
|
|
|
console.log(_data);
|
|
|
|
|
// console.log('--------------------');
|
|
|
|
|
// console.log(this.orderClientStatusIdOptions);
|
|
|
|
|
// console.log(this.orderStaffsStatusIdOptions);
|
|
|
|
|
|
|
|
|
|
request({
|
|
|
|
|
url: "/api/scm/NxRecycleOrder/" + this.dataForm.id,
|
|
|
|
|
method: "PUT",
|
|
|
|
|
data: _data,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: res.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
duration: 1000,
|
|
|
|
|
onClose: () => {
|
|
|
|
|
this.detailVisible = true;
|
|
|
|
|
this.$emit("refresh", true);
|
|
|
|
|
this.$router.push("/recycleorder");
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
// this.btnLoading = false
|
|
|
|
|
// this.continueBtnLoading = false
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
// console.log('请至少选择一个回收员');
|
|
|
|
|
alert("请至少选择一个回收员");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.centeralign {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: end;
|
|
|
|
|
}
|
|
|
|
|
.peoplebox {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 5px 0px 0px 10px;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
border-bottom: 1px solid #dcdfe6;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
>>> .el-upload-list--picture-card .el-upload-list__item {
|
|
|
|
|
width: 50px;
|
|
|
|
|
height: 50px;
|
|
|
|
|
border-radius: 50px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.green {
|
|
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
background-color: green;
|
|
|
|
|
}
|
|
|
|
|
.red {
|
|
|
|
|
width: 10px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</script>
|
|
|
|
|