From 0543f4989353b1ea9e83e3c5e6b14abd56b69167 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期六, 12 七月 2025 11:33:43 +0800
Subject: [PATCH] -
---
src/views/register/registernav.vue | 172 ++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 151 insertions(+), 21 deletions(-)
diff --git a/src/views/register/registernav.vue b/src/views/register/registernav.vue
index 7a2967d..70d883a 100644
--- a/src/views/register/registernav.vue
+++ b/src/views/register/registernav.vue
@@ -17,11 +17,24 @@
<el-step title="淇℃伅鐧昏瀹屾垚" />
</el-steps>
</div>
- <div v-if="active == 1" class="h-[50%]">
+ <div v-if="active == 1" class="h-[100%]">
<div class="text-center pt-5 pb-1.5">娉ㄥ唽鏉℃</div>
<div
- class="w-[95%] h-[82%] border-1 border-[#E5E5E5] mx-auto p-2 overflow-y-auto"
+ class="w-[95%] h-65 border-1 border-[#E5E5E5] mx-auto p-2 overflow-y-auto"
>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
+ <h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
<h3>娉ㄥ唽閲囪喘渚涘簲鍟嗗簲鍏峰浠ヤ笅鏉′欢</h3>
</div>
</div>
@@ -36,7 +49,11 @@
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="浼佷笟绫诲瀷">
- <el-select v-model="state.type" placeholder="璇烽�夋嫨" clearable>
+ <el-select
+ v-model="state.ruleForm.enterpriseType"
+ placeholder="璇烽�夋嫨"
+ clearable
+ >
<el-option label="鎴愮珛" value="Valid" />
<el-option label="椹冲洖" value="Rejected" />
<el-option label="鍏跺畠" value="Other" />
@@ -49,7 +66,7 @@
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="浜ゆ槗涓讳綋">
<el-input
- v-model="state.ruleForm.nickName"
+ v-model="state.ruleForm.transactionName"
placeholder="璇疯緭鍏�"
/>
</el-form-item>
@@ -58,8 +75,19 @@
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<el-form-item label="钀ヤ笟鎵х収">
- <el-upload>
- <el-button type="primary">涓婁紶</el-button>
+ <el-upload
+ :limit="1"
+ :action="`${baseUrlApi('/api/upFile/upBizLicense')}`"
+ :show-file-list="false"
+ :on-success="handleAvatarSuccess"
+ :before-upload="beforeAvatarUpload"
+ >
+ <img
+ v-if="state.ruleForm.businessLicense"
+ :src="state.ruleForm.businessLicense"
+ class="avatar"
+ />
+ <el-button v-else type="primary">涓婁紶</el-button>
</el-upload>
</el-form-item>
</el-col>
@@ -235,7 +263,17 @@
</el-row>
</el-form>
</div>
- <div class="mx-auto pt-2 pb-5 flex justify-center">
+ <template v-else>
+ <el-result title="鎭枩鎮紝鐧昏瀹屾垚锛�">
+ <template #icon>
+ <img src="@/assets/home/result.png" />
+ </template>
+ <template #extra>
+ <el-button type="primary">纭</el-button>
+ </template>
+ </el-result>
+ </template>
+ <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"
><span v-if="active == 1">鍚屾剰</span>涓嬩竴姝�</el-button
@@ -243,12 +281,18 @@
</div>
</div>
</div>
- <ReDialog />
</template>
-<script setup lang="ts">
+<script setup lang="tsx">
import { h, ref, reactive } from "vue";
-import type { FormInstance, FormRules } from "element-plus";
-import { ReDialog } from "@/components/ReDialog";
+import type { FormInstance, FormRules, UploadProps } from "element-plus";
+import { message } from "@/utils/message";
+import { baseUrlApi } from "@/api/util";
+import {
+ addDialog,
+ closeDialog,
+ updateDialog,
+ closeAllDialog
+} from "@/components/ReDialog";
defineOptions({
name: "RegisterNav"
@@ -257,15 +301,52 @@
const state = reactive({
isShowPassword: false,
ruleForm: {
- account: "",
- nickName: "",
- phone: "",
- phoneVCode: "",
- // tenantId: props.tenantInfo.id,
- code: "",
- codeId: 0,
- email: "",
- exRoleCode: ""
+ // 涓婚敭锛堝敮涓�鏍囪瘑锛�
+ id: null, // integer($int64)锛屽彲绌�
+ // 浼佷笟绫诲瀷锛堜粠棰勮浼佷笟绫诲瀷鍒楄〃涓�夋嫨锛�
+ enterpriseType: null, // string锛屽彲绌�
+ // 浜ゆ槗涓讳綋浠ｇ爜锛堝悓瑙掕壊浠ｇ爜锛屼笉鍙┖锛屾渶灏忛暱搴︿负1锛�
+ transactionCode: "", // string锛屽繀濉�
+ // 浜ゆ槗涓讳綋鍚嶇О
+ transactionName: null, // string锛屽彲绌�
+ // 钀ヤ笟鎵х収鏂囦欢璺緞
+ businessLicense: null, // string锛屽彲绌�
+ // 浼佷笟鍚嶇О
+ enterpriseName: null, // string锛屽彲绌�
+ // 缁熶竴绀句細淇＄敤浠ｇ爜
+ unifiedSocialCreditCode: null, // string锛屽彲绌�
+ // 娉ㄥ唽璧勯噾锛堝崟浣嶏細涓囧厓锛�
+ registeredCapital: null, // number($double)锛屽彲绌�
+ // 娉曞畾浠ｈ〃浜哄鍚�
+ legalRepresentativeName: null, // string锛屽彲绌�
+ // 娉曞畾浠ｈ〃浜鸿韩浠借瘉鏂囦欢璺緞
+ legalRepresentativeIdCard: null, // string锛屽彲绌�
+ // 娉曞畾浠ｈ〃浜鸿韩浠借瘉鍙风爜
+ legalRepresentativeIdNumber: null, // string锛屽彲绌�
+ // 娉曞畾浠ｈ〃浜鸿仈绯荤數璇�
+ legalRepresentativePhone: null, // string($tel)锛屽彲绌�
+ // 浼佷笟浣忔墍锛堜笅鎷夐�夋嫨锛屾殏浠ュ瓧绗︿覆鎺ユ敹锛�
+ residence: null, // string锛屽彲绌�
+ // 浼佷笟鑱旂郴鐢佃瘽
+ enterprisePhone: null, // string($tel)锛屽彲绌�
+ // 浼佷笟鎴愮珛鏃堕棿锛堟牸寮忕ず渚嬶細2025-07-08 14:56:54锛�
+ establishmentTime: null, // string($date-time)锛屽彲绌�
+ // 浼佷笟涓昏惀涓氬姟
+ mainBusiness: null, // string锛屽彲绌�
+ // 浼佷笟閭
+ enterpriseEmail: null, // string锛屽彲绌�
+ // 涓氬姟缁忓姙浜哄鍚�
+ operatorName: null, // string锛屽彲绌�
+ // 涓氬姟缁忓姙浜鸿韩浠借瘉鏂囦欢璺緞鎴栨爣璇嗭紙涓婁紶鍚庡瓨鍌ㄤ俊鎭級
+ operatorIdCard: null, // string锛屽彲绌�
+ // 涓氬姟缁忓姙浜鸿韩浠借瘉鍙风爜
+ operatorIdNumber: null, // string锛屽彲绌�
+ // 涓氬姟缁忓姙浜鸿仈绯荤數璇�
+ operatorPhone: null, // string($tel)锛屽彲绌�
+ // 浼佷笟寮�鎴疯
+ bankName: null, // string锛屽彲绌�
+ // 浼佷笟閾惰璐﹀彿
+ bankAccount: null // string锛屽彲绌�
},
type: "",
rules: {
@@ -318,12 +399,61 @@
let active = ref(1);
const nextStep = () => {
+ if (active.value >= 2) {
+ addDialog({
+ width: "20%",
+ title: "纭淇℃伅",
+ contentRenderer: () => (
+ <p>
+ 璇锋偍璁ょ湡鏍稿濉姤鐨勮祫鏂欐槸鍚︽纭紝濡傚洜濉姤閿欒褰卞搷鍚庣画鎶曟爣绛夋搷浣滐紝骞冲彴涓嶆壙鎷呬换浣曡矗浠伙紝鎵�鏈夊悗鏋滈渶瑕佽嚜琛屾壙鎷咃紝璇锋偍璋ㄦ厧濉啓锛�
+ </p>
+ ), // jsx 璇硶 锛堟敞鎰忓湪.vue鏂囦欢鍚敤jsx璇硶锛岄渶瑕佸湪script寮�鍚痩ang="tsx"锛�
+ closeCallBack: ({ options, args }) => {
+ // options.props 鏄搷搴斿紡鐨�
+ // const { formInline } = options.props as FormProps;
+ // const text = `濮撳悕锛�${formInline.user} 鍩庡競锛�${formInline.region}`;
+ if (args?.command === "cancel") {
+ // 鎮ㄧ偣鍑讳簡鍙栨秷鎸夐挳
+ message(`鎮ㄧ偣鍑讳簡鍙栨秷鎸夐挳锛屽綋鍓嶈〃鍗曟暟鎹负 `);
+ // active.value -= 1;
+ } else if (args?.command === "sure") {
+ active.value += 1;
+ message(`鎮ㄧ偣鍑讳簡纭畾鎸夐挳锛屽綋鍓嶈〃鍗曟暟鎹负 `);
+ } else {
+ message(
+ `鎮ㄧ偣鍑讳簡鍙充笂瑙掑叧闂寜閽垨绌虹櫧椤垫垨鎸変笅浜唀sc閿紝褰撳墠琛ㄥ崟鏁版嵁涓� `
+ );
+ }
+ }
+ });
+ return;
+ }
active.value += 1;
- console.log(active.value + 1);
};
const backStep = () => {
active.value -= 1;
};
+const handleAvatarSuccess: UploadProps["onSuccess"] = (
+ response,
+ uploadFile
+) => {
+ state.ruleForm.businessLicense = URL.createObjectURL(uploadFile.raw!);
+};
+
+const beforeAvatarUpload: UploadProps["beforeUpload"] = rawFile => {
+ if (rawFile.type !== "image/jpeg") {
+ message(`璇蜂笂浼爅peg绫诲瀷鐨勫浘鐗嘸, {
+ type: "error"
+ });
+ return false;
+ } else if (rawFile.size / 1024 / 1024 > 2) {
+ message(`鍥剧墖澶у皬涓嶈兘瓒呰繃 2MB锛乣, {
+ type: "error"
+ });
+ return false;
+ }
+ return true;
+};
</script>
<style lang="scss" scoped>
.content {
--
Gitblit v1.9.1