diff --git a/package-lock.json b/package-lock.json index 594a011..17625ba 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "axios": "^1.8.4", "bootstrap": "^5.3.3", "element-plus": "^2.9.8", + "lodash": "^4.17.21", "pinia": "^3.0.1", "scss": "^0.2.4", "sortablejs": "^1.15.6", @@ -6296,7 +6297,7 @@ }, "node_modules/lodash": { "version": "4.17.21", - "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "license": "MIT" }, diff --git a/package.json b/package.json index 84c4c53..eb20032 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "axios": "^1.8.4", "bootstrap": "^5.3.3", "element-plus": "^2.9.8", + "lodash": "^4.17.21", "pinia": "^3.0.1", "scss": "^0.2.4", "sortablejs": "^1.15.6", diff --git a/src/views/start/check.vue b/src/views/start/check.vue index 1ec0372..111d28b 100644 --- a/src/views/start/check.vue +++ b/src/views/start/check.vue @@ -1,25 +1,42 @@ + + - + + + + + +
+ + + + + 搜不到我的开户银行，怎么处理？ + +
+ - - - + + - - - - + > + + + + -
+
+
检查并确认店铺信息和证件信息无误
重新审核 @@ -176,7 +215,8 @@ import { ref, reactive, onMounted, watch } from "vue"; import { useRouter } from "vue-router"; import { ElMessage } from "element-plus"; -import { Plus,Search } from "@element-plus/icons-vue"; +import { Plus, Search, WarningFilled } from "@element-plus/icons-vue"; +import { uniq, difference } from "lodash"; import cityData from "../../stores/cityData"; import type { CityDataStructure } from "../../stores/cityData"; @@ -191,23 +231,18 @@ import { merchApply, re_apply, GetAppDistrict, - GetAuditInfo + GetAuditInfo, } from "@/api/login"; import { batchNoApi, imgOcrResultApi } from "@/api/upload"; import config from "./formConfig"; -interface Bank { - id: number; - bank_name: string; -} - interface FormItemType { - type?: string, - key?: string|undefined, - hide?: boolean, - label?: string, - placeholder?: string, - sort?: number, + type?: string; + key?: string | undefined; + hide?: boolean; + label?: string; + placeholder?: string; + sort?: number; } const orcImgTypeConf = { @@ -241,30 +276,19 @@ const processData = () => { }); }; -const active = ref(1); const loading = ref(false); const formRef = ref(null); const dialogVisible = ref(false); const dialogImageUrl = ref(""); -const bankNameSearchText = ref(""); -const selectedValue = ref([]); -const value = ref([]); const cascaderOptions = ref([]); const cascaderOptions2 = ref(processData()); const cityData2 = ref(); const cascaderOptions3 = ref(); -//hover触发选择 -const cascaderProps = ref({ - value: "value", - label: "label", - children: "children", - expandTrigger: "hover" as const, -}); const bankList2 = ref([]); let orcTimeout = 0; let currentFile = ref(null); -let currentBbatchNo = ref(''); +let currentBbatchNo = ref(""); const handleChangeBizCategory = (value) => { if (value && value.length === 2) { @@ -273,62 +297,8 @@ const handleChangeBizCategory = (value) => { applyFormData.biz_second_category = bizSecondCategoryId; } }; -const applyFormData = reactive({ - bank_name: "", - bank_district: "", - bank_area: "", - openning_bank_code: "", - clearing_bank_code: "", - bank_branch_name: "", - account_number: "", - account_holder_name: "", - biz_category: null, - biz_license_company: "", - biz_license_image: "", - biz_license_number: "", - biz_second_category: null, - biz_license_content: "", - city_id: null, - contact_name: "", - county_id: null, - entity_type: 1, - environment_image: "", - front_facade_image: "", - individual_id_images: "", - individual_id_images2: "", - individual_id_number: "", - individual_id_name: "", - individual_id_addr: "", - individual_id_period_begin: "", - individual_id_period_end: "", - legal_person_id_images: "", - legal_person_id_images2: "", - legal_person_id_number: "", - legal_person_mobile: "", - legal_person_name: "", - legal_person_id_addr: "", - legal_person_id_period_begin: "", - legal_person_id_period_end: "", - license_image: [], - license_number: "", - license_type: "", - login_mobile: localStorage.getItem("mobilePhone"), - province_id: null, - store_address: "", - map_address: "", - position: "", - store_latitude: null, - store_longitude: null, - store_name: "", - mapAddressLabel: "", - license_imageToString: "", - store_area: "", - user_status: "", - bank_image: "", - email: "", -}); +const applyFormData = reactive({}); const isLoggedIn = ref(!!userStore.token); -const license_type = ref(1) const optionsPermitType = [ { value: 1, @@ -343,78 +313,7 @@ const optionsPermitType = [ label: "需特许证件资质", }, ]; -const rules = reactive({ - contact_name: [ - { required: true, message: "请输入联系人姓名", trigger: "blur" }, - ], - biz_category: [ - { required: true, message: "请选择经营品类", trigger: "change" }, - ], - store_name: [{ required: true, message: "请输入门店名称", trigger: "blur" }], - map_address: [ - { required: true, message: "请选择地图地址", trigger: "change" }, - ], - // position: [{ required: true, message: "请选择地图地址", trigger: "change" }], - store_address: [ - { required: true, message: "请输入详细地址", trigger: "blur" }, - ], - front_facade_image: [ - { required: true, message: "请上传门脸图", trigger: ["change", "blur"] }, - ], - environment_image: [ - { required: true, message: "请上传环境图", trigger: ["change", "blur"] }, - ], - entity_type: [{ required: true, message: "请主体类型", trigger: "change" }], - // license_type: [{ required: true, message: "请选择许可证类型", trigger: "change" }], - // license_number: [{ required: true, message: "请输入许可证编号", trigger: "blur" }], - biz_license_number: [ - { required: true, message: "请输入注册号", trigger: "blur" }, - ], - biz_license_company: [ - { required: true, message: "请输入公司名称", trigger: "blur" }, - ], - legal_person_name: [ - { required: true, message: "请输入法人姓名", trigger: "blur" }, - ], - legal_person_mobile: [ - { required: true, message: "请输入法人手机号", trigger: "blur" }, - ], - legal_person_id_number: [ - { required: true, message: "请输入法人身份证号", trigger: "blur" }, - ], - biz_license_image: [ - { required: true, message: "请上传营业执照", trigger: "change" }, - ], - // license_image: [{ required: true, message: '请上传许可证', trigger: 'change' }], - legal_person_id_images: [ - { required: true, message: "请上传法人身份证正面", trigger: "change" }, - ], - legal_person_id_images2: [ - { required: true, message: "请上传法人身份证反面", trigger: "change" }, - ], - individual_id_name: [ - { required: true, message: "请输入个人身份证姓名", trigger: "blur" }, - ], - individual_id_number: [ - { required: true, message: "请输入个人身份证号", trigger: "blur" }, - ], - individual_id_images: [ - { required: true, message: "请上传个人身份证正面", trigger: "change" }, - ], - individual_id_images2: [ - { required: true, message: "请上传个人身份证反面", trigger: "change" }, - ], - bank_branch_name: [ - { required: true, message: "请选择银行", trigger: "change" }, - ], - // bank_branch_name: [{ required: true, message: '请输入支行名称', trigger: 'blur' }], - account_number: [ - { required: true, message: "请输入银行卡号", trigger: "blur" }, - ], - account_holder_name: [ - { required: true, message: "请输入开户名称", trigger: "blur" }, - ], -}); +const rules = reactive({}); const formItemData = ref([]); let auditInfo = ref({ id: 0, @@ -430,132 +329,50 @@ const handleGetAuditInfo = async () => { mobile: localStorage.getItem("mobilePhone"), })) as any; - if(res.data==null||res.data.approval_status==4){ + if (res.data == null || res.data.approval_status == 4) { router.push({ name: "start" }); - return + return; } let arr = JSON.parse(res.data.approval_invalid_col); - let legal_person_card = ['legal_person_id_addr','legal_person_id_period_begin','legal_person_id_period_end'] - let individual_id_card = ['individual_id_addr','individual_id_period_begin','individual_id_period_end'] - - // arr = arr.concat(legal_person_card).concat(individual_id_card).concat(['biz_license_content']) - - if(res.data.entity_type==1){ - arr = arr.filter(item=>(!individual_id_card.includes(item))) - } else if(res.data.entity_type==2){ - arr = arr.filter(item=>(!legal_person_card.includes(item))) - } + arr = uniq(arr); const arr2 = formConfig.reduce((acc, item) => { if (arr.includes(item.key)) { + if (item.key == "license_image") { + applyFormData[item.key] = []; + } else { + applyFormData[item.key] = ""; + } acc.push(item); } return acc; }, []); - + auditInfo.value = { ...res.data, approval_invalid_col: arr }; - formItemData.value = arr2.sort((a,b)=>(a.sort-b.sort)); + + formItemData.value = arr2.sort((a, b) => a.sort - b.sort); + + arr2.forEach((element) => { + if (element.required) { + rules[element.key] = { + required: true, + message: element.placeholder, + trigger: "blur", + }; + } + }); }; const handleMerchApply = async () => { - const { - bank_name, - bank_district, - bank_area, - openning_bank_code, - clearing_bank_code, - account_number, - account_holder_name, - biz_category, - biz_license_company, - biz_license_image, - biz_license_number, - biz_second_category, - city_id, - contact_name, - county_id, - entity_type, - environment_image, - front_facade_image, - individual_id_images, - individual_id_images2, - individual_id_number, - individual_id_name, - legal_person_id_images, - legal_person_id_images2, - legal_person_id_number, - legal_person_mobile, - legal_person_name, - license_image, - license_number, - license_type, - login_mobile, - province_id, - store_address, - store_latitude, - store_longitude, - store_name, - store_area, - biz_license_content, - legal_person_id_addr, - legal_person_id_period_begin, - legal_person_id_period_end, - individual_id_addr, - individual_id_period_begin, - individual_id_period_end, - email, - } = applyFormData; const res = await re_apply({ id: auditInfo.value.id, - bank_name, - bank_district, - bank_area, - openning_bank_code, - clearing_bank_code, - account_number, - account_holder_name, - biz_category, - biz_license_company, - biz_license_image, - biz_license_number, - biz_second_category, - city_id, - contact_name, - county_id, - entity_type, - environment_image, - front_facade_image, - individual_id_images, - individual_id_images2, - individual_id_number, - individual_id_name, - legal_person_id_images, - legal_person_id_images2, - legal_person_id_number, - legal_person_mobile, - legal_person_name, - license_image, - license_number, - license_type, - login_mobile, - province_id, - store_address: store_area.replace(/\//g, "") + store_address, - store_latitude, - store_longitude, - store_name, - store_area, - biz_license_content, - legal_person_id_addr, - legal_person_id_period_begin, - legal_person_id_period_end, - individual_id_addr, - individual_id_period_begin, - individual_id_period_end, - email: `${login_mobile}@qq.com`, + ...applyFormData, + email: `${applyFormData.login_mobile}@qq.com`, }); - if(res.status==200&&res.code==0){ - ElMessage.success("资料已提交~") + if (res.status == 200 && res.code == 0) { + ElMessage.success("资料已提交~"); + formItemData.value = []; handleGetAuditInfo(); } }; @@ -565,71 +382,28 @@ const checkForm = async () => { return valid; }); - if(applyFormData.entity_type==2 && !applyFormData.bank_image){ - ElMessage.error("请上传银行卡") - return + if (applyFormData.license_type != 1) { + if (!applyFormData.license_image.length) { + ElMessage.error("请上传许可证图片"); + return; + } + if (!applyFormData.license_number) { + ElMessage.error("请输入许可证编号"); + return; + } } if (isValid) { - handleMerchApply() + handleMerchApply(); } }; -const next = () => { - if (active.value < 3) { - active.value++; - window.scrollTo({ - top: 0, //回到顶部 - left: 0, - behavior: "smooth", - }); - } -}; -const pre = () => { - if (active.value > 1) { - active.value--; - window.scrollTo({ - top: 0, //回到顶部 - left: 0, - behavior: "smooth", - }); - } -}; - -const getLabel = (field: string, limit: number) => { - const labels = { - front_facade_image: "门脸图", - environment_image: "环境图", - biz_license_image: "营业执照", - license_image: "许可证", - legal_person_id_images: "法人身份证正面", - legal_person_id_images2: "法人身份证反面", - individual_id_images: "个人身份证正面", - individual_id_images2: "个人身份证反面", - }; - - if (field === "license_image") { - return `${labels[field]}(${applyFormData[field].length}/${limit})`; - } else { - const count = applyFormData[field] ? 1 : 0; - return `${labels[field]}(${count}/${limit})`; - } -}; - -const showAll = () => { - applyFormData.license_imageToString = applyFormData.license_image - .map((url) => `${url}`) - .join(","); -}; - const merchToApply = async () => { - console.log("formdata", applyFormData); - // showAll(); checkForm(); }; const bankListChange = (val) => { - const item:any = bankList2.value.find((item:any) => item.value == val); + const item: any = bankList2.value.find((item: any) => item.value == val); if (item) { applyFormData.bank_name = item.label; applyFormData.bank_district = item.district; @@ -646,9 +420,9 @@ const bankListRemoteMethod = (val) => { } GetBank({ - keyword: val, // 银行名称关键字,小地方支行，查不到，调整关键字范围，尝试市级银行 + keyword: val, pageNum: 1, - pageSize: 2000, + pageSize: 5000, }).then((res) => { if (res.status == 200) { bankList2.value = res.data.items.map((item) => { @@ -710,7 +484,9 @@ const querySearch = async (queryString, cb) => { try { const params = { query: queryString, - region: applyFormData.mapAddressLabel, + region: + applyFormData.mapAddressLabel.indexOf("/") && + applyFormData.mapAddressLabel?.split("/")[1], city_limit: true, ret_coordtype: "gcj02ll", }; @@ -846,7 +622,10 @@ const handleOcrText = async (batchNo, imgType) => { switch (imgType) { case "biz_license_image": - var res = (await getOcrText(batchNo, orcImgTypeConf.BUSINESS_LICENCE)) as any; + var res = (await getOcrText( + batchNo, + orcImgTypeConf.BUSINESS_LICENCE + )) as any; console.log("biz_license_image", res); applyFormData.biz_license_company = res.bizLicenseCompanyName; @@ -856,26 +635,29 @@ const handleOcrText = async (batchNo, imgType) => { applyFormData.biz_license_content = res.bizLicenseScope; break; case "legal_person_id_images": - var res = (await getOcrText(batchNo, orcImgTypeConf.FR_ID_CARD_FRONT)) as any; + var res = (await getOcrText( + batchNo, + orcImgTypeConf.FR_ID_CARD_FRONT + )) as any; console.log("legal_person_id_images", res); applyFormData.legal_person_id_number = res.idNumber; applyFormData.legal_person_id_addr = res.address; break; - case "legal_person_id_images2": + case "legal_person_id_images2": var res = (await getOcrText( batchNo, orcImgTypeConf.FR_ID_CARD_BEHIND )) as any; - var validity = res.validity.split('-') + var validity = res.validity.split("-"); console.log("legal_person_id_images2", res); applyFormData.legal_person_id_period_begin = validity[0]; - if(validity[1]!='长期'){ + if (validity[1] != "长期") { applyFormData.legal_person_id_period_end = validity[1]; } else { - applyFormData.legal_person_id_period_end = "9999-12-31" + applyFormData.legal_person_id_period_end = "9999-12-31"; } break; case "individual_id_images": @@ -896,15 +678,15 @@ const handleOcrText = async (batchNo, imgType) => { orcImgTypeConf.ID_CARD_BEHIND )) as any; - var validity = res.validity.split('-') + var validity = res.validity.split("-"); console.log("individual_id_images2", res); applyFormData.individual_id_period_begin = validity[0]; - if(validity[1]!='长期'){ + if (validity[1] != "长期") { applyFormData.individual_id_period_end = validity[1]; } else { - applyFormData.individual_id_period_end = "9999-12-31" + applyFormData.individual_id_period_end = "9999-12-31"; } break; case "bank_image": @@ -915,7 +697,7 @@ const handleOcrText = async (batchNo, imgType) => { } loading.value = false; - (formRef.value as any).validate() + (formRef.value as any).validate(); }; const handleUploadSuccess = async (response, file, fileList, field) => { @@ -934,16 +716,19 @@ const handleUploadSuccess = async (response, file, fileList, field) => { switch (field) { case "biz_license_image": var res = await getBatchNo(file.raw, orcImgTypeConf.BUSINESS_LICENCE); - currentBbatchNo.value = res.batchNo - handleOcrText(res.batchNo, field) + currentBbatchNo.value = res.batchNo; + handleOcrText(res.batchNo, field); break; case "legal_person_id_images": var res = await getBatchNo(file.raw, orcImgTypeConf.FR_ID_CARD_FRONT); - currentBbatchNo.value = res.batchNo - handleOcrText(res.batchNo, field) + currentBbatchNo.value = res.batchNo; + handleOcrText(res.batchNo, field); break; case "legal_person_id_images2": - var res = await getBatchNo(file.raw, orcImgTypeConf.FR_ID_CARD_BEHIND); + var res = await getBatchNo( + file.raw, + orcImgTypeConf.FR_ID_CARD_BEHIND + ); currentBbatchNo.value = res.batchNo; handleOcrText(res.batchNo, field); break; @@ -959,8 +744,8 @@ const handleUploadSuccess = async (response, file, fileList, field) => { break; case "bank_image": var res = await getBatchNo(file.raw, orcImgTypeConf.BANK_CARD); - currentBbatchNo.value = res.batchNo - handleOcrText(res.batchNo, field) + currentBbatchNo.value = res.batchNo; + handleOcrText(res.batchNo, field); break; } } else { @@ -972,41 +757,20 @@ const handleUploadSuccess = async (response, file, fileList, field) => { loading.value = false; } - (formRef.value as any).validate() + (formRef.value as any).validate(); }; const handleUploadError = (error, file) => { loading.value = false; ElMessage.error("文件上传失败"); }; -const clearOtherFields = () => { - // if (applyFormData.entity_type === 1) { - // // 清空个人部分的字段 - // applyFormData.individual_id_number = ""; - // applyFormData.individual_id_images = ""; - // applyFormData.individual_id_images2 = ""; - // } else if (applyFormData.entity_type === 2) { - // // 清空企业部分的字段 - // applyFormData.license_type = "1"; - // applyFormData.license_number = ""; - // applyFormData.biz_license_number = ""; - // applyFormData.biz_license_company = ""; - // applyFormData.legal_person_name = ""; - // applyFormData.legal_person_mobile = ""; - // applyFormData.legal_person_id_number = ""; - // applyFormData.biz_license_image = ""; - // applyFormData.license_image = []; - // applyFormData.legal_person_id_images = ""; - // applyFormData.legal_person_id_images2 = ""; - // } -}; onMounted(() => { // bankListRemoteMethod(); - if(!isLoggedIn.value){ + if (!isLoggedIn.value) { router.push({ name: "index" }); - return + return; } handleGetAuditInfo(); @@ -1059,7 +823,7 @@ onMounted(() => { .tit { font-size: 16px; margin-bottom: 15px; - :deep(.el-result){ + :deep(.el-result) { padding: 0; } } @@ -1070,7 +834,7 @@ onMounted(() => { border-radius: 5px; background: #fff; margin-bottom: 12px; - &.nodata{ + &.nodata { min-height: 900px; display: flex; align-items: center; @@ -1110,6 +874,29 @@ onMounted(() => { } } +.bank_name_tip { + display: flex; + align-items: center; + margin-left: 10px; +} +.bank_name_cont { + width: 300px; + h3{ + margin-bottom: 12px; + } + p { + font-size: 14px; + margin-bottom: 12px; + } +} + +.myui_check_text { + color: #999; + padding-bottom: 10px; + text-align: center; + font-size: 14px; +} + .auto-item { p { font-size: 15px; diff --git a/src/views/start/formConfig.js b/src/views/start/formConfig.js index ba8d19a..77063fc 100644 --- a/src/views/start/formConfig.js +++ b/src/views/start/formConfig.js @@ -6,6 +6,7 @@ export default { label: "联系人", placeholder: "请输入联系人", sort: 1, + required: true, }, { type: "select", @@ -15,6 +16,7 @@ export default { style: "pointer-events: none", placeholder: "请选择经营品类", sort: 2, + required: true, }, { type: "input", @@ -22,6 +24,7 @@ export default { label: "门店名称", placeholder: "请输入门店名称", sort: 3, + required: true, }, { type: "select", @@ -29,8 +32,9 @@ export default { label: "所在地区", isReadonly: true, style: "pointer-events: none", - placeholder: "请在地图上选择门店地址", + placeholder: "请选择店铺所在地区", sort: 4, + required: false, }, { type: "input", @@ -38,6 +42,7 @@ export default { label: "详细地址", placeholder: "请输入店铺详细地址", sort: 5, + required: true, }, { type: "upload", @@ -45,6 +50,7 @@ export default { label: "门脸图片", placeholder: "请上传门脸图片", sort: 6, + required: true, }, { type: "upload", @@ -52,13 +58,15 @@ export default { label: "环境图片", placeholder: "请上传门脸图片", sort: 7, + required: true, }, { type: "upload", key: "biz_license_image", label: "营业执照", - placeholder: "", + placeholder: "请上传营业执照", sort: 8, + required: true, }, { type: "input", @@ -66,6 +74,7 @@ export default { label: "公司名称", placeholder: "请输入公司名称", sort: 9, + required: true, }, { type: "input", @@ -73,6 +82,7 @@ export default { label: "法人姓名", placeholder: "请输入法人姓名", sort: 10, + required: true, }, { type: "input", @@ -80,6 +90,7 @@ export default { label: "法人手机号", placeholder: "请输入法人手机号", sort: 10, + required: true, }, { type: "input", @@ -87,6 +98,7 @@ export default { label: "注册号", placeholder: "请输入注册号", sort: 11, + required: true, }, { type: "textarea", @@ -94,6 +106,7 @@ export default { label: "经营范围", placeholder: "请输入经营范围", sort: 11, + required: true, }, { type: "select", @@ -103,18 +116,20 @@ export default { style: "pointer-events: none", placeholder: "请选择许可证类型", sort: 12, + required: true, }, { type: "upload", key: "license_image", label: "许可证图片", class: "upload-4", - placeholder: "", + placeholder: "请上传许可证图片", imgUrlArr: [], imgWidth: 125, imgHeight: 88, imgUpMaxCount: 5, sort: 13, + required: false, }, { type: "input", @@ -122,24 +137,27 @@ export default { label: "许可证编号", placeholder: "请输入许可证编号", sort: 14, + required: false, }, { type: "upload", key: "individual_id_images", label: "个人身份证正面图片", class: "upload-5", - placeholder: "", + placeholder: "请上传个人身份证正面图片", imgUrlArr: [], sort: 15, + required: true, }, { type: "upload", key: "individual_id_images2", label: "个人身份证反面图片", class: "upload-5", - placeholder: "", + placeholder: "请上传个人身份证反面图片", imgUrlArr: [], sort: 15, + required: true, }, { type: "input", @@ -148,6 +166,7 @@ export default { label: "个人身份证姓名", placeholder: "请输入个人身份证姓名", sort: 16, + required: true, }, { type: "input", @@ -156,6 +175,7 @@ export default { label: "个人身份证号码", placeholder: "请输入个人身份证号码", sort: 16, + required: true, }, { type: "input", @@ -164,6 +184,7 @@ export default { label: "个人身份证地址", placeholder: "请输入个人身份证地址", sort: 16, + required: true, }, { type: "datepicker", @@ -172,6 +193,7 @@ export default { label: "个人身份证生效日期", placeholder: "请输入个人身份证生效日期", sort: 16, + required: true, }, { type: "datepicker", @@ -180,6 +202,7 @@ export default { label: "个人身份证截止日期", placeholder: "请输入个人身份证截止日期", sort: 16, + required: true, }, { type: "upload", @@ -187,22 +210,24 @@ export default { hide: true, label: "法人身份证正面图片", class: "upload-5", - placeholder: "", + placeholder: "请上传法人身份证正面图片", imgUrlArr: [], imgWidth: 180, imgHeight: 110, sort: 15, + required: true, }, { type: "upload", key: "legal_person_id_images2", label: "法人身份证反面图片", class: "upload-6", - placeholder: "", + placeholder: "请上传法人身份证反面图片", imgUrlArr: [], imgWidth: 180, imgHeight: 110, sort: 15, + required: true, }, { type: "input", @@ -211,6 +236,7 @@ export default { label: "法人身份证号码", placeholder: "请输入法人身份证号码", sort: 16, + required: true, }, { type: "input", @@ -219,6 +245,7 @@ export default { label: "法人身份证地址", placeholder: "请输入法人身份证地址", sort: 16, + required: true, }, { type: "datepicker", @@ -227,6 +254,7 @@ export default { label: "法人身份证生效日期", placeholder: "请输入法人身份证生效日期", sort: 16, + required: true, }, { type: "datepicker", @@ -235,6 +263,7 @@ export default { label: "法人身份证截止日期", placeholder: "请输入法人身份证截止日期", sort: 16, + required: true, }, { type: "input", @@ -242,6 +271,7 @@ export default { label: "开户名称", placeholder: "请输入开户名称", sort: 17, + required: true, }, { type: "input", @@ -249,6 +279,7 @@ export default { label: "银行卡号", placeholder: "请输入银行卡号", sort: 18, + required: true, }, { type: "select", @@ -256,8 +287,9 @@ export default { label: "开户银行", isReadonly: true, style: "pointer-events: none", - placeholder: "请选择开户银行", + placeholder: "请输入开户银行", sort: 19, + required: true, }, ], }; diff --git a/src/views/start/start.vue b/src/views/start/start.vue index d918adb..567175f 100644 --- a/src/views/start/start.vue +++ b/src/views/start/start.vue @@ -727,7 +727,7 @@ @change="bankListChange" :remote-method="bankListRemoteMethod" v-model="applyFormData.bank_branch_name" - placeholder="搜索银行名称" + placeholder="中国工商银行桂平" placement="top-start" style="width: 350px" :options="bankList2" @@ -743,24 +743,12 @@ - 搜不到我的开户银行，怎么处理？