银行下拉选择,服务站编辑问题

master
CJYXTX\27961 7 months ago
parent 5ec71f8636
commit da39919826

@ -15,7 +15,7 @@
<result column="client_mobile" jdbcType="VARCHAR" property="clientMobile" />
<result column="creator_user_id" jdbcType="VARCHAR" property="creatorUserId" />
<result column="creator_time" jdbcType="TIMESTAMP" property="creatorTime" />
<result column="recycle_address" jdbcType="VARCHAR" property="recycleAddress" />
<result column="client_address_id" jdbcType="VARCHAR" property="clientAddressId" />
<result column="appointment_time_start" jdbcType="TIMESTAMP" property="appointmentTimeStart" />
<result column="appointment_time_end" jdbcType="TIMESTAMP" property="appointmentTimeEnd" />
<result column="staffs_id" jdbcType="VARCHAR" property="staffsId" />
@ -42,7 +42,7 @@
<sql id="Base_Column_List">
id, recycle_station_id, order_number, order_type_id, order_amount, order_client_status_id,
order_staffs_status_id, receive_period, client_id, client_name, client_mobile, creator_user_id,
creator_time, recycle_address, appointment_time_start, appointment_time_end, staffs_id,
creator_time, client_address_id, appointment_time_start, appointment_time_end, staffs_id,
staffs_name, consult_time_start, consult_time_end, receive_time, settle_time, remark,
star_score, comment, comment_pics, response_star, attitude_star, price_star, is_user_deleted,
is_deleted, undefined1, undefined2, undefined3, undefined4, f_flow_id
@ -62,7 +62,7 @@
order_type_id, order_amount, order_client_status_id,
order_staffs_status_id, receive_period, client_id,
client_name, client_mobile, creator_user_id,
creator_time, recycle_address, appointment_time_start,
creator_time, client_address_id, appointment_time_start,
appointment_time_end, staffs_id, staffs_name,
consult_time_start, consult_time_end, receive_time,
settle_time, remark, star_score,
@ -75,7 +75,7 @@
#{orderTypeId,jdbcType=VARCHAR}, #{orderAmount,jdbcType=DECIMAL}, #{orderClientStatusId,jdbcType=VARCHAR},
#{orderStaffsStatusId,jdbcType=VARCHAR}, #{receivePeriod,jdbcType=INTEGER}, #{clientId,jdbcType=VARCHAR},
#{clientName,jdbcType=VARCHAR}, #{clientMobile,jdbcType=VARCHAR}, #{creatorUserId,jdbcType=VARCHAR},
#{creatorTime,jdbcType=TIMESTAMP}, #{recycleAddress,jdbcType=VARCHAR}, #{appointmentTimeStart,jdbcType=TIMESTAMP},
#{creatorTime,jdbcType=TIMESTAMP}, #{clientAddressId,jdbcType=VARCHAR}, #{appointmentTimeStart,jdbcType=TIMESTAMP},
#{appointmentTimeEnd,jdbcType=TIMESTAMP}, #{staffsId,jdbcType=VARCHAR}, #{staffsName,jdbcType=VARCHAR},
#{consultTimeStart,jdbcType=TIMESTAMP}, #{consultTimeEnd,jdbcType=TIMESTAMP}, #{receiveTime,jdbcType=TIMESTAMP},
#{settleTime,jdbcType=TIMESTAMP}, #{remark,jdbcType=VARCHAR}, #{starScore,jdbcType=INTEGER},
@ -127,8 +127,8 @@
<if test="creatorTime != null">
creator_time,
</if>
<if test="recycleAddress != null">
recycle_address,
<if test="clientAddressId != null">
client_address_id,
</if>
<if test="appointmentTimeStart != null">
appointment_time_start,
@ -237,8 +237,8 @@
<if test="creatorTime != null">
#{creatorTime,jdbcType=TIMESTAMP},
</if>
<if test="recycleAddress != null">
#{recycleAddress,jdbcType=VARCHAR},
<if test="clientAddressId != null">
#{clientAddressId,jdbcType=VARCHAR},
</if>
<if test="appointmentTimeStart != null">
#{appointmentTimeStart,jdbcType=TIMESTAMP},
@ -347,8 +347,8 @@
<if test="creatorTime != null">
creator_time = #{creatorTime,jdbcType=TIMESTAMP},
</if>
<if test="recycleAddress != null">
recycle_address = #{recycleAddress,jdbcType=VARCHAR},
<if test="clientAddressId != null">
client_address_id = #{clientAddressId,jdbcType=VARCHAR},
</if>
<if test="appointmentTimeStart != null">
appointment_time_start = #{appointmentTimeStart,jdbcType=TIMESTAMP},
@ -433,7 +433,7 @@
client_mobile = #{clientMobile,jdbcType=VARCHAR},
creator_user_id = #{creatorUserId,jdbcType=VARCHAR},
creator_time = #{creatorTime,jdbcType=TIMESTAMP},
recycle_address = #{recycleAddress,jdbcType=VARCHAR},
client_address_id = #{clientAddressId,jdbcType=VARCHAR},
appointment_time_start = #{appointmentTimeStart,jdbcType=TIMESTAMP},
appointment_time_end = #{appointmentTimeEnd,jdbcType=TIMESTAMP},
staffs_id = #{staffsId,jdbcType=VARCHAR},

@ -41,8 +41,12 @@ public class RecycleOrderEntity {
// private String creatorUserId;
// @TableField(value = "CREATOR_TIME" , updateStrategy = FieldStrategy.IGNORED)
// private Date creatorTime;
@TableField(value = "RECYCLE_ADDRESS" , updateStrategy = FieldStrategy.IGNORED)
private String recycleAddress;
// @TableField(value = "RECYCLE_ADDRESS" , updateStrategy = FieldStrategy.IGNORED)
// private String recycleAddress;
@TableField(value = "CLIENT_ADDRESS_ID" , updateStrategy = FieldStrategy.IGNORED)
private String clientAddressId;
@TableField(value = "APPOINTMENT_TIME_START" , updateStrategy = FieldStrategy.IGNORED)
private Date appointmentTimeStart;
@TableField(value = "APPOINTMENT_TIME_END" , updateStrategy = FieldStrategy.IGNORED)

@ -79,8 +79,12 @@ public class EnterpriserecyclestationForm {
private Object acceptRange;
/** 经度 **/
@JsonProperty("longitude")
private Double longitude;
private String longitude;
/** 纬度 **/
@JsonProperty("latitude")
private Double latitude;
private String latitude;
/** 企业 **/
@JsonProperty("enterpriseId")
private Object enterpriseId;
}

@ -47,8 +47,8 @@ public class RecycleOrderForm {
@JsonProperty("clientMobile")
private String clientMobile;
/** 回收地址 **/
@JsonProperty("recycleAddress")
private String recycleAddress;
@JsonProperty("clientAddressId")
private String clientAddressId;
/** 预约时间起 **/
@JsonProperty("appointmentTimeStart")
private String appointmentTimeStart;

@ -133,8 +133,8 @@
</el-table-column>
<el-table-column prop="creatorTime" label="创建时间" align="left">
</el-table-column>
<el-table-column prop="creatorUserId" label="创建用户" align="left">
</el-table-column>
<!-- <el-table-column prop="creatorUserId" label="创建用户" align="left">
</el-table-column> -->
<el-table-column label="操作" fixed="right" width="150">
<template slot-scope="scope">
<!-- <el-button type="text" @click="addOrUpdateHandle(scope.row)"

@ -1,140 +1,179 @@
<template>
<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="详情" />
<div class="options">
<el-button @click="goBack"></el-button>
</div>
</div>
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
<el-form ref="formRef" :model="dataForm" size="default" 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="default"
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="基础信息">
<JnpfGroupTitle
contentPosition="left"
:closable="false"
content="基础信息"
>
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="商户代码" prop="enterpriseCode">
<p>{{dataForm.enterpriseCode}}</p>
<p>{{ dataForm.enterpriseCode }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="商户名称" prop="enterpriseName">
<p>{{dataForm.enterpriseName}}</p>
<p>{{ dataForm.enterpriseName }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="商户简称" prop="enterpriseShortName">
<p>{{dataForm.enterpriseShortName}}</p>
<p>{{ dataForm.enterpriseShortName }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="主体类型" prop="principalTypeId">
<p>{{dataForm.principalTypeId}}</p>
<p>{{ dataForm.principalTypeId }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="所在城市" prop="city">
<p>{{dataForm.city}}</p>
<p>{{ dataForm.city }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="行业分类" prop="industryTypeId">
<p>{{dataForm.industryTypeId}}</p>
<p>{{ dataForm.industryTypeId }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="首联系人" prop="firstContactPerson">
<p>{{dataForm.firstContactPerson}}</p>
<p>{{ dataForm.firstContactPerson }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="职位" prop="firstContactPersonPosition">
<p>{{dataForm.firstContactPersonPosition}}</p>
<jnpf-form-tip-item
label="职位"
prop="firstContactPersonPosition"
>
<p>{{ dataForm.firstContactPersonPosition }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="手机号码" prop="firstContactPersonTel">
<p>{{dataForm.firstContactPersonTel}}</p>
<p>{{ dataForm.firstContactPersonTel }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<JnpfGroupTitle contentPosition="left" :closable="false" content="详细信息">
<JnpfGroupTitle
contentPosition="left"
:closable="false"
content="详细信息"
>
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="商户logo" prop="enterpriseLogo">
<JnpfUploadImg v-model="dataForm.enterpriseLogo" disabled detailed :fileSize="10"
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0">
<JnpfUploadImg
v-model="dataForm.enterpriseLogo"
disabled
detailed
:fileSize="10"
sizeUnit="MB"
:limit="1
pathType="defaultPath"
:isAccount="0"
>
</JnpfUploadImg>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="详细地址" prop="address">
<p>{{dataForm.address}}</p>
<p>{{ dataForm.address }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="固话" prop="landline">
<p>{{dataForm.landline}}</p>
<p>{{ dataForm.landline }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="传真" prop="fax">
<p>{{dataForm.fax}}</p>
<p>{{ dataForm.fax }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="公司网址" prop="website">
<p>https://{{dataForm.website}}</p>
<p>https://{{ dataForm.website }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="商户介绍" prop="description">
<p>{{dataForm.description}}</p>
<p>{{ dataForm.description }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<JnpfGroupTitle contentPosition="left" :closable="false" content="财务信息">
<JnpfGroupTitle
contentPosition="left"
:closable="false"
content="财务信息"
>
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="发票抬头" prop="invoiceHeader">
<p>{{dataForm.invoiceHeader}}</p>
<p>{{ dataForm.invoiceHeader }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="商户税号" prop="taxId">
<p>{{dataForm.taxId}}</p>
<p>{{ dataForm.taxId }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="开户银行" prop="depositBank">
<p>{{dataForm.depositBank}}</p>
<p>{{ dataForm.depositBank }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="开户银行账号" prop="depositBankAccount">
<p>{{dataForm.depositBankAccount}}</p>
<jnpf-form-tip-item
label="开户银行账号"
prop="depositBankAccount"
>
<p>{{ dataForm.depositBankAccount }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="电话号码" prop="financeTel">
<p>{{dataForm.financeTel}}</p>
<p>{{ dataForm.financeTel }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="注册地址" prop="registerAddress">
<p>{{dataForm.registerAddress}}</p>
<p>{{ dataForm.registerAddress }}</p>
</jnpf-form-tip-item>
</el-col>
</template>
@ -144,12 +183,12 @@
</transition>
</template>
<script>
import request from '@/utils/request'
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 { 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: [],
@ -160,79 +199,75 @@ export default {
loading: false,
dataForm: {
id: '',
enterpriseCode: '',
enterpriseName: '',
enterpriseShortName: '',
id: "",
enterpriseCode: "",
enterpriseName: "",
enterpriseShortName: "",
principalTypeId: "",
city: [],
industryTypeId: "",
firstContactPerson: '',
firstContactPersonPosition: '',
firstContactPersonTel: '',
firstContactPerson: "",
firstContactPersonPosition: "",
firstContactPersonTel: "",
enterpriseLogo: [],
address: '',
landline: '',
fax: '',
website: '',
description: '',
invoiceHeader: '',
taxId: '',
depositBank: '',
depositBankAccount: '',
financeTel: '',
registerAddress: '',
address: "",
landline: "",
fax: "",
website: "",
description: "",
invoiceHeader: "",
taxId: "",
depositBank: "",
depositBankAccount: "",
financeTel: "",
registerAddress: "",
},
principalTypeIdProps: { "label": "fullName", "value": "id" },
industryTypeIdProps: { "label": "fullName", "value": "id" },
}
principalTypeIdProps: { label: "fullName", value: "id" },
industryTypeIdProps: { label: "fullName", value: "id" },
depositBankProps: { label: "fullName", value: "id" },
};
},
computed: {},
watch: {},
created() {
},
mounted() { },
created() {},
mounted() {},
methods: {
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) {
this.dataForm.id = id || 0;
this.visible = true;
this.$nextTick(() => {
if (this.dataForm.id) {
this.loading = true
this.loading = true;
request({
url: '/api/scm/Enterprise/detail/' + this.dataForm.id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
this.loading = false
})
url: "/api/scm/Enterprise/detail/" + this.dataForm.id,
method: "get",
}).then((res) => {
this.dataInfo(res.data);
this.loading = false;
});
}
})
});
},
},
}
};
</script>

@ -296,7 +296,7 @@
</JnpfInput>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<jnpf-form-tip-item label="开户银行" prop="depositBank">
<JnpfInput
v-model="dataForm.depositBank"
@ -307,7 +307,23 @@
>
</JnpfInput>
</jnpf-form-tip-item>
</el-col> -->
<el-col :span="8">
<jnpf-form-tip-item label="开户银行" prop="depositBank">
<JnpfSelect
v-model="dataForm.depositBank"
@change="changeData('depositBank', -1)"
placeholder="请选择"
clearable
:style="{ width: '100%' }"
:options="depositBankOptions"
:props="depositBankProps"
>
</JnpfSelect>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item
label="开户银行账号"
@ -547,6 +563,8 @@ export default {
principalTypeIdProps: { label: "fullName", value: "id" },
industryTypeIdOptions: [],
industryTypeIdProps: { label: "fullName", value: "id" },
depositBankOptions: [],
depositBankProps: { label: "fullName", value: "id" },
childIndex: -1,
isEdit: false,
interfaceRes: {
@ -664,6 +682,7 @@ export default {
dataAll() {
this.getprincipalTypeIdOptions();
this.getindustryTypeIdOptions();
this.getdepositBankOptions();
},
getprincipalTypeIdOptions() {
getDictionaryDataSelector("9b542177a477488994ce09fff3c93901").then(
@ -679,6 +698,11 @@ export default {
}
);
},
getdepositBankOptions() {
getDictionaryDataSelector("538258438329736389").then((res) => {
this.depositBankOptions = res.data.list;
});
},
goBack() {
this.$emit("refresh");
},

@ -67,11 +67,11 @@
<p>{{ dataForm.city }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<jnpf-form-tip-item label="回收类目" prop="recycleTypeIds">
<p>{{ dataForm.recycleTypeIds }}</p>
</jnpf-form-tip-item>
</el-col>
</el-col> -->
<el-col :span="8">
<jnpf-form-tip-item label="首联系人" prop="firstContactPerson">
<p>{{ dataForm.firstContactPerson }}</p>
@ -135,7 +135,7 @@
<p>{{ dataForm.stationDescription }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<!-- <el-col :span="24">
<jnpf-form-tip-item label-width="0">
<div class="JNPF-common-title">
<h2>价格配置</h2>
@ -159,7 +159,7 @@
</el-table-column>
</el-table>
</jnpf-form-tip-item>
</el-col>
</el-col> -->
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<JnpfGroupTitle
@ -216,7 +216,7 @@
label="序号"
align="center"
/>
<el-table-column prop="housingEstateId" label="小区id">
<el-table-column prop="housingEstateId" label="小区名称">
<template slot-scope="scope">
<p>{{ scope.row.housingEstateId }}</p>
</template>

@ -288,7 +288,7 @@
<h2>价格配置</h2>
</div>
<el-table :data="dataForm.recyclestationpriceList" size="mini">
<el-table :data="dataForm.recycleStationPriceList" size="mini">
<el-table-column
type="index"
width="50"
@ -348,7 +348,7 @@
size="mini"
type="text"
class="JNPF-table-delBtn"
@click="delrecyclestationpriceList(scope.$index)"
@click="delrecycleStationPriceList(scope.$index)"
>删除</el-button
>
</template>
@ -356,7 +356,7 @@
</el-table>
<div
class="table-actions"
@click="addrecyclestationpriceList()"
@click="addrecycleStationPriceList()"
>
<el-button type="text" icon="el-icon-plus">添加</el-button>
</div>
@ -446,7 +446,7 @@
</div>
<el-table
:data="dataForm.recycleStationHousingEstateList"
:data="dataForm.recyclestationhousingestateList"
size="mini"
>
<el-table-column
@ -625,7 +625,7 @@ export default {
templateJson: [],
popupWidth: "800px",
},
recycleStationHousingEstateList: {
recyclestationhousingestateList: {
popupType: "dialog",
hasPage: true,
popupTitle: "选择数据",
@ -647,7 +647,7 @@ export default {
unitPriceOptions: [],
enabledmark: undefined,
},
recycleStationHousingEstateList: {
recyclestationhousingestateList: {
housingEstateId: "",
housingEstateIdOptions: [],
enabledmark: undefined,
@ -679,7 +679,7 @@ export default {
appointmentTimeEnd: undefined,
acceptRange: undefined,
recyclestationpriceList: [],
recycleStationHousingEstateList: [],
recyclestationhousingestateList: [],
},
tableRequiredData: {},
dataRule: {
@ -821,7 +821,6 @@ export default {
recyclestationhousingestatehousingEstateIdcolumnOptions: [
{ label: "小区名称", value: "name" },
],
childIndex: -1,
isEdit: false,
interfaceRes: {
enterpriseId: [],
@ -916,7 +915,6 @@ export default {
},
changeData(model, index) {
this.isEdit = false;
this.childIndex = index;
let modelAll = model.split("-");
let faceMode = "";
for (let i = 0; i < modelAll.length; i++) {
@ -968,10 +966,10 @@ export default {
let isOk = true;
for (
let i = 0;
i < this.dataForm.recycleStationHousingEstateList.length;
i < this.dataForm.recyclestationhousingestateList.length;
i++
) {
const e = this.dataForm.recycleStationHousingEstateList[i];
const e = this.dataForm.recyclestationhousingestateList[i];
}
return isOk;
},
@ -1037,11 +1035,11 @@ export default {
let excludeIdList = [];
for (
let i = 0;
i < this.dataForm.recycleStationHousingEstateList.length;
i < this.dataForm.recyclestationhousingestateList.length;
i++
) {
excludeIdList.push(
this.dataForm.recycleStationHousingEstateList[i].housingEstateId
this.dataForm.recyclestationhousingestateList[i].housingEstateId
);
}
this.$nextTick(() => {
@ -1049,6 +1047,7 @@ export default {
});
},
initList(list) {
debugger;
for (let i = 0; i < list.length; i++) {
const e = list[i];
let item = {
@ -1060,7 +1059,7 @@ export default {
hasSchedule: e.hasSchedule,
recycleAddress: e.recycleAddress,
};
this.dataForm.recycleStationHousingEstateList.push(item);
this.dataForm.recyclestationhousingestateList.push(item);
}
},
@ -1171,10 +1170,8 @@ export default {
getrecyclestationpriceList(value) {
let item = { ...this.tableRows.recyclestationpriceList, ...value };
this.dataForm.recyclestationpriceList.push(item);
this.childIndex = this.dataForm.recyclestationpriceList.length - 1;
this.isEdit = true;
this.isEdit = false;
this.childIndex = -1;
},
addrecyclestationhousingestateList() {
let item = {
@ -1187,21 +1184,18 @@ export default {
type: "warning",
})
.then(() => {
this.dataForm.recycleStationHousingEstateList.splice(index, 1);
this.dataForm.recyclestationhousingestateList.splice(index, 1);
})
.catch(() => {});
},
getrecyclestationhousingestateList(value) {
let item = {
...this.tableRows.recycleStationHousingEstateList,
...this.tableRows.recyclestationhousingestateList,
...value,
};
this.dataForm.recycleStationHousingEstateList.push(item);
this.childIndex =
this.dataForm.recycleStationHousingEstateList.length - 1;
this.dataForm.recyclestationhousingestateList.push(item);
this.isEdit = true;
this.isEdit = false;
this.childIndex = -1;
},
openSelectDialog(key) {
this.currTableConf = this.addTableConf[key];
@ -1291,17 +1285,6 @@ export default {
this.dataForm = _dataAll;
this.isEdit = true;
this.dataAll();
for (let i = 0; i < _dataAll.recyclestationpriceList.length; i++) {
this.childIndex = i;
}
for (
let i = 0;
i < _dataAll.recycleStationHousingEstateList.length;
i++
) {
this.childIndex = i;
}
this.childIndex = -1;
},
},
};

@ -488,10 +488,9 @@ export default {
],
businessDaysProps: { label: "fullName", value: "id" },
acceptRangeOptions: [
{ fullName: "无限制", id: "0" },
{ fullName: "1KM", id: "1" },
{ fullName: "3KM", id: "3" },
{ fullName: "5KM", id: "5" },
{ fullName: "5KM以内", id: "5000" },
{ fullName: "10KM以内", id: "10000" },
{ fullName: "20KM以内", id: "20000" },
],
acceptRangeProps: { label: "fullName", value: "id" },
tableField135_recycleTypeIdOptions: [],

@ -2,12 +2,23 @@
<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="dataForm.isJiedan ? '派单' : '详情'"
/>
<div class="options">
<el-button type="primary" v-if="dataForm.isJiedan==true" @click="getStaffList()">
<span v-if="dataForm.staffsName"> {{dataForm.staffsName}}</span>
<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>
@ -15,135 +26,170 @@
<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="订单信息">
<JnpfGroupTitle
contentPosition="left"
:closable="false"
content="订单信息"
>
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="订单编号" prop="orderNumber">
<p>{{dataForm.orderNumber}}</p>
<p>{{ dataForm.orderNumber }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="订单类型" prop="orderTypeId">
<p>{{dataForm.orderTypeId}}</p>
<p>{{ dataForm.orderTypeId }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="订单金额(元)" prop="orderAmount">
<p>{{dataForm.orderAmount}}</p>
<p>{{ dataForm.orderAmount }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="散户端状态" prop="orderClientStatusId">
<p>{{dataForm.orderClientStatusId}}</p>
<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">
<p>{{dataForm.orderStaffsStatusId}}</p>
<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">
<p>{{dataForm.receivePeriod}}</p>
<p>{{ dataForm.receivePeriod }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<JnpfGroupTitle contentPosition="left" :closable="false" content="散户信息">
<JnpfGroupTitle
contentPosition="left"
:closable="false"
content="散户信息"
>
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="散户姓名" prop="clientName">
<p>{{dataForm.clientName}}</p>
<p>{{ dataForm.clientName }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="散户手机号" prop="clientMobile">
<p>{{dataForm.clientMobile}}</p>
<p>{{ dataForm.clientMobile }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<jnpf-form-tip-item label="回收地址" prop="recycleAddress">
<p>{{dataForm.recycleAddress}}</p>
</jnpf-form-tip-item>
</el-col>
</el-col> -->
<el-col :span="8">
<jnpf-form-tip-item label="预约时间起" prop="appointmentTimeStart">
<p>{{dataForm.appointmentTimeStart}}</p>
<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">
<p>{{dataForm.appointmentTimeEnd}}</p>
<jnpf-form-tip-item
label="预约时间止"
prop="appointmentTimeEnd"
>
<p>{{ dataForm.appointmentTimeEnd }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<JnpfGroupTitle contentPosition="left" :closable="false" content="收货员信息">
<JnpfGroupTitle
contentPosition="left"
:closable="false"
content="收货员信息"
>
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="回收站" prop="recycleStationId">
<p>{{dataForm.recycleStationId}}</p>
<p>{{ dataForm.recycleStationId }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="回收员" prop="staffsId">
<p>{{dataForm.staffsId}}</p>
<p>{{ dataForm.staffsId }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="回收员姓名" prop="staffsName">
<p>{{dataForm.staffsName}}</p>
<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>
<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>
<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">
<p>{{dataForm.consultTimeStart}}</p>
<p>{{ dataForm.consultTimeStart }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="协商时间止" prop="consultTimeEnd">
<p>{{dataForm.consultTimeEnd}}</p>
<p>{{ dataForm.consultTimeEnd }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="收货时间" prop="receiveTime">
<p>{{dataForm.receiveTime}}</p>
<p>{{ dataForm.receiveTime }}</p>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="结算时间" prop="settleTime">
<p>{{dataForm.settleTime}}</p>
<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">
@ -153,13 +199,21 @@
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="评价详情" prop="comment">
<p>{{dataForm.comment}}</p>
<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" disabled detailed :fileSize="10"
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0">
<JnpfUploadImg
v-model="dataForm.commentPics"
disabled
detailed
:fileSize="10"
sizeUnit="MB"
:limit="9"
pathType="defaultPath"
:isAccount="0"
>
</JnpfUploadImg>
</jnpf-form-tip-item>
</el-col>
@ -187,56 +241,77 @@
</div>
</transition>
<!-- 点击派单按钮弹出回收员列表 -->
<el-drawer title="收货员选择" :visible.sync="paidanDrawer" :direction="paidanDirection"
:before-close="paidanHandleClose" size="20%">
<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
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">
<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>
<span
style="margin-left: 10px; color: #8898aa; font-size: 12px"
>开启接单</span
>
</div>
<div v-else style="display:flex">
<div v-else style="display: flex">
<div class="red"></div>
<span style="margin-left:10px;color:#8898AA;font-size:12px">关闭接单</span>
<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
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 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 { 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";
export default {
components: { Detail },
@ -247,187 +322,183 @@ export default {
detailVisible: false,
loading: false,
paidanDrawer: false,
paidanDirection: 'rtl',
paidanDirection: "rtl",
staffList: [],
zhipanData: {
id: '',
id: "",
staffsId: "",
staffsName: '',
staffsName: "",
orderClientStatusId: "",
orderStaffsStatusId: "",
receiveTime: '',
receiveTime: "",
},
dataForm: {
id: '',
orderNumber: '',
id: "",
orderNumber: "",
orderTypeId: "521999177572425477",
orderAmount: '',
orderAmount: "",
orderClientStatusId: "",
orderStaffsStatusId: "",
receivePeriod: '',
clientId: '',
clientName: '',
clientMobile: '',
recycleAddress: '',
appointmentTimeStart: '',
appointmentTimeEnd: '',
receivePeriod: "",
clientId: "",
clientName: "",
clientMobile: "",
// recycleAddress: '',
appointmentTimeStart: "",
appointmentTimeEnd: "",
recycleStationId: "",
staffsId: "",
staffsName: '',
creatorUserId: '',
creatorTime: '',
consultTimeStart: '',
consultTimeEnd: '',
receiveTime: '',
settleTime: '',
staffsName: "",
creatorUserId: "",
creatorTime: "",
consultTimeStart: "",
consultTimeEnd: "",
receiveTime: "",
settleTime: "",
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" },
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: [],
}
};
},
computed: {},
watch: {},
created() {
},
mounted() { },
created() {},
mounted() {},
methods: {
paidanHandleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
this.$confirm("确认关闭?")
.then((_) => {
done();
})
.catch(_ => { });
.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) {
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
url: "/api/scm/RecycleOrder/detail/" + this.dataForm.id,
method: "get",
}).then((res) => {
this.dataInfo(res.data);
this.loading = false;
this.dataForm.isJiedan = flag;
})
});
}
})
});
},
chooseStaff(id, name) {
this.paidanDrawer = false
this.dataForm.staffsId = id
this.dataForm.staffsName = name
this.paidanDrawer = false;
this.dataForm.staffsId = id;
this.dataForm.staffsName = name;
// console.log(id);
// console.log(name);
},
getStaffList() {
this.paidanDrawer = true
this.paidanDrawer = true;
this.getorderClientAndStaffsStatusIdOptions();
let _query = {
dataType: 1, //
menuId: this.menuId,
moduleId: '520258938264883781',
moduleId: "520258938264883781",
type: 1,
};
request({
url: `/api/scm/RecycleStationStaff/getList`,
method: 'post',
data: _query
}).then(res => {
method: "post",
data: _query,
}).then((res) => {
var _list = res.data.list;
this.staffList = _list.map(o => ({
this.staffList = _list.map((o) => ({
...o,
...this.expandObj,
}))
})
}));
});
},
getorderClientAndStaffsStatusIdOptions() {
getDictionaryDataSelector('520192751392788805').then(res => {
getDictionaryDataSelector("520192751392788805").then((res) => {
//console.log(res.data.list);
this.orderClientStatusIdOptions = res.data.list
this.orderStaffsStatusIdOptions = 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("回收员 => " + 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
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('请至少选择一个回收员')
alert("请至少选择一个回收员");
}
},
},
}
};
</script>
<style scoped lang="scss">
.centeralign {

File diff suppressed because it is too large Load Diff

@ -12,79 +12,145 @@
<el-form @submit.native.prevent>
<el-col :span="6">
<el-form-item label="订单编号">
<el-input v-model="query.orderNumber" placeholder="请输入" clearable> </el-input>
<el-input
v-model="query.orderNumber"
placeholder="请输入"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="订单类型">
<JnpfSelect v-model="query.orderTypeId" placeholder="请选择" clearable
:options="orderTypeIdOptions" :props="orderTypeIdProps" multiple>
<JnpfSelect
v-model="query.orderTypeId"
placeholder="请选择"
clearable
:options="orderTypeIdOptions"
:props="orderTypeIdProps"
multiple
>
</JnpfSelect>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="散户端状态">
<JnpfSelect v-model="query.orderClientStatusId" placeholder="请选择" clearable
:options="orderClientStatusIdOptions" :props="orderClientStatusIdProps" multiple>
<JnpfSelect
v-model="query.orderClientStatusId"
placeholder="请选择"
clearable
:options="orderClientStatusIdOptions"
:props="orderClientStatusIdProps"
multiple
>
</JnpfSelect>
</el-form-item>
</el-col>
<template v-if="showAll">
<el-col :span="6">
<el-form-item label="回收员端状态">
<JnpfSelect v-model="query.orderStaffsStatusId" placeholder="请选择" clearable
:options="orderStaffsStatusIdOptions" :props="orderStaffsStatusIdProps" multiple>
<JnpfSelect
v-model="query.orderStaffsStatusId"
placeholder="请选择"
clearable
:options="orderStaffsStatusIdOptions"
:props="orderStaffsStatusIdProps"
multiple
>
</JnpfSelect>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="散户手机号">
<el-input v-model="query.clientMobile" placeholder="请输入" clearable> </el-input>
<el-input
v-model="query.clientMobile"
placeholder="请输入"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="回收站">
<JnpfSelect v-model="query.recycleStationId" placeholder="请选择" clearable
:options="recycleStationIdOptions" :props="recycleStationIdProps" multiple>
<JnpfSelect
v-model="query.recycleStationId"
placeholder="请选择"
clearable
:options="recycleStationIdOptions"
:props="recycleStationIdProps"
multiple
>
</JnpfSelect>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预约时间起">
<JnpfDateRangePicker v-model="query.appointmentTimeStart" format="yyyy-MM-dd HH:mm"
startPlaceholder="开始日期" endPlaceholder="结束日期">
<JnpfDateRangePicker
v-model="query.appointmentTimeStart"
format="yyyy-MM-dd HH:mm"
startPlaceholder="开始日期"
endPlaceholder="结束日期"
>
</JnpfDateRangePicker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预约时间止">
<JnpfDateRangePicker v-model="query.appointmentTimeEnd" format="yyyy-MM-dd HH:mm"
startPlaceholder="开始日期" endPlaceholder="结束日期">
<JnpfDateRangePicker
v-model="query.appointmentTimeEnd"
format="yyyy-MM-dd HH:mm"
startPlaceholder="开始日期"
endPlaceholder="结束日期"
>
</JnpfDateRangePicker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="散户姓名">
<el-input v-model="query.clientName" placeholder="请输入" clearable> </el-input>
<el-input
v-model="query.clientName"
placeholder="请输入"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="回收员">
<JnpfSelect v-model="query.staffsId" placeholder="请选择" clearable
:options="staffsIdOptions" :props="staffsIdProps" multiple>
<JnpfSelect
v-model="query.staffsId"
placeholder="请选择"
clearable
:options="staffsIdOptions"
:props="staffsIdProps"
multiple
>
</JnpfSelect>
</el-form-item>
</el-col>
</template>
<el-col :span="6">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="search()"></el-button>
<el-button icon="el-icon-refresh-right" @click="reset()"></el-button>
<el-button type="text" icon="el-icon-arrow-down" @click="showAll=true"
v-if="!showAll">
<el-button type="primary" icon="el-icon-search" @click="search()"
>查询</el-button
>
<el-button icon="el-icon-refresh-right" @click="reset()"
>重置</el-button
>
<el-button
type="text"
icon="el-icon-arrow-down"
@click="showAll = true"
v-if="!showAll"
>
展开
</el-button>
<el-button type="text" icon="el-icon-arrow-up" @click="showAll=false" v-else>
<el-button
type="text"
icon="el-icon-arrow-up"
@click="showAll = false"
v-else
>
收起
</el-button>
</el-form-item>
@ -94,35 +160,70 @@
<div class="JNPF-common-layout-main JNPF-flex-main">
<div class="JNPF-common-head">
<div>
<el-button type="primary" icon="icon-ym icon-ym-btn-add" @click="addOrUpdateHandle()">
<el-button
type="primary"
icon="icon-ym icon-ym-btn-add"
@click="addOrUpdateHandle()"
>新增
</el-button>
</div>
<div class="JNPF-common-head-right">
<el-tooltip content="高级查询" placement="top" v-if="true">
<el-link icon="icon-ym icon-ym-filter JNPF-common-head-icon" :underline="false"
@click="openSuperQuery()" />
<el-link
icon="icon-ym icon-ym-filter JNPF-common-head-icon"
:underline="false"
@click="openSuperQuery()"
/>
</el-tooltip>
<el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
<el-link icon="icon-ym icon-ym-Refresh JNPF-common-head-icon" :underline="false"
@click="initData()" />
<el-tooltip
effect="dark"
:content="$t('common.refresh')"
placement="top"
>
<el-link
icon="icon-ym icon-ym-Refresh JNPF-common-head-icon"
:underline="false"
@click="initData()"
/>
</el-tooltip>
</div>
</div>
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange'
:span-method="arraySpanMethod">
<JNPF-table
v-loading="listLoading"
:data="list"
@sort-change="sortChange"
:span-method="arraySpanMethod"
>
<el-table-column prop="orderNumber" label="订单编号" align="left">
</el-table-column>
<el-table-column prop="orderTypeId" label="订单类型" align="left">
</el-table-column>
<el-table-column prop="orderAmount" label="金额(元)" align="left">
</el-table-column>
<el-table-column prop="orderClientStatusId" label="散户端状态" align="left">
<el-table-column
prop="orderClientStatusId"
label="散户端状态"
align="left"
>
</el-table-column>
<el-table-column prop="orderStaffsStatusId" label="回收员端状态" align="left">
<el-table-column
prop="orderStaffsStatusId"
label="回收员端状态"
align="left"
>
</el-table-column>
<el-table-column prop="receivePeriod" label="接单周期(分)" align="left">
<el-table-column
prop="receivePeriod"
label="接单周期(分)"
align="left"
>
</el-table-column>
<el-table-column prop="clientMobile" label="散户手机号" align="left" width="100px">
<el-table-column
prop="clientMobile"
label="散户手机号"
align="left"
width="100px"
>
</el-table-column>
<el-table-column prop="clientName" label="散户姓名" align="left">
</el-table-column>
@ -133,52 +234,99 @@
</el-table-column> -->
<el-table-column label="回收员" prop="staffsName" algin="left">
<template slot-scope="scope">
{{ scope.row.staffsName}}
{{ scope.row.staffsName }}
</template>
</el-table-column>
<el-table-column prop="recycleAddress" label="回收地址" align="left" width="120px">
<el-table-column
prop="appointmentTimeStart"
label="预约时间起"
align="left"
width="90px"
>
</el-table-column>
<el-table-column prop="appointmentTimeStart" label="预约时间起" align="left" width="90px">
</el-table-column>
<el-table-column prop="appointmentTimeEnd" label="预约时间止" align="left" width="90px">
<el-table-column
prop="appointmentTimeEnd"
label="预约时间止"
align="left"
width="90px"
>
</el-table-column>
<el-table-column prop="recycleStationId" label="回收站" align="left">
</el-table-column>
<el-table-column prop="creatorUserId" label="创建用户" align="left">
</el-table-column>
<el-table-column prop="creatorTime" label="创建时间" align="left" width="90px">
<el-table-column
prop="creatorTime"
label="创建时间"
align="left"
width="90px"
>
<template slot-scope="scope">
<span v-if="scope.row.creatorTime">
{{jnpf.toDate(scope.row.creatorTime,'yyyy-MM-dd hh:mm:ss')}}
{{ jnpf.toDate(scope.row.creatorTime, "yyyy-MM-dd hh:mm:ss") }}
</span>
</template>
</el-table-column>
<el-table-column prop="consultTimeStart" label="协商时间起" align="left" width="90px">
<el-table-column
prop="consultTimeStart"
label="协商时间起"
align="left"
width="90px"
>
</el-table-column>
<el-table-column prop="consultTimeEnd" label="协商时间止" align="left" width="90px">
<el-table-column
prop="consultTimeEnd"
label="协商时间止"
align="left"
width="90px"
>
</el-table-column>
<el-table-column prop="receiveTime" label="收货时间" align="left" width="90px">
<el-table-column
prop="receiveTime"
label="收货时间"
align="left"
width="90px"
>
</el-table-column>
<el-table-column prop="settleTime" label="结算时间" align="left" width="90px">
<el-table-column
prop="settleTime"
label="结算时间"
align="left"
width="90px"
>
</el-table-column>
<el-table-column prop="comment" label="评价详情" align="left">
</el-table-column>
<el-table-column label="操作" fixed="right" width="150">
<template slot-scope="scope">
<el-button type="text" @click="addOrUpdateHandle(scope.row)">
<el-button type="text" @click="addOrUpdateHandle(scope.row)"
>编辑
</el-button>
<el-button type="text" class="JNPF-table-delBtn" @click="handleDel(scope.row.id)">
<el-button
type="text"
class="JNPF-table-delBtn"
@click="handleDel(scope.row.id)"
>删除
</el-button>
<el-button type="text" @click="goDetail(scope.row.id)">
<el-button type="text" @click="goDetail(scope.row.id)"
>详情
</el-button>
<el-button type="text" v-if="scope.row.orderClientStatusId === ''"
style="margin-left:6px;color:blue;" @click="goJiedanDetail(scope.row.id)">接单
<el-button
type="text"
v-if="scope.row.orderClientStatusId === '待接单'"
style="margin-left: 6px; color: blue"
@click="goJiedanDetail(scope.row.id)"
>接单
</el-button>
</template>
</el-table-column>
</JNPF-table>
<pagination :total="total" :page.sync="listQuery.currentPage"
:limit.sync="listQuery.pageSize" @pagination="initData" />
<pagination
:total="total"
:page.sync="listQuery.currentPage"
:limit.sync="listQuery.pageSize"
@pagination="initData"
/>
</div>
</div>
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
@ -186,41 +334,48 @@
<ImportBox v-if="uploadBoxVisible" ref="UploadBox" @refresh="initData" />
<Detail v-if="detailVisible" ref="Detail" @refresh="initData()" />
<ToFormDetail v-if="toFormDetailVisible" ref="toFormDetail"
@close="toFormDetailVisible = false" />
<SuperQuery v-if="superQueryVisible" ref="SuperQuery" :columnOptions="superQueryJson"
@superQuery="superQuery" />
<ToFormDetail
v-if="toFormDetailVisible"
ref="toFormDetail"
@close="toFormDetailVisible = false"
/>
<SuperQuery
v-if="superQueryVisible"
ref="SuperQuery"
:columnOptions="superQueryJson"
@superQuery="superQuery"
/>
</div>
</template>
<script>
import request from '@/utils/request'
import request from "@/utils/request";
import { mapGetters } from "vuex";
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
import JNPFForm from './form'
import Detail from './Detail'
import ExportBox from '@/components/ExportBox'
import ToFormDetail from '@/views/basic/dynamicModel/list/detail'
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
import { getConfigData } from '@/api/onlineDev/visualDev'
import { getDefaultCurrentValueUserIdAsync } from '@/api/permission/user'
import { getDefaultCurrentValueDepartmentIdAsync } from '@/api/permission/organize'
import columnList from './columnList'
import { thousandsFormat } from "@/components/Generator/utils/index"
import SuperQuery from '@/components/SuperQuery'
import superQueryJson from './superQueryJson'
import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
import JNPFForm from "./form";
import Detail from "./Detail";
import ExportBox from "@/components/ExportBox";
import ToFormDetail from "@/views/basic/dynamicModel/list/detail";
import { getDataInterfaceRes } from "@/api/systemData/dataInterface";
import { getConfigData } from "@/api/onlineDev/visualDev";
import { getDefaultCurrentValueUserIdAsync } from "@/api/permission/user";
import { getDefaultCurrentValueDepartmentIdAsync } from "@/api/permission/organize";
import columnList from "./columnList";
import { thousandsFormat } from "@/components/Generator/utils/index";
import SuperQuery from "@/components/SuperQuery";
import superQueryJson from "./superQueryJson";
export default {
components: {
JNPFForm,
Detail,
ExportBox, ToFormDetail, SuperQuery
ExportBox,
ToFormDetail,
SuperQuery,
},
data() {
return {
keyword: '',
keyword: "",
expandsTree: true,
refreshTree: true,
toFormDetailVisible: false,
@ -248,17 +403,17 @@ export default {
staffsId: undefined,
},
treeProps: {
children: 'children',
label: 'fullName',
value: 'id',
isLeaf: 'isLeaf'
children: "children",
label: "fullName",
value: "id",
isLeaf: "isLeaf",
},
list: [],
listLoading: true,
total: 0,
queryData: {},
listQuery: {
superQueryJson: '',
superQueryJson: "",
currentPage: 1,
pageSize: 20,
sort: "desc",
@ -270,227 +425,225 @@ export default {
flowList: [],
exportBoxVisible: false,
orderTypeIdOptions: [],
orderTypeIdProps: { "label": "fullName", "value": "id" },
orderTypeIdProps: { label: "fullName", value: "id" },
orderClientStatusIdOptions: [],
orderClientStatusIdProps: { "label": "fullName", "value": "id" },
orderClientStatusIdProps: { label: "fullName", value: "id" },
orderStaffsStatusIdOptions: [],
orderStaffsStatusIdProps: { "label": "fullName", "value": "id" },
orderStaffsStatusIdProps: { label: "fullName", value: "id" },
recycleStationIdOptions: [],
recycleStationIdProps: { "label": "station_name", "value": "id" },
recycleStationIdProps: { label: "station_name", value: "id" },
staffsIdOptions: [],
staffsIdProps: { "label": "staffs_name", "value": "id" },
interfaceRes: {
},
}
staffsIdProps: { label: "staffs_name", value: "id" },
interfaceRes: {},
};
},
computed: {
...mapGetters(['userInfo']),
...mapGetters(["userInfo"]),
menuId() {
return this.$route.meta.modelId || ''
}
return this.$route.meta.modelId || "";
},
},
created() {
this.getColumnList(),
this.initSearchDataAndListData()
this.getColumnList(), this.initSearchDataAndListData();
this.getorderTypeIdOptions();
this.getorderClientStatusIdOptions();
this.getorderStaffsStatusIdOptions();
this.getrecycleStationIdOptions();
this.queryData = JSON.parse(JSON.stringify(this.query))
this.queryData = JSON.parse(JSON.stringify(this.query));
},
methods: {
goJiedanDetail(id) {
this.detailVisible = true
this.detailVisible = true;
this.$nextTick(() => {
this.$refs.Detail.init(id, true)
})
this.$refs.Detail.init(id, true);
});
},
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.toFormDetailVisible = 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.toFormDetailVisible = true;
this.$nextTick(() => {
this.$refs.toFormDetail.init(formData, modelId, defaultValue)
})
})
this.$refs.toFormDetail.init(formData, modelId, defaultValue);
});
});
},
toggleTreeExpand(expands) {
this.refreshTree = false
this.expandsTree = expands
this.refreshTree = false;
this.expandsTree = expands;
this.$nextTick(() => {
this.refreshTree = true
this.refreshTree = true;
this.$nextTick(() => {
this.$refs.treeBox.setCurrentKey(null)
})
})
this.$refs.treeBox.setCurrentKey(null);
});
});
},
filterNode(value, data) {
if (!value) return true;
return data[this.treeProps.label].indexOf(value) !== -1;
},
loadNode(node, resolve) {
const nodeData = node.data
const nodeData = node.data;
const config = {
treeInterfaceId: "",
treeTemplateJson: []
}
treeTemplateJson: [],
};
if (config.treeInterfaceId) {
//
if (config.treeTemplateJson && config.treeTemplateJson.length) {
for (let i = 0; i < config.treeTemplateJson.length; i++) {
const element = config.treeTemplateJson[i];
element.defaultValue = nodeData[element.relationField] || ''
element.defaultValue = nodeData[element.relationField] || "";
}
}
//
let query = {
paramList: config.treeTemplateJson || [],
}
};
//
getDataInterfaceRes(config.treeInterfaceId, query).then(res => {
let data = res.data
getDataInterfaceRes(config.treeInterfaceId, query).then((res) => {
let data = res.data;
if (Array.isArray(data)) {
resolve(data);
} else {
resolve([]);
}
})
});
}
},
getColumnList() {
//
this.columnOptions = this.transformColumnList(this.columnList)
this.columnOptions = this.transformColumnList(this.columnList);
},
transformColumnList(columnList) {
let list = []
let list = [];
for (let i = 0; i < columnList.length; i++) {
const e = columnList[i];
if (!e.prop.includes('-')) {
list.push(e)
if (!e.prop.includes("-")) {
list.push(e);
} else {
let prop = e.prop.split('-')[0]
let label = e.label.split('-')[0]
let vModel = e.prop.split('-')[1]
let prop = e.prop.split("-")[0];
let label = e.label.split("-")[0];
let vModel = e.prop.split("-")[1];
let newItem = {
align: "center",
jnpfKey: "table",
prop,
label,
children: []
}
e.vModel = vModel
if (!this.expandObj.hasOwnProperty(`${prop}Expand`)) this.$set(this.expandObj, `${prop}Expand`, false)
if (!list.some(o => o.prop === prop)) list.push(newItem)
children: [],
};
e.vModel = vModel;
if (!this.expandObj.hasOwnProperty(`${prop}Expand`))
this.$set(this.expandObj, `${prop}Expand`, false);
if (!list.some((o) => o.prop === prop)) list.push(newItem);
for (let i = 0; i < list.length; i++) {
if (list[i].prop === prop) {
list[i].children.push(e)
break
list[i].children.push(e);
break;
}
}
}
}
this.getMergeList(list)
this.getExportList(list)
return list
this.getMergeList(list);
this.getExportList(list);
return list;
},
arraySpanMethod({ column }) {
for (let i = 0; i < this.mergeList.length; i++) {
if (column.property == this.mergeList[i].prop) {
return [this.mergeList[i].rowspan, this.mergeList[i].colspan]
return [this.mergeList[i].rowspan, this.mergeList[i].colspan];
}
}
},
getMergeList(list) {
let newList = JSON.parse(JSON.stringify(list))
newList.forEach(item => {
let newList = JSON.parse(JSON.stringify(list));
newList.forEach((item) => {
if (item.children && item.children.length) {
let child = {
prop: item.prop + '-child-first'
}
item.children.unshift(child)
prop: item.prop + "-child-first",
};
item.children.unshift(child);
}
})
newList.forEach(item => {
});
newList.forEach((item) => {
if (item.children && item.children.length) {
item.children.forEach((child, index) => {
if (index == 0) {
this.mergeList.push({
prop: child.prop,
rowspan: 1,
colspan: item.children.length
})
colspan: item.children.length,
});
} else {
this.mergeList.push({
prop: child.prop,
rowspan: 0,
colspan: 0
})
colspan: 0,
});
}
})
});
} else {
this.mergeList.push({
prop: item.prop,
rowspan: 1,
colspan: 1
})
colspan: 1,
});
}
})
});
},
getExportList(list) {
let exportList = []
let exportList = [];
for (let i = 0; i < list.length; i++) {
if (list[i].jnpfKey === 'table') {
if (list[i].jnpfKey === "table") {
for (let j = 0; j < list[i].children.length; j++) {
exportList.push(list[i].children[j])
exportList.push(list[i].children[j]);
}
} else {
exportList.push(list[i])
exportList.push(list[i]);
}
}
this.exportList = exportList
this.exportList = exportList;
},
getorderTypeIdOptions() {
getDictionaryDataSelector('520193298627825989').then(res => {
this.orderTypeIdOptions = res.data.list
})
getDictionaryDataSelector("520193298627825989").then((res) => {
this.orderTypeIdOptions = res.data.list;
});
},
getorderClientStatusIdOptions() {
getDictionaryDataSelector('520192751392788805').then(res => {
this.orderClientStatusIdOptions = res.data.list
})
getDictionaryDataSelector("520192751392788805").then((res) => {
this.orderClientStatusIdOptions = res.data.list;
});
},
getorderStaffsStatusIdOptions() {
getDictionaryDataSelector('520192751392788805').then(res => {
this.orderStaffsStatusIdOptions = res.data.list
})
getDictionaryDataSelector("520192751392788805").then((res) => {
this.orderStaffsStatusIdOptions = res.data.list;
});
},
getrecycleStationIdOptions() {
getDataInterfaceRes('520259300875047493').then(res => {
let data = res.data
this.recycleStationIdOptions = data
})
getDataInterfaceRes("520259300875047493").then((res) => {
let data = res.data;
this.recycleStationIdOptions = data;
});
},
goDetail(id) {
this.detailVisible = true
this.detailVisible = true;
this.$nextTick(() => {
this.$refs.Detail.init(id)
})
this.$refs.Detail.init(id);
});
},
sortChange({ column, prop, order }) {
this.listQuery.sort = order == 'ascending' ? 'asc' : 'desc'
this.listQuery.sidx = !order ? '' : prop
this.initData()
this.listQuery.sort = order == "ascending" ? "asc" : "desc";
this.listQuery.sidx = !order ? "" : prop;
this.initData();
},
async initSearchDataAndListData() {
await this.initSearchData()
this.initData()
await this.initSearchData();
this.initData();
},
//
async initSearchData() {
},
async initSearchData() {},
initData() {
this.listLoading = true;
this.detailVisible = false;
@ -500,104 +653,110 @@ export default {
keyword: this.keyword,
dataType: 0,
menuId: this.menuId,
moduleId: '520255187403674181',
moduleId: "520255187403674181",
type: 1,
};
request({
url: `/api/scm/RecycleOrder/getList`,
method: 'post',
data: _query
}).then(res => {
method: "post",
data: _query,
}).then((res) => {
var _list = res.data.list;
this.list = _list.map(o => ({
this.list = _list.map((o) => ({
...o,
...this.expandObj,
}))
this.total = res.data.pagination.total
this.listLoading = false
})
}));
this.total = res.data.pagination.total;
this.listLoading = false;
});
},
handleDel(id) {
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
type: 'warning'
}).then(() => {
request({
url: `/api/scm/RecycleOrder/${id}`,
method: 'DELETE'
}).then(res => {
this.$message({
type: 'success',
message: res.msg,
onClose: () => {
this.initData()
}
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
type: "warning",
})
.then(() => {
request({
url: `/api/scm/RecycleOrder/${id}`,
method: "DELETE",
}).then((res) => {
this.$message({
type: "success",
message: res.msg,
onClose: () => {
this.initData();
},
});
});
})
}).catch(() => {
});
.catch(() => {});
},
handelUpload() {
this.uploadBoxVisible = true
this.uploadBoxVisible = true;
this.$nextTick(() => {
this.$refs.UploadBox.init("", "scm/RecycleOrder")
})
this.$refs.UploadBox.init("", "scm/RecycleOrder");
});
},
openSuperQuery() {
this.superQueryVisible = true
this.superQueryVisible = true;
this.$nextTick(() => {
this.$refs.SuperQuery.init()
})
this.$refs.SuperQuery.init();
});
},
superQuery(queryJson) {
this.listQuery.superQueryJson = queryJson
this.listQuery.currentPage = 1
this.initData()
this.listQuery.superQueryJson = queryJson;
this.listQuery.currentPage = 1;
this.initData();
},
addOrUpdateHandle(row, isDetail) {
let id = row ? row.id : ""
this.formVisible = true
let id = row ? row.id : "";
this.formVisible = true;
this.$nextTick(() => {
this.$refs.JNPFForm.init(id, isDetail, this.list)
})
this.$refs.JNPFForm.init(id, isDetail, this.list);
});
},
exportData() {
this.exportBoxVisible = true
this.exportBoxVisible = true;
this.$nextTick(() => {
this.$refs.ExportBox.init(this.exportList)
})
this.$refs.ExportBox.init(this.exportList);
});
},
download(data) {
let query = { ...data, ...this.listQuery, ...this.query, menuId: this.menuId }
let query = {
...data,
...this.listQuery,
...this.query,
menuId: this.menuId,
};
request({
url: `/api/scm/RecycleOrder/Actions/Export`,
method: 'post',
data: query
}).then(res => {
if (!res.data.url) return
this.jnpf.downloadFile(res.data.url)
this.$refs.ExportBox.visible = false
this.exportBoxVisible = false
})
method: "post",
data: query,
}).then((res) => {
if (!res.data.url) return;
this.jnpf.downloadFile(res.data.url);
this.$refs.ExportBox.visible = false;
this.exportBoxVisible = false;
});
},
search() {
this.listQuery.currentPage = 1
this.listQuery.pageSize = 20
this.listQuery.sort = "desc"
this.listQuery.sidx = ""
this.initData()
this.listQuery.currentPage = 1;
this.listQuery.pageSize = 20;
this.listQuery.sort = "desc";
this.listQuery.sidx = "";
this.initData();
},
refresh(isrRefresh) {
this.formVisible = false
if (isrRefresh) this.reset()
this.formVisible = false;
if (isrRefresh) this.reset();
},
reset() {
this.query = JSON.parse(JSON.stringify(this.queryData))
this.search()
this.query = JSON.parse(JSON.stringify(this.queryData));
this.search();
},
colseFlow(isrRefresh) {
this.flowVisible = false
if (isrRefresh) this.reset()
this.flowVisible = false;
if (isrRefresh) this.reset();
},
}
}
},
};
</script>

Loading…
Cancel
Save