update: 对公对私时放开银行卡比填字段,可手写可OCR识别;HTTP统一拦截添加错误异常提示;上传文件组件添加上传提示;

This commit is contained in:
mixtan 2025-05-27 09:05:15 +08:00
parent 43fe64d286
commit 849a0bae4f
2 changed files with 31 additions and 11 deletions

View File

@ -1,4 +1,5 @@
import axios from "axios";
import { ElMessage } from "element-plus";
// import store from '@/store'
const baseURL = import.meta.env.VUE_APP_BASE_URL;
@ -29,6 +30,9 @@ service.interceptors.request.use(
// response interceptor
service.interceptors.response.use(
(response) => {
if(response.data.status==250){
ElMessage.error(response.data.msg || '请求异常,再重试!')
}
return response.data;
},
(error) => {

View File

@ -123,6 +123,7 @@
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
<div class="uploader-tips">上传门店图</div>
</el-upload>
</el-form-item>
<el-form-item
@ -159,6 +160,7 @@
<el-icon>
<Plus />
</el-icon>
<div class="uploader-tips">上传环境图</div>
</el-upload>
</el-form-item>
</div>
@ -211,6 +213,7 @@
<el-icon>
<Plus />
</el-icon>
<div class="uploader-tips">上传营业执照</div>
</el-upload>
<el-button
@ -311,6 +314,7 @@
<el-icon>
<Plus />
</el-icon>
<div class="uploader-tips">上传许可证</div>
</el-upload>
</el-form-item>
@ -361,6 +365,7 @@
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
<div class="uploader-tips">上传证件正面</div>
</el-upload>
<el-button
type="info"
@ -405,6 +410,7 @@
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
<div class="uploader-tips">上传证件反面</div>
</el-upload>
</el-form-item>
<el-form-item
@ -455,6 +461,7 @@
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
<div class="uploader-tips">上传证件正面</div>
</el-upload>
</el-form-item>
@ -493,6 +500,7 @@
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
<div class="uploader-tips">上传证件反面</div>
</el-upload>
</el-form-item>
<el-form-item
@ -536,16 +544,17 @@
<el-icon class="avatar-uploader-icon">
<Plus />
</el-icon>
<div class="uploader-tips">上传银行卡<br>免填卡号</div>
</el-upload>
<el-button
type="info"
plain
v-if="applyFormData.bank_image && !applyFormData.account_number"
@click="handleOcrText(currentBbatchNo, 'bank_image')"
>点击免填银行卡号</el-button
>点击免填卡号</el-button
>
</el-form-item>
<template v-if="applyFormData.bank_image">
<template v-if="applyFormData.entity_type==1 || applyFormData.bank_image">
<el-form-item label="开户名称" prop="account_holder_name">
<el-input v-model="applyFormData.account_holder_name" />
</el-form-item>
@ -595,11 +604,13 @@
<script lang="ts" setup>
import { ref, reactive, onMounted, watch } from "vue";
import { ElMessage } from "element-plus";
import { Plus } from "@element-plus/icons-vue";
import cityData from "../../stores/cityData";
import type { CityDataStructure } from "../../stores/cityData";
import { ElMessage } from "element-plus";
import { useUserStore } from "@/stores/userStore";
import { Plus } from "@element-plus/icons-vue";
import {
GetStoreCategories,
transformStoreCategories,
@ -608,7 +619,6 @@ import {
merchApply,
GetAppDistrict,
} from "@/api/login";
import { batchNoApi, imgOcrResultApi } from "@/api/upload";
interface Bank {
@ -796,9 +806,6 @@ const rules = reactive({
individual_id_images2: [
{ required: true, message: "请上传个人身份证反面", trigger: "change" },
],
bank_image: [
{ required: true, message: "请上传银行卡正面", trigger: "change" },
],
bank_branch_name: [
{ required: true, message: "请选择银行", trigger: "change" },
],
@ -812,6 +819,7 @@ const rules = reactive({
});
const handleMerchApply = async () => {
console.log(2001);
const {
bank_name,
bank_district,
@ -895,9 +903,13 @@ const checkForm = async () => {
return valid;
});
if(applyFormData.entity_type==2 && !applyFormData.bank_image){
ElMessage.error("请上传银行卡")
return
}
if (isValid) {
// handleReApply();
handleMerchApply
handleMerchApply()
}
};
@ -950,7 +962,7 @@ const showAll = () => {
const merchToApply = async () => {
console.log("formdata", applyFormData);
showAll();
// showAll();
checkForm();
};
@ -1298,6 +1310,10 @@ onMounted(() => {
:deep(.el-upload-list__item) {
width: 96px;
height: 96px;
text-align: center;
flex-direction: column;
color: #666;
line-height: 20px;
}
.signUp-container {