From bb576469eb1e2cb2bf8e1717902702ca28f5ef65 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 28 七月 2025 17:20:56 +0800 Subject: [PATCH] '-' --- src/views/mine/index.vue | 808 ++++++++++++++++++++++++++++----------------------------- 1 files changed, 400 insertions(+), 408 deletions(-) diff --git a/src/views/mine/index.vue b/src/views/mine/index.vue index b19de87..9e9b734 100644 --- a/src/views/mine/index.vue +++ b/src/views/mine/index.vue @@ -22,6 +22,7 @@ const ruleFormRef = ref<FormInstance>(); const isLoading = ref(false); const showDialog = ref(false); +const nowRole = ref({}); const state = reactive({ userInfo: useUserStoreHook().enterpriseInfo, headers: { @@ -188,25 +189,13 @@ showDialog: false }); onMounted(async () => { - // let res = await useUserStoreHook().getCusExtendInfo(); - // if (res.code == 200) { - // state.userInfo = res.result; - // state.userInfo.enterpriseTypeName = res.result.enterpriseType; - // state.ruleForm = res.result; - // state.ruleForm.enterpriseType = state.ruleForm.enterpriseType.split(","); - // } else { - // message(res.message, { - // type: "error" - // }); - // } state.ruleForm = cloneDeep(state.userInfo); - console.log(state.userInfo); - state.ruleForm.enterpriseType = state.ruleForm.enterpriseType.split(","); - let nowRole = useUserStoreHook()?.exRoles; - if (nowRole.length >= 1 && !route.query.code) { - state.ruleForm.transactionCode = nowRole[0].code; - state.userInfo.transactionName = nowRole[0].name; + nowRole.value = useUserStoreHook()?.nowRole; + console.log(nowRole.value); + if (nowRole.value) { + state.ruleForm.transactionCode = nowRole.value.code; + state.userInfo.transactionName = nowRole.value.name; } else { state.ruleForm.transactionCode = route.query.code; state.userInfo.enterpriseTypeName = route.query.name; @@ -348,167 +337,169 @@ </script> <template> - <el-descriptions class="margin-top" title="" :column="3" :size="size" border> - <!-- <template #extra> + <div> + <el-descriptions class="margin-top" title="" :column="3" border> + <!-- <template #extra> <el-button type="primary">Operation</el-button> </template> --> - <el-descriptions-item :span="3"> - <template #label> - <div class="cell-item">浜ゆ槗涓讳綋</div> - </template> - {{ state.userInfo.transactionName }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">浼佷笟鍚嶇О</div> - </template> - {{ state.userInfo.enterpriseName }} + <el-descriptions-item :span="3"> + <template #label> + <div class="cell-item">浜ゆ槗涓讳綋</div> + </template> + {{ state.userInfo.transactionName }} + <el-tag v-if="!nowRole.hasFlsh" type="danger">璧勬枡瀹℃牳涓� </el-tag> + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">浼佷笟鍚嶇О</div> + </template> + {{ state.userInfo.enterpriseName }} - <span @click="showImg('businessLicense')"> - <el-link type="primary" underline>鏌ョ湅钀ヤ笟鎵х収</el-link> - </span> - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">缁熶竴绀句細淇$敤浠g爜</div> - </template> - {{ state.userInfo.unifiedSocialCreditCode }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">娉ㄥ唽璧勯噾</div> - </template> - {{ state.userInfo.registeredCapital }} - </el-descriptions-item> - <el-descriptions-item :span="2"> - <template #label> - <div class="cell-item">浼佷笟绫诲瀷</div> - </template> - {{ state.userInfo.enterpriseType }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">浣忔墍鍦�</div> - </template> - {{ state.userInfo.residence }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">鑱旂郴鐢佃瘽</div> - </template> - {{ state.userInfo.legalRepresentativePhone }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">鎴愮珛鏃堕棿</div> - </template> - {{ state.userInfo.establishmentTime }} - </el-descriptions-item> - <el-descriptions-item :span="2"> - <template #label> - <div class="cell-item">鐢靛瓙閭</div> - </template> - {{ state.userInfo.enterpriseEmail }} - </el-descriptions-item> - <el-descriptions-item :span="3" label-width="100"> - <template #label> - <div class="cell-item">涓昏惀涓氬姟</div> - </template> - {{ state.userInfo.mainBusiness }} - </el-descriptions-item> + <span @click="showImg('businessLicense')"> + <el-link type="primary" underline>鏌ョ湅钀ヤ笟鎵х収</el-link> + </span> + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">缁熶竴绀句細淇$敤浠g爜</div> + </template> + {{ state.userInfo.unifiedSocialCreditCode }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">娉ㄥ唽璧勯噾</div> + </template> + {{ state.userInfo.registeredCapital }} + </el-descriptions-item> + <el-descriptions-item :span="2"> + <template #label> + <div class="cell-item">浼佷笟绫诲瀷</div> + </template> + {{ state.userInfo.enterpriseType }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">浣忔墍鍦�</div> + </template> + {{ state.userInfo.residence }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">鑱旂郴鐢佃瘽</div> + </template> + {{ state.userInfo.legalRepresentativePhone }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">鎴愮珛鏃堕棿</div> + </template> + {{ state.userInfo.establishmentTime }} + </el-descriptions-item> + <el-descriptions-item :span="2"> + <template #label> + <div class="cell-item">鐢靛瓙閭</div> + </template> + {{ state.userInfo.enterpriseEmail }} + </el-descriptions-item> + <el-descriptions-item :span="3" label-width="100"> + <template #label> + <div class="cell-item">涓昏惀涓氬姟</div> + </template> + {{ state.userInfo.mainBusiness }} + </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">娉曞畾浠h〃浜�</div> - </template> - {{ state.userInfo.legalRepresentativeName }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">韬唤璇�</div> - </template> - {{ state.userInfo.legalRepresentativeIdNumber }} - <span @click="showImg('legalRepresentativeIdCard')"> - <el-link type="primary" underline>鏌ョ湅韬唤璇�</el-link> - </span> - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">鑱旂郴鐢佃瘽</div> - </template> - {{ state.userInfo.legalRepresentativePhone }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">涓氬姟缁忓姙浜�</div> - </template> - {{ state.userInfo.operatorName }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">韬唤璇�</div> - </template> - {{ state.userInfo.operatorIdNumber }} - <span style="margin-right: auto" @click="showImg('operatorIdCard')"> - <el-link type="primary" underline>鏌ョ湅韬唤璇�</el-link> - </span> - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">鑱旂郴鐢佃瘽</div> - </template> - {{ state.userInfo.operatorPhone }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">寮�鎴烽摱琛�</div> - </template> - {{ state.userInfo.bankName }} - </el-descriptions-item> - <el-descriptions-item> - <template #label> - <div class="cell-item">閾惰璐﹀彿</div> - </template> - {{ state.userInfo.bankAccount }} - </el-descriptions-item> - </el-descriptions> - <div class="m-5"> - <el-button type="primary" :icon="Edit" @click="() => (showDialog = true)" - >淇敼璧勬枡</el-button - > - </div> - <el-dialog - v-model="showDialog" - title="淇敼璧勬枡" - :width="1500" - draggable - :close-on-click-modal="false" - > - <div v-loading="isLoading" class="flex justify-center mt-5"> - <el-form - ref="ruleFormRef" - style="width: 95%" - :model="state.ruleForm" - :rules="state.rules" - label-width="auto" + <el-descriptions-item> + <template #label> + <div class="cell-item">娉曞畾浠h〃浜�</div> + </template> + {{ state.userInfo.legalRepresentativeName }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">韬唤璇�</div> + </template> + {{ state.userInfo.legalRepresentativeIdNumber }} + <span @click="showImg('legalRepresentativeIdCard')"> + <el-link type="primary" underline>鏌ョ湅韬唤璇�</el-link> + </span> + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">鑱旂郴鐢佃瘽</div> + </template> + {{ state.userInfo.legalRepresentativePhone }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">涓氬姟缁忓姙浜�</div> + </template> + {{ state.userInfo.operatorName }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">韬唤璇�</div> + </template> + {{ state.userInfo.operatorIdNumber }} + <span style="margin-right: auto" @click="showImg('operatorIdCard')"> + <el-link type="primary" underline>鏌ョ湅韬唤璇�</el-link> + </span> + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">鑱旂郴鐢佃瘽</div> + </template> + {{ state.userInfo.operatorPhone }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">寮�鎴烽摱琛�</div> + </template> + {{ state.userInfo.bankName }} + </el-descriptions-item> + <el-descriptions-item> + <template #label> + <div class="cell-item">閾惰璐﹀彿</div> + </template> + {{ state.userInfo.bankAccount }} + </el-descriptions-item> + </el-descriptions> + <div class="m-5"> + <el-button type="primary" :icon="Edit" @click="() => (showDialog = true)" + >淇敼璧勬枡</el-button > - <el-row> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> - <el-form-item label="浼佷笟绫诲瀷" prop="enterpriseType"> - <el-tree-select - v-model="state.ruleForm.enterpriseType" - :data="state.enterpriseList" - multiple - node-key="name" - :render-after-expand="false" - show-checkbox - check-strictly - check-on-click-node - :load="loadNode" - lazy - :props="{ label: 'name', children: 'child', isLeaf: 'leaf' }" - /> - <!-- <el-select + </div> + <el-dialog + v-model="showDialog" + title="淇敼璧勬枡" + :width="1500" + draggable + :close-on-click-modal="false" + > + <div v-loading="isLoading" class="flex justify-center mt-5"> + <el-form + ref="ruleFormRef" + style="width: 95%" + :model="state.ruleForm" + :rules="state.rules" + label-width="auto" + > + <el-row> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> + <el-form-item label="浼佷笟绫诲瀷" prop="enterpriseType"> + <el-tree-select + v-model="state.ruleForm.enterpriseType" + :data="state.enterpriseList" + multiple + node-key="name" + :render-after-expand="false" + show-checkbox + check-strictly + check-on-click-node + :load="loadNode" + lazy + :props="{ label: 'name', children: 'child', isLeaf: 'leaf' }" + /> + <!-- <el-select v-model="state.ruleForm.enterpriseType" placeholder="璇烽�夋嫨" clearable @@ -521,11 +512,11 @@ :value="item.code" /> </el-select> --> - </el-form-item> - </el-col> - </el-row> - <el-row><div class="baseclass">鍩烘湰璧勬枡</div></el-row> - <!-- <el-row> + </el-form-item> + </el-col> + </el-row> + <el-row><div class="baseclass">鍩烘湰璧勬枡</div></el-row> + <!-- <el-row> <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> <el-form-item label="浜ゆ槗涓讳綋"> <el-input @@ -535,241 +526,242 @@ </el-form-item> </el-col> </el-row> --> - <el-row> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> - <el-form-item label="钀ヤ笟鎵х収" prop="businessLicense"> - <el-upload - :action="`${baseUrlApi('/api/upFile/upBizLicense')}`" - :show-file-list="false" - :on-success="handleAvatarSuccess" - :before-upload="beforeAvatarUpload" - :headers="state.headers" - > - <img - v-if="state.ruleForm.businessLicense" - :src="state.ruleForm.businessLicense" - width="200px" - height="150px" + <el-row> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> + <el-form-item label="钀ヤ笟鎵х収" prop="businessLicense"> + <el-upload + :action="`${baseUrlApi('/api/upFile/upBizLicense')}`" + :show-file-list="false" + :on-success="handleAvatarSuccess" + :before-upload="beforeAvatarUpload" + :headers="state.headers" + > + <img + v-if="state.ruleForm.businessLicense" + :src="state.ruleForm.businessLicense" + width="200px" + height="150px" + /> + <el-button v-else type="primary">涓婁紶</el-button> + </el-upload> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> + <el-form-item label="浼佷笟鍚嶇О" prop="enterpriseName"> + <el-input + v-model="state.ruleForm.enterpriseName" + disabled + placeholder="璇疯緭鍏�" /> - <el-button v-else type="primary">涓婁紶</el-button> - </el-upload> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> - <el-form-item label="浼佷笟鍚嶇О" prop="enterpriseName"> - <el-input - v-model="state.ruleForm.enterpriseName" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item - label="缁熶竴绀句細淇$敤浠g爜" - prop="unifiedSocialCreditCode" - > - <el-input - v-model="state.ruleForm.unifiedSocialCreditCode" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="娉ㄥ唽璧勯噾" prop="registeredCapital"> - <el-input - v-model="state.ruleForm.registeredCapital" - disabled - placeholder="璇疯緭鍏�" + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item + label="缁熶竴绀句細淇$敤浠g爜" + prop="unifiedSocialCreditCode" > - <template #append>涓囧厓</template></el-input - > - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8"> - <el-form-item label="娉曞畾浠h〃浜�" prop="legalRepresentativeName"> - <el-input - v-model="state.ruleForm.legalRepresentativeName" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> + <el-input + v-model="state.ruleForm.unifiedSocialCreditCode" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="娉ㄥ唽璧勯噾" prop="registeredCapital"> + <el-input + v-model="state.ruleForm.registeredCapital" + disabled + placeholder="璇疯緭鍏�" + > + <template #append>涓囧厓</template></el-input + > + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="8"> + <el-form-item label="娉曞畾浠h〃浜�" prop="legalRepresentativeName"> + <el-input + v-model="state.ruleForm.legalRepresentativeName" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="16" :xl="16"> - <el-form-item label="浣忔墍鍦�" prop="residence"> - <el-input - v-model="state.ruleForm.residence" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="鎴愮珛鏃堕棿" prop="establishmentTime"> - <el-input - v-model="state.ruleForm.establishmentTime" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> - <el-form-item label="涓昏惀涓氬姟" prop="mainBusiness"> - <el-input - v-model="state.ruleForm.mainBusiness" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="鑱旂郴鐢佃瘽" prop="enterprisePhone"> - <el-input - v-model="state.ruleForm.enterprisePhone" - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="閭" prop="enterpriseEmail"> - <el-input - v-model="state.ruleForm.enterpriseEmail" - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> - <el-form-item label="娉曞畾浠h〃浜�" prop="legalRepresentativeIdCard"> - <el-upload - :action="`${baseUrlApi('/api/upFile/uploadIdCord?PageName=FRONT')}`" - :show-file-list="false" - :on-success="handleAvatarSuccessLegalRepresentative" - :before-upload="beforeAvatarUpload" - :headers="state.headers" - > - <img - v-if="state.ruleForm.legalRepresentativeIdCard" - :src="state.ruleForm.legalRepresentativeIdCard" - width="85.6px" - height="5.4px" + <el-col :xs="24" :sm="24" :md="24" :lg="16" :xl="16"> + <el-form-item label="浣忔墍鍦�" prop="residence"> + <el-input + v-model="state.ruleForm.residence" + disabled + placeholder="璇疯緭鍏�" /> - <el-button v-else type="primary">涓婁紶韬唤璇�</el-button> - </el-upload> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="濮撳悕" prop="legalRepresentativeName"> - <el-input - v-model="state.ruleForm.legalRepresentativeName" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="韬唤璇�" prop="legalRepresentativeIdNumber"> - <el-input - v-model="state.ruleForm.legalRepresentativeIdNumber" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="鑱旂郴鐢佃瘽" prop="legalRepresentativePhone"> - <el-input - v-model="state.ruleForm.legalRepresentativePhone" - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> - <el-form-item label="涓氬姟缁忓姙浜�" prop="operatorIdCard"> - <el-upload - :action="`${baseUrlApi('/api/upFile/uploadIdCord?PageName=FRONT')}`" - :show-file-list="false" - :on-success="handleAvatarSuccessOperator" - :before-upload="beforeAvatarUpload" - :headers="state.headers" - > - <img - v-if="state.ruleForm.operatorIdCard" - :src="state.ruleForm.operatorIdCard" - width="85.6px" - height="5.4px" + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="鎴愮珛鏃堕棿" prop="establishmentTime"> + <el-input + v-model="state.ruleForm.establishmentTime" + disabled + placeholder="璇疯緭鍏�" /> - <el-button v-else type="primary">涓婁紶韬唤璇�</el-button> - </el-upload> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="濮撳悕" prop="operatorName"> - <el-input - v-model="state.ruleForm.operatorName" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="韬唤璇�" prop="operatorIdNumber"> - <el-input - v-model="state.ruleForm.operatorIdNumber" - disabled - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="鑱旂郴鐢佃瘽" prop="operatorPhone"> - <el-input - v-model="state.ruleForm.operatorPhone" - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> - <el-form-item label="寮�鎴疯" prop="bankName"> - <el-input - v-model="state.ruleForm.bankName" - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="16" :xl="16"> - <el-form-item label="閾惰璐﹀彿" prop="bankAccount"> - <el-input - v-model="state.ruleForm.bankAccount" - placeholder="璇疯緭鍏�" - /> - </el-form-item> - </el-col> - </el-row> - </el-form> - </div> - <template #footer> - <span class="dialog-footer"> - <el-button @click="() => (showDialog = false)">鍙� 娑�</el-button> - <el-button type="primary" :disabled="isLoading" @click="modifyData" - >纭� 瀹�</el-button - > - </span> - </template> - </el-dialog> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> + <el-form-item label="涓昏惀涓氬姟" prop="mainBusiness"> + <el-input + v-model="state.ruleForm.mainBusiness" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="enterprisePhone"> + <el-input + v-model="state.ruleForm.enterprisePhone" + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="閭" prop="enterpriseEmail"> + <el-input + v-model="state.ruleForm.enterpriseEmail" + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> + <el-form-item label="娉曞畾浠h〃浜�" prop="legalRepresentativeIdCard"> + <el-upload + :action="`${baseUrlApi('/api/upFile/uploadIdCord?PageName=FRONT')}`" + :show-file-list="false" + :on-success="handleAvatarSuccessLegalRepresentative" + :before-upload="beforeAvatarUpload" + :headers="state.headers" + > + <img + v-if="state.ruleForm.legalRepresentativeIdCard" + :src="state.ruleForm.legalRepresentativeIdCard" + width="85.6px" + height="5.4px" + /> + <el-button v-else type="primary">涓婁紶韬唤璇�</el-button> + </el-upload> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="濮撳悕" prop="legalRepresentativeName"> + <el-input + v-model="state.ruleForm.legalRepresentativeName" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="韬唤璇�" prop="legalRepresentativeIdNumber"> + <el-input + v-model="state.ruleForm.legalRepresentativeIdNumber" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="legalRepresentativePhone"> + <el-input + v-model="state.ruleForm.legalRepresentativePhone" + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> + <el-form-item label="涓氬姟缁忓姙浜�" prop="operatorIdCard"> + <el-upload + :action="`${baseUrlApi('/api/upFile/uploadIdCord?PageName=FRONT')}`" + :show-file-list="false" + :on-success="handleAvatarSuccessOperator" + :before-upload="beforeAvatarUpload" + :headers="state.headers" + > + <img + v-if="state.ruleForm.operatorIdCard" + :src="state.ruleForm.operatorIdCard" + width="85.6px" + height="5.4px" + /> + <el-button v-else type="primary">涓婁紶韬唤璇�</el-button> + </el-upload> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="濮撳悕" prop="operatorName"> + <el-input + v-model="state.ruleForm.operatorName" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="韬唤璇�" prop="operatorIdNumber"> + <el-input + v-model="state.ruleForm.operatorIdNumber" + disabled + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="operatorPhone"> + <el-input + v-model="state.ruleForm.operatorPhone" + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"> + <el-form-item label="寮�鎴疯" prop="bankName"> + <el-input + v-model="state.ruleForm.bankName" + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="24" :md="24" :lg="16" :xl="16"> + <el-form-item label="閾惰璐﹀彿" prop="bankAccount"> + <el-input + v-model="state.ruleForm.bankAccount" + placeholder="璇疯緭鍏�" + /> + </el-form-item> + </el-col> + </el-row> + </el-form> + </div> + <template #footer> + <span class="dialog-footer"> + <el-button @click="() => (showDialog = false)">鍙� 娑�</el-button> + <el-button type="primary" :disabled="isLoading" @click="modifyData" + >纭� 瀹�</el-button + > + </span> + </template> + </el-dialog> + </div> </template> <style lang="scss"> -- Gitblit v1.9.1