@@ -34,7 +34,7 @@ | |||
</template> | |||
</el-descriptions> | |||
<div v-else-if="item.foldStart && item.othervalue"> | |||
<div style="margin-left: 20px;">创建时间:{{ data.orderInfoExt?.agreeTime }}</div> | |||
<div style="margin-left: 20px;">签署时间:{{ data.orderInfoExt?.agreeTime }}</div> | |||
<crud-template ref="crudRef" class="as-weight" :home-data="field" :table-data="tableData" @cancel="cancel"> | |||
<template #operation="{ scope }"> | |||
<el-button type="primary" size="small" @click.stop="handleDownload(scope.row)">下载</el-button> | |||
@@ -69,6 +69,7 @@ | |||
import handleAmount from '@/utils/handleAmount' | |||
import { changeAddress } from '@/utils/utils' | |||
import CrudTemplate from '@/crud/index.vue' | |||
import moment from 'moment' | |||
// 声明props | |||
const props = defineProps({ | |||
@@ -265,7 +266,7 @@ | |||
{ label: '姓名', value: data?.customerName }, | |||
// { label: '性别', value: data?.customerGender }, | |||
{ label: '身份证号', value: data?.customerIdNum }, | |||
{ label: '证件有效期', value: data?.customerIdVld }, | |||
{ label: '证件有效期', value: data?.customerIdVld ? moment(data?.customerIdVld).format('YYYY-MM-DD') : '---' }, | |||
{ label: '地址', value: data?.orderInfoExt?.customerAddress }, | |||
{ label: '联系方式', value: data?.customerTel } | |||
] | |||
@@ -277,7 +278,7 @@ | |||
{ label: '经办人姓名', value: data?.orderInfoExt?.agentName }, | |||
{ label: '经办人性别', value: data?.orderInfoExt?.agentGender }, | |||
{ label: '经办人身份证号', value: data?.orderInfoExt?.agentIdNum }, | |||
{ label: '经办人证件有效期', value: data?.orderInfoExt?.agentIdVld }, | |||
{ label: '经办人证件有效期', value: data?.orderInfoExt?.agentIdVld ? moment(data?.orderInfoExt?.agentIdVld).format('YYYY-MM-DD') : '' }, | |||
{ label: '经办人地址', value: data?.orderInfoExt?.agentAddress }, | |||
{ label: '经办人联系方式', value: data?.orderInfoExt?.agentTel } | |||
] |
@@ -166,7 +166,7 @@ | |||
}, | |||
}, | |||
{ | |||
label: '签约银行', | |||
label: '渠道名称', | |||
prop: 'bank', | |||
form: { | |||
width: '45%', |
@@ -10,7 +10,7 @@ | |||
</el-input> | |||
</el-form-item> | |||
<el-form-item prop="vehiclePlateColor" label="车牌颜色"> | |||
<el-select clearable v-model="searchForm.vehiclePlateColor" placeholder="请选择车牌颜色"> | |||
<el-select clearable style="width: 200px" v-model="searchForm.vehiclePlateColor" placeholder="请选择车牌颜色"> | |||
<el-option :label="item.label" :key="item.label" :value="item.value" | |||
v-for="item in VEHICLE_COLOR_TYPE" /> | |||
</el-select> | |||
@@ -35,19 +35,19 @@ | |||
</el-input> | |||
</el-form-item> | |||
<el-form-item prop="vehiclePlateColor" label="车牌颜色"> | |||
<el-select clearable v-model="searchForm1.vehiclePlateColor" placeholder="请选择车牌颜色"> | |||
<el-select style="width: 200px" clearable v-model="searchForm1.vehiclePlateColor" placeholder="请选择车牌颜色"> | |||
<el-option :label="item.label" :key="item.label" :value="item.value" | |||
v-for="item in VEHICLE_COLOR_TYPE" /> | |||
</el-select> | |||
</el-form-item> | |||
<el-form-item prop="releaseType" label="校验类型"> | |||
<el-select clearable v-model="searchForm1.releaseType" placeholder="请选择校验类型"> | |||
<el-select style="width: 200px" clearable v-model="searchForm1.releaseType" placeholder="请选择校验类型"> | |||
<el-option :label="item.label" :key="item.label" :value="item.value" | |||
v-for="item in CHECK_TYPE " /> | |||
</el-select> | |||
</el-form-item> | |||
<el-form-item prop="vehicleType" label="收费车型"> | |||
<el-select clearable v-model="searchForm1.vehicleType" placeholder="请选择收费车型"> | |||
<el-select style="width: 200px" clearable v-model="searchForm1.vehicleType" placeholder="请选择收费车型"> | |||
<el-option :label="item.label" :key="item.label" :value="item.value" | |||
v-for="item in VEHICLE_MODEL_TYPE" /> | |||
</el-select> |
@@ -241,7 +241,7 @@ | |||
{ label: '姓名', value: data?.customerName }, | |||
// { label: '性别', value: data?.customerGender }, | |||
{ label: '身份证号', value: data?.customerIdNum }, | |||
{ label: '证件有效期', value: data?.customerIdVld }, | |||
{ label: '证件有效期', value: data?.customerIdVld ? moment(data?.customerIdVld).format('YYYY-MM-DD') : '---' }, | |||
{ label: '地址', value: data?.orderInfoExt?.customerAddress }, | |||
{ label: '联系方式', value: data?.customerTel } | |||
] | |||
@@ -253,7 +253,7 @@ | |||
{ label: '经办人姓名', value: data?.orderInfoExt?.agentName }, | |||
{ label: '经办人性别', value: data?.orderInfoExt?.agentGender }, | |||
{ label: '经办人身份证号', value: data?.orderInfoExt?.agentIdNum }, | |||
{ label: '经办人证件有效期', value: data?.orderInfoExt?.agentIdVld }, | |||
{ label: '经办人证件有效期', value: data?.orderInfoExt?.agentIdVld ? moment(data?.orderInfoExt?.agentIdVld).format('YYYY-MM-DD') : '' }, | |||
{ label: '经办人地址', value: data?.orderInfoExt?.agentAddress }, | |||
{ label: '经办人联系方式', value: data?.orderInfoExt?.agentTel } | |||
] |
@@ -223,9 +223,22 @@ | |||
width: '45%', | |||
formLabelWidth: formLabelWidth, | |||
type: 'input', | |||
required: true, | |||
required: true, | |||
} | |||
}, { | |||
}, | |||
{ | |||
prop: "agencyId", | |||
label: "渠道编号", | |||
width: "120px", | |||
form: { | |||
width: '45%', | |||
formLabelWidth: formLabelWidth, | |||
type: 'input', | |||
required: true, | |||
disabled: false | |||
} | |||
}, | |||
{ | |||
prop: "type", | |||
label: "合作机构类别", | |||
width: "120px", | |||
@@ -400,6 +413,19 @@ | |||
} | |||
function add() { | |||
dataForm.value.configSetInfos = [] | |||
field.value.field.forEach(item => { | |||
if (item.prop === 'agencyId') { | |||
item.form.disabled = false | |||
} | |||
}) | |||
BaseService.postN('/userw/agency/getAgencyId', {}).then((res: any) => { | |||
if (res && res.code === 0) { | |||
let bizContent = res.data | |||
crudRef.value.form.agencyId = bizContent | |||
} else { | |||
ElMessage.error(res.message) | |||
} | |||
}) | |||
} | |||
//表单编辑按钮 | |||
function handleEdit(idx: any, row: any) { | |||
@@ -414,6 +440,11 @@ | |||
// Object.assign(addForm.value,data) | |||
crudRef.value.title = "编辑"; | |||
crudRef.value.dialogFormVisible = true; | |||
field.value.field.forEach(item => { | |||
if (item.prop === 'agencyId') { | |||
item.form.disabled = true | |||
} | |||
}) | |||
} | |||
function handleCurrentChange(val: number) { |
@@ -58,6 +58,14 @@ | |||
</el-select> | |||
</div> | |||
</el-form-item> | |||
<el-form-item label="渠道编号:" prop="agencyId"> | |||
<div style="width: 100%"> | |||
<el-select clearable filterable v-model="addForm.agencyId" style="width: 100%" placeholder="请选择所属渠道" | |||
:disabled="true"> | |||
<el-option v-for="item in agencyList" :key="item.value" :label="item.value" :value="item.value" /> | |||
</el-select> | |||
</div> | |||
</el-form-item> | |||
</el-form> | |||
</template> | |||
<template #footer> |