From 309b5a2eb4a99f20b2dcceca41c7ed1275bcc6ae Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期二, 22 七月 2025 17:26:08 +0800
Subject: [PATCH] '注册导航上传loading'
---
src/views/register/registernav.vue | 42 ++++++++++++++++++++++--------------------
1 files changed, 22 insertions(+), 20 deletions(-)
diff --git a/src/views/register/registernav.vue b/src/views/register/registernav.vue
index 27338d8..dc44e6f 100644
--- a/src/views/register/registernav.vue
+++ b/src/views/register/registernav.vue
@@ -113,7 +113,11 @@
<!-- <p class="text-center xieyi">娉ㄥ唽鍗忚</p> -->
</div>
</div>
- <div v-else-if="active == 1" class="flex justify-center mt-5">
+ <div
+ v-else-if="active == 1"
+ v-loading="isLoading"
+ class="flex justify-center mt-5"
+ >
<el-form
ref="ruleFormRef"
style="width: 95%"
@@ -390,7 +394,7 @@
<div v-if="active !== 3" class="mx-auto pt-2 pb-5 flex justify-center">
<el-button :disabled="active == 1" @click="backStep">涓婁竴姝�</el-button>
<el-button type="primary" @click="nextStep(ruleFormRef)"
- ><span v-if="active == 1">鍚屾剰</span>涓嬩竴姝�</el-button
+ ><span v-if="active == 0">鍚屾剰</span>涓嬩竴姝�</el-button
>
</div>
</div>
@@ -412,17 +416,18 @@
import {
enterpriseTypes,
createrExRolsInformation
-} from "@/api/register/index.ts";
+} from "@/api/register/index";
import { cloneDeep } from "@pureadmin/utils";
import { getToken } from "@/utils/auth";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
-const { route, username, userRoles } = useNav();
+const { route } = useNav();
defineOptions({
name: "RegisterNav"
});
const ruleFormRef = ref<FormInstance>();
+const isLoading = ref(false);
const state = reactive({
headers: {
// Accept: "application/json, text/plain, */*",
@@ -485,13 +490,6 @@
enterpriseType: [
{ required: true, message: "璇烽�夋嫨浼佷笟绫诲瀷", trigger: "change" }
],
- // transactionCode: [
- // { required: true, message: "璇疯緭鍏ヤ氦鏄撲富浣撲唬鐮�", trigger: "blur" },
- // { min: 1, message: "浜ゆ槗涓讳綋浠ｇ爜鏈�灏忛暱搴︿负1", trigger: "blur" }
- // ],
- // transactionName: [
- // { required: true, message: "璇疯緭鍏ヤ氦鏄撲富浣撳悕绉�", trigger: "blur" }
- // ],
businessLicense: [
{ required: true, message: "璇蜂笂浼犺惀涓氭墽鐓�", trigger: "change" }
],
@@ -598,20 +596,20 @@
};
// 椤甸潰鍒濆鍖�
onMounted(async () => {
- // console.log(
- // userRoles.code,
- // username.value,
- // "hhhhhhh",
- // storageLocal().getItem<DataInfo<number>>(userKey)?.roles
- // );
- // console.log(useUserStoreHook()?.roles, "useUserStoreHook()?.roles");
- state.ruleForm.transactionCode = route.query.code;
- // 浼佷笟绫诲瀷
+ let nowRole = useUserStoreHook()?.exRoles;
+ if (nowRole.length >= 1 && !route.query.code) {
+ state.ruleForm.transactionCode = nowRole[0].code;
+ } else {
+ state.ruleForm.transactionCode = route.query.code;
+ }
+
let res = await enterpriseTypes();
state.enterpriseList = res?.result;
});
let active = ref(0);
const nextStep = async (formEl: FormInstance | undefined) => {
+ console.log(state.ruleForm);
+
if (active.value >= 1) {
if (!formEl) return;
await formEl.validate((valid, fields) => {
@@ -684,6 +682,7 @@
type: "error"
});
}
+ isLoading.value = false;
};
const handleAvatarSuccessLegalRepresentative: UploadProps["onSuccess"] = (
@@ -701,6 +700,7 @@
type: "error"
});
}
+ isLoading.value = false;
};
const handleAvatarSuccessOperator: UploadProps["onSuccess"] = (
@@ -718,9 +718,11 @@
type: "error"
});
}
+ isLoading.value = false;
};
const beforeAvatarUpload: UploadProps["beforeUpload"] = rawFile => {
+ isLoading.value = true;
// if (rawFile.type !== "image/jpeg") {
// message(`璇蜂笂浼爅peg绫诲瀷鐨勫浘鐗嘸, {
// type: "error"
--
Gitblit v1.9.1