From ef3906e9669cc75c054ef9bf4ea6336b727a539b Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期一, 21 七月 2025 16:38:35 +0800
Subject: [PATCH] '个人中心页面布局'
---
src/views/register/registernav.vue | 752 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 747 insertions(+), 5 deletions(-)
diff --git a/src/views/register/registernav.vue b/src/views/register/registernav.vue
index 12f11ea..27338d8 100644
--- a/src/views/register/registernav.vue
+++ b/src/views/register/registernav.vue
@@ -1,25 +1,745 @@
<template>
- <div class="content">
+ <div class="content pb-6">
<div class="header">
<div class="headimg">
<img width="167px" height="44px" src="@/assets/home/logo.png" alt="" />
</div>
</div>
- <div class="center w-[70%] h-[584px] bg-white mx-auto mt-25">
- <el-button type="primary">淇濆瓨</el-button>
+ <div class="center w-[70%] bg-white mx-auto m-12">
+ <div class="flex items-center p-5 pl-6">
+ <img src="@/assets/home/xian.png" alt="" />
+ <span style="margin-left: 5px">娉ㄥ唽鍚戝</span>
+ </div>
+ <div class="w-[95%] border-1 border-[#E5E5E5] mx-auto pt-5 pb-2">
+ <el-steps style="max-width: 100%" :active="active" align-center>
+ <el-step title="闃呰娉ㄥ唽鍗忚" />
+ <el-step title="濉啓鍩烘湰淇℃伅" />
+ <el-step title="淇℃伅鐧昏瀹屾垚" />
+ </el-steps>
+ </div>
+ <div v-if="active == 0" class="h-[480px]">
+ <div class="text-center pt-5 pb-1.5">娉ㄥ唽鏉℃</div>
+ <div class="w-[95%] h-105 border-1 border-[#E5E5E5] mx-auto p-2">
+ <el-scrollbar max-height="400px">
+ <p>
+ 鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗鍚堝悓娉曘�嬨�併�婁腑鍗庝汉姘戝叡鍜屽浗钁椾綔鏉冩硶銆嬨�併�婂叏鍥戒汉澶у父濮斾細鍏充簬缁存姢浜掕仈缃戝畨鍏ㄧ殑鍐冲畾銆嬨�併�婁腑鍗庝汉姘戝叡鍜屽浗鏀垮簻閲囪喘娉曘�嬨�併�婁簰鑱旂綉淇℃伅鏈嶅姟绠＄悊鍔炴硶銆嬨�併�婁簰鑱旂綉鐢靛瓙鍏憡鏈嶅姟绠＄悊瑙勫畾銆嬬瓑鏈夊叧娉曞緥銆佹硶瑙勩�佽绔狅紝鍒惰鏈潯娆俱�傛墍鏈夎繘鍏ユ湰骞冲彴鐨勭敤鎴凤紝鍦ㄤ娇鐢ㄦ湰骞冲彴鎻愪緵鐨勪换浣曟湇鍔″墠锛屽繀椤讳簨鍏堣鐪熼槄璇诲苟鍚屾剰鏈湇鍔″崗璁�傜敤鎴烽�氳繃鐐瑰嚮鈥滄垜鍚屾剰鈥濇寜閽嵆琛ㄧず鐢ㄦ埛涓庢湰鎷涙爣閲囪喘骞冲彴杈炬垚鍗忚锛屾帴鍙楁湰鎷涙爣閲囪喘骞冲彴鏈嶅姟鏉℃鍏ㄩ儴鍐呭銆傜偣鍑烩�滀笉鍚屾剰鈥濇寜閽紝瑙嗕负鏀惧純鏈嫑鏍囬噰璐钩鍙版彁渚涚殑鏈嶅姟锛屽苟琛ㄧず鏀惧純娉ㄥ唽淇℃伅搴撱��
+ </p>
+ <h3><strong>涓�銆佺敤鎴疯祫鏂� </strong></h3>
+ <p>鐢ㄦ埛鍚屾剰锛�</p>
+ <p>
+ (涓�)鍦ㄧ敵璇蜂娇鐢ㄦ湰鎷涙爣閲囪喘骞冲彴鎻愪緵鐨勬湇鍔℃椂锛屽悜鏈嫑鏍囬噰璐钩鍙版彁渚涚湡瀹炪�佸噯纭�佸畬鏁寸殑鍗曚綅鎴栦釜浜鸿祫鏂欍��
+ </p>
+ <p>
+ (浜�)濡傜敤鎴风殑鍗曚綅鎴栦釜浜鸿祫鏂欐湁浠讳綍鍙樻洿锛岀敤鎴峰簲鍙婃椂鏇存柊娉ㄥ唽璧勬枡銆傚鏋滅敤鎴锋彁渚涚殑璧勬枡涓嶅畬鏁存垨鑰呯敤鎴锋彁渚涚殑璧勬枡鍖呭惈鏈変笉姝ｇ‘鎴栦笉鍑嗙‘鐨勪俊鎭紝鐢辨鐩稿叧鐨勪竴鍒囧悗鏋滃潎搴斿綋鐢辩敤鎴疯嚜琛屾壙鎷呫��
+ </p>
+ <p>
+ (涓�)鐢ㄦ埛璧勬枡鍖呮嫭鎮ㄥ湪娉ㄥ唽銆佽喘鏍囥�佺瓟鐤戙�佹姇鏍囥�佹緞娓呫�佽瘎鏍囩瓑杩囩▼涓紝浠ヤ换浣曠綉缁滃舰寮忓悜鏈钩鍙颁紶閫佺殑浠讳綍璧勬枡锛屽寘鎷暟鎹�佹枃鏈�佺収鐗囥�佸浘鐢汇�佸奖鍍忋�佽瘝鍙ユ垨鍏朵粬鏉愭枡銆傛偍搴斿鈥滄偍鐨勮祫鏂欌�濊礋鍏ㄩ儴璐ｄ换锛屽�樿嫢鏈钩鍙拌涓衡�滄偍鐨勮祫鏂欌�濆彲鑳戒娇鎴戞柟鎵挎媴浠讳綍娉曞緥鎴栭亾涔変笂鐨勮矗浠伙紝鍒欐湰骞冲彴鍙嚜琛屽叏鏉冨喅瀹氬鈥滄偍鐨勮祫鏂欌�濋噰鍙栨垜鏂硅涓哄繀瑕佹垨閫傚綋鐨勪换浣曡鍔紝鍖呮嫭浣嗕笉闄愪簬鍒犻櫎璇ョ被璧勬枡銆傛偍鐗规淇濊瘉锛屾偍瀵规彁浜ょ粰鏈钩鍙扮殑鈥滄偍鐨勮祫鏂欌�濇嫢鏈夊叏閮ㄥ悎娉曟潈鍒┿��
+ 骞冲彴娉ㄥ唽鐢ㄦ埛搴旈伒寰瘹瀹炰俊鐢ㄥ師鍒欙紝濡傚彂鐜版伓鎰忔敞鍐岃�咃紝骞冲彴灏嗗喕缁撳叾濮撳悕涓庤仈绯绘柟寮忋�佸姞鍏ュけ淇￠粦鍚嶅崟骞朵簣浠ュ叕甯冿紝绂佹涓�瀹氭湡闄愬唴鍙備笌浠讳綍椤圭洰锛屽悓鏃惰拷绌舵伓鎰忔敞鍐岃�呮硶寰嬭矗浠汇��
+ </p>
+ <h3><strong>浜屻�佹湇鍔℃潯娆剧殑淇敼</strong></h3>
+ 鏈嫑鏍囬噰璐钩鍙版湁鏉冩牴鎹渶瑕佷慨鏀规湇鍔℃潯娆撅紝鏈嫑鏍囬噰璐钩鍙版湇鍔℃潯娆句竴鏃﹀彂鐢熶慨鏀规垨鍏跺畠鍙樺姩锛屽皢鍦ㄦ潯娆剧浉鍏抽〉闈簣浠ユ彁绀恒�傜敤鎴峰彲鑷敱鐐瑰嚮閫夋嫨鈥滃悓鎰忊�濇垨鈥滀笉鍚屾剰鈥濄�傚鐐瑰嚮鈥滃悓鎰忊�濓紝鍒欒涓哄鍘熸湇鍔℃潯娆剧殑鍙樻洿锛屾湰骞冲彴灏嗗嵆鍒绘寜鐓ф渶鏂扮殑鏈嶅姟鍗忚绾﹀畾涓烘偍鎻愪緵鏈嶅姟銆傚鐐瑰嚮鈥滀笉鍚屾剰鈥濓紝鍒欒鏈嶅姟灏嗘棤娉曚负鎮ㄦ彁渚涳紝鎮ㄦ湁鏉冮�夋嫨鏆傚仠浣跨敤鎴栨敞閿�璇ヨ处鎴枫�傞櫎鍙︽湁鏄庣‘澹版槑澶栵紝浠讳綍浣库�滄湇鍔♀�濊寖鍥存墿澶ф垨鍔熻兘澧炲己鐨勬柊鍐呭鍧囧彈鏈崗璁害鏉熴��
+ <h3><strong>涓夈�侀殣绉佷繚鎶�</strong></h3>
+ <p>
+ 鏈嫑鏍囬噰璐钩鍙版壙璇轰笉浼氬叕寮�銆佽浆璁╂垨閫忛湶鍏剁敤鎴风殑涓嶅彲鍏紑鐨勬敞鍐岃祫鏂欏強鐢ㄦ埛鍦ㄦ湰鎷涙爣閲囪喘骞冲彴涓繚瀛樼殑闈炲叕寮�鍐呭锛岄櫎闈烇細
+ </p>
+ <p>(涓�)鏈夊叧娉曞緥銆佹硶瑙勩�佽绔犵殑寮哄埗鎬ц瀹氾紱</p>
+ <p>(浜�)鏈夊叧鍙告硶銆佽鏀挎満鍏崇殑瑕佹眰锛�</p>
+ <p>(涓�)淇濇寔鎴栫淮鎶ゆ湰鎷涙爣閲囪喘骞冲彴鐨勫悎娉曟潈鐩婏紱</p>
+ <p>(鍥�)浜嬪厛鑾峰緱鐢ㄦ埛鐨勬槑纭巿鏉冦��</p>
+ <p>
+ 鐢ㄦ埛涓嶅緱瀵逛换浣曡祫鏂欎綔鍟嗕笟鎬у埄鐢紝鍖呮嫭浣嗕笉闄愪簬鍦ㄦ湭缁忔湰骞冲彴杩愯惀鏂逛功闈㈡壒鍑嗙殑鎯呭喌涓嬶紝澶嶅埗鍦ㄦ湰骞冲彴涓婂睍绀虹殑浠讳綍璧勬枡锛屽寘鎷郴缁熺殑鍔熻兘缁撴瀯鍜岀敾闈㈢瓑銆�
+ </p>
+ <h3><strong>鍥涖�佺敤鎴风殑甯愬彿銆佸瘑鐮佸拰瀹夊叏鎬�</strong></h3>
+ <p>
+ 鐢ㄦ埛鍦ㄦ湰鎷涙爣閲囪喘骞冲彴娉ㄥ唽鎴愬姛鍚庯紝灏嗚幏寰椾竴涓笎鍙峰拰瀵嗙爜銆傝甯愬彿鍜屽瘑鐮佺敱鐢ㄦ埛璐熻矗淇濈锛岀敤鎴峰彲闅忔椂鏀瑰彉鍏跺瘑鐮併�傛瘡涓敤鎴烽兘瑕佸鍏跺笎鎴蜂腑鐨勬墍鏈夋椿鍔ㄥ拰浜嬩欢璐熷叏閮ㄨ矗浠伙紝鐢ㄦ埛鍚屾剰鑻ュ彂鐜颁换浣曢潪娉曚娇鐢ㄧ敤鎴峰笎鍙锋垨瀹夊叏婕忔礊鐨勬儏鍐碉紝绔嬪嵆閫氬憡鏈嫑鏍囬噰璐钩鍙般�傛湰鎷涙爣閲囪喘骞冲彴鎵胯涓嶅皢鐢ㄦ埛甯愬彿鍜屽瘑鐮侀�忛湶缁欑涓夋柟銆備絾鍥犵敤鎴峰師鍥犻�犳垚瀵嗙爜娉勯湶锛岀敤鎴烽渶鑷鎵挎媴鍏ㄩ儴璐ｄ换鍜岀浉鍏冲悗鏋溿�傚洜鐢ㄦ埛鍘熷洜閫犳垚甯愬彿鐢变粬浜轰娇鐢紝鐢ㄦ埛闇�鑷鎵挎媴鍏ㄩ儴璐ｄ换鍜岀浉鍏冲悗鏋滐紝鍚屾椂锛屾湰鎷涙爣閲囪喘骞冲彴瑙嗕负鐢ㄦ埛杩涜浜嗙浉鍏虫搷浣溿��
+ </p>
+ <h3><strong>浜斻�佹敹璐�</strong></h3>
+ <p>
+ 鏈钩鍙颁繚鐣欐敹鍙栤�滄湇鍔♀�濊垂鐢ㄧ殑鏉冨埄銆傛偍鍥犺繘琛屾姇鏍囨垨鑾峰彇鐩稿叧淇℃伅绛夊悜鏈钩鍙拌繍钀ユ柟鑾峰彇鏈夊伩鏈嶅姟鎴栨帴瑙︽湰骞冲彴鏈嶅姟鍣ㄨ�屽彂鐢熺殑鎵�鏈夊簲绾崇◣璧嬶紝浠ュ強鐩稿叧纭欢銆佽蒋浠躲�侀�氳銆佺綉缁滄湇鍔″強鍏朵粬鏂归潰鐨勮垂鐢ㄥ潎鐢辨偍鑷鎵挎媴銆傛湰骞冲彴淇濈暀鍦ㄦ棤闇�鍙戝嚭涔﹂潰閫氱煡銆佷粎鍦ㄦ湰骞冲彴缃戜笂鍏ず鐨勬儏鍐典笅锛屾殏鏃舵垨姘镐箙鍦版洿鏀规垨鍋滄閮ㄥ垎鎴栧叏閮ㄢ�滄湇鍔♀�濈殑鏉冨埄銆�
+ </p>
+ <h3><strong> 鍏�佸厤璐ｆ潯娆�</strong></h3>
+ <p>
+ 鍥犳湰鎷涙爣閲囪喘骞冲彴鏃犳硶棰勮瀹㈣鐜鐨勬敼鍙樺強浠讳綍鎶�鏈笂鐨勯棶棰樻垨鍏朵粬鍥伴毦锛堝寘鎷絾涓嶉檺浜庯細璁＄畻鏈虹梾姣掓敾鍑汇�侀粦瀹㈠叆渚点�佺綉缁滀腑鏂瓑锛夛紝鐢辨瀵艰嚧鐨勬暟鎹崯澶辨垨鍏朵粬鏈嶅姟涓柇绛夋儏褰紝浼氬憳鐢ㄦ埛瀵规搴旇〃绀虹悊瑙ｏ紝骞跺悓鎰忚嚜琛屾壙鎷呭埄鐢ㄦ湰鎷涙爣閲囪喘骞冲彴杩涜鎿嶄綔鐨勬墍鏈夐闄┿�傛湰鎷涙爣閲囪喘骞冲彴鍦ㄦ澹版槑锛�
+ </p>
+ <p>
+ 鏈钩鍙颁笉鎻愪緵浠讳綍绫诲瀷鐨勯潪鏈钩鍙板彲鎺ф壙璇猴紝鍖呮嫭浣嗕笉闄愪簬鎵�鎻愪緵鐨勬湇鍔′竴瀹氳兘婊¤冻鐢ㄦ埛鐨勮姹傦紝鏈嶅姟涓嶄細涓柇锛屼俊鎭兘鍚﹀畬鍏ㄥ噯纭�佸強鏃躲�侀『鍒╃殑浼犻�侊紝鏄惁鑳戒慨鏀圭浉鍏宠蒋浠朵腑鐨勬紡娲炪�傜敤鎴风悊瑙ｃ�佸垽鏂�佹垨鍐冲畾鏄惁鎺ュ彈浠讳綍閫氳繃鏈嫑鏍囬噰璐钩鍙版湇鍔℃垨鎵�鍙栧緱淇℃伅璧勬枡鐨勫彲闈犳�э紝瀹屽叏鍙栧喅浜庣敤鎴疯嚜宸辨壙鎷呯浉鍏崇殑椋庨櫓锛屽苟鍖呮嫭绯荤粺鍙楁崯鎴栬祫鏂欎涪澶辩殑鎵�鏈夐闄┿��
+ </p>
+ <p>
+ 骞冲彴鐢ㄦ埛鍦ㄦ湰鎷涙爣閲囪喘骞冲彴鐨勬敞鍐屾垚鍔燂紝骞朵笉鑳芥浛浠ｇ敤鎴峰湪鎶曟爣锛堟垨鍏朵粬閲囪喘绔炰簤鏂瑰紡锛夋椂鎷涙爣浜恒�佷唬鐞嗘満鏋勩�佽瘎鏍囷紙瀹★級濮斿憳浼氬鍏惰祫鏍肩殑瀹℃煡銆�
+ </p>
+ <h3><strong>涓冦�佷俊鎭殑鍌ㄥ瓨鍙婇檺鍒�</strong></h3>
+
+ <p>
+ 鏈嫑鏍囬噰璐钩鍙颁笉瀵圭敤鎴锋墍鍙戝竷淇℃伅鐨勫垹闄ゆ垨鍌ㄥ瓨澶辫触璐熻矗銆傛湰鎷涙爣閲囪喘骞冲彴鎷ユ湁鍒ゅ畾鐢ㄦ埛鐨勮涓烘槸鍚︾鍚堟湰鎷涙爣閲囪喘骞冲彴鏈嶅姟鏉℃鐨勮姹傚拰绮剧鐨勪繚鐣欐潈鍒╋紝濡傛灉鐢ㄦ埛杩濊儗浜嗘湇鍔℃潯娆剧殑瑙勫畾锛屾垨鍏跺湪缃戠珯鐨勭浉鍏宠涓烘湁鐞嗙敱琚垽鏂负涓嶅埄浜庣綉绔欙紝鍒欓殢鏃舵湁鏉冧腑鏂鍏舵湇鍔★紝鍖呮嫭甯愬彿銆�
+ </p>
+ <h3>鍏�佺敤鎴蜂俊鎭鐞�</h3>
+ <p>
+ 鐢ㄦ埛鑷鎵挎媴鍏舵墍浼犺緭鍐呭鐨勬墍鏈夎矗浠伙紝瀵规湰鎷涙爣閲囪喘骞冲彴鐨勪娇鐢ㄧ鍚堟硶寰嬨�佹硶瑙勫強瑙勭珷鐨勮姹傦紝鍚屾椂閬靛惊浠ヤ笅鍘熷垯锛�
+ </p>
+
+ <p>
+ 锛堜竴锛変粠涓浗澧冨唴鍚戝浼犺緭鎶�鏈�ц祫鏂欐椂蹇呴』绗﹀悎涓浗鏈夊叧娉曞緥娉曡锛�
+ </p>
+ <p>锛堜簩锛変娇鐢ㄤ俊鎭湇鍔′笉浣滈潪娉曠敤閫旓紱</p>
+ <p>锛堜笁锛変笉骞叉壈鎴栨贩涔辩綉缁滄湇鍔★紱</p>
+ <p>锛堝洓锛夐伒瀹堟墍鏈変娇鐢ㄦ湇鍔＄殑缃戠粶鍗忚銆佽瀹氥�佺▼搴忓拰鎯緥銆�</p>
+ <p>锛堜簲锛夊叾浠栨儏褰€��</p>
+ <p>
+ 鐢ㄦ埛鐨勮涓哄噯鍒欐槸浠ュ洜鐗圭綉娉曡锛屾斂绛栥�佺▼搴忓拰鎯緥涓烘牴鎹殑銆傜敤鎴烽』鎵胯涓嶄紶杈撲换浣曢潪娉曠殑銆侀獨鎵版�х殑銆佷腑浼や粬浜虹殑銆佽颈楠傛�х殑銆佹亹鍚撴�х殑銆佷激瀹虫�х殑銆佸焊淇楃殑鍜屾帆绉界殑淇℃伅璧勬枡銆備笉浼犺緭浠讳綍鏁欏攩浠栦汉鏋勬垚鐘姜琛屼负鐨勮祫鏂欙紱涓嶄紶杈撳姪闀垮浗鍐呬笉鍒╂潯浠跺拰娑夊強鍥藉瀹夊叏鐨勮祫鏂欙紱涓嶄紶杈撲换浣曚笉绗﹀悎褰撳湴娉曡銆佸浗瀹舵硶寰嬪拰鍥介檯娉曞緥鐨勮祫鏂欍�傝嫢鐢ㄦ埛鐨勮涓轰笉绗﹀悎浠ヤ笂鎻愬埌鐨勬湇鍔℃潯娆撅紝鏈嫑鏍囬噰璐钩鍙颁竴缁忓彂鐜板皢鍋氬嚭鐙珛鍒ゆ柇骞跺彇娑堢敤鎴锋湇鍔″拰甯愬彿銆傜敤鎴疯嫢鍦ㄦ湰鎷涙爣閲囪喘骞冲彴涓婃暎甯冨拰浼犳挱鍙嶅姩銆佽壊鎯呮垨鍏朵粬杩濆弽鍥藉娉曞緥鐨勪俊鎭紝缃戠珯鐨勭郴缁熻褰曟湁鍙兘浣滀负鐢ㄦ埛杩濆弽娉曞緥鐨勮瘉鎹��
+ 濡傛灉鐢ㄦ埛鍦ㄥ彂琛ㄧ殑淇℃伅涓姞鍏ュ浼犺祫鏂欐垨鍙備笌骞垮憡绛栧垝锛屽湪鏈嫑鏍囬噰璐钩鍙扮殑鏈嶅姟涓婂睍绀轰骇鍝侊紝浠讳綍杩欑被淇冮攢鏂规硶锛屽寘鎷繍杈撹揣鐗┿�佷粯娆俱�佹湇鍔°�佸晢涓氭潯浠躲�佹媴淇濆強涓庡箍鍛婃湁鍏崇殑琛屼负鎴栨弿杩帮紝鐢辩敤鎴峰拰杩欑被鍟嗕笟瀹ｄ紶鍙戝竷鑰呯嫭绔嬭礋璐ｃ�傛湰鎷涙爣閲囪喘骞冲彴瀵规绫诲晢涓氬浼犱笉鎵挎媴浠讳綍璐ｄ换锛屼篃娌℃湁涔夊姟涓烘绫诲晢涓氬浼犳壙鎷呬换浣曞彲鑳借矗浠汇�傜敤鎴疯琛屼负缁欐湰骞冲彴閫犳垚娑夎瘔鎴栦笉鑹晢瑾夈�佸叾浠栨崯澶辩殑锛屾湰骞冲彴鏈夋潈鍚戠敤鎴疯拷璐ｃ��
+ </p>
+ <h3>涔濄�佷繚闅�</h3>
+ <p>
+ 鐢ㄦ埛鍚屾剰淇濋殰鍜岀淮鎶ゆ湰鎷涙爣閲囪喘骞冲彴鍙婂叾浠栫敤鎴风殑鍒╃泭锛岃礋璐ｆ敮浠樿繚鍙嶆湇鍔℃潯娆剧殑鎹熷琛ュ伩璐圭敤锛岀敱鍏跺畠浣跨敤鐢ㄦ埛鐨勫笎鍙峰拰鍙ｄ护鐨勪汉閫犳垚鐨勬崯瀹宠禂鍋胯垂鐢ㄥ拰鍏跺畠渚电姱鐭ヨ瘑浜ф潈鑰屼骇鐢熺殑杩界储璧斿伩璐圭敤銆�
+ </p>
+ <h3>鍗併�佺粓姝㈡湇鍔�</h3>
+ <p>
+ 鐢ㄦ埛鍙牴鎹疄闄呮儏鍐�,涓诲姩缁堟鏈嫑鏍囬噰璐钩鍙版彁渚涚殑鏈嶅姟锛屽悓鏃讹紝鐢ㄦ埛浣跨敤鏈嫑鏍囬噰璐钩鍙版湇鍔＄殑鏉冨埄涔熷皢琚粓姝€�傜粓姝㈢敓鏁堝悗锛岀敤鎴锋病鏈夋潈鍒╀紶閫佷换浣曟湭澶勭悊鐨勪俊鎭垨鏈畬鎴愮殑鏈嶅姟锛屾湰鎷涙爣閲囪喘骞冲彴浜︽棤姝ょ被涔夊姟銆傚浜庢绉嶇粓姝紝鏈嫑鏍囬噰璐钩鍙版棤闇�鎵挎媴浠讳綍璐ｄ换銆�
+ </p>
+ <h3>鍗佷竴銆侀�氱煡涓庨�佽揪</h3>
+ <p>
+ 鎵�鏈夊彂缁欑敤鎴风殑閫氱煡閮藉彲閫氳繃鐩稿叧椤甸潰鐨勫叕鍛娿�佺郴缁熼�氱煡鎴栨墜鏈虹煭淇′腑鐨勪竴绉嶆垨澶氱鏂瑰紡浼犻�侊紝閫氱煡涓�缁忓彂鍑哄嵆瑙嗕负閫佽揪銆�
+ </p>
+ <h3>鍗佷簩銆佺煡璇嗕骇鏉�</h3>
+ <p>
+ 鏈嫑鏍囬噰璐钩鍙板晢鏍囨潈銆佽繍浣滄潈銆佽В閲婃潈銆佽憲浣滄潈銆佹墍鏈夋潈銆佺増鏉冪瓑鐭ヨ瘑浜ф潈褰掓湰骞冲彴鍞竴鎵�鏈夈�傜敤鎴峰湪骞冲彴涓婂彂甯冪殑淇℃伅涓嶅緱渚电姱浠讳綍绗笁浜虹殑鐭ヨ瘑浜ф潈锛屾湭缁忓叿鏈夌浉鍏虫墍鏈夋潈鎵�鏈夎�呬箣浜嬪厛涔﹂潰鍚屾剰锛岀敤鎴蜂笉寰椾互浠讳綍鏂瑰紡涓婁紶銆佸彂甯冦�佷慨鏀广�佷紶鎾垨澶嶅埗浠讳綍鍙楄憲浣滄潈淇濇姢鐨勬潗鏂欍�佸晢鏍囨垨灞炰簬鍏朵粬浜虹殑涓撴湁淇℃伅銆傚鏋滄敹鍒颁换浣曡憲浣滄潈浜烘垨鍏跺悎娉曚唬琛ㄥ彂缁欐柊鐐圭殑閫傚綋閫氱煡鍚庯紝鎴戜滑灏嗗湪瀹℃煡鐨勫熀纭�涓婄Щ闄よ绛変镜鐘粬浜鸿憲浣滄潈鐨勫唴瀹广��
+ </p>
+ <h3>鍗佷笁銆佹潯娆剧殑娉曞緥瑙ｉ噴</h3>
+ <p>
+ 浠ヤ笂鏉℃瑙ｉ噴鏉冨綊鏈钩鍙版墍鏈夈�傚鍙戠敓鏈嫑鏍囬噰璐钩鍙版湇鍔℃潯娆炬垨鎵�鍙戝竷鐨勫叾瀹冩潯娆句笌涓崕浜烘皯鍏卞拰鍥芥硶寰嬨�佹硶瑙勫強瑙勭珷鐩告姷瑙︽椂锛屽垯杩欎簺鏉℃灏嗗畬鍏ㄦ寜鏈夊叧娉曞緥銆佹硶瑙勫強瑙勭珷瑙勫畾閲嶆柊瑙ｉ噴锛岃�屽叾瀹冩潯娆惧垯渚濇棫淇濇寔瀵圭敤鎴风殑绾︽潫鍔涖�傜壒鍒０鏄庯紝浠讳綍鎯呭舰涓嬶紝瀵逛簬浠讳綍鐩稿叧鐨勪簤璁紝鍧囧彧閫傜敤涓崕浜烘皯鍏卞拰鍥芥硶寰嬨�佹硶瑙勫強瑙勭珷绠¤緰锛岃嫢鐢ㄦ埛涓庢湰鍗曚綅灏辨湇鍔℃潯娆惧彂鐢熶换浣曚簤璁紝鍙屾柟搴斿敖閲忓弸濂藉崗鍟嗚В鍐筹紱鍗忓晢涓嶆垚鏃讹紝浠讳綍涓�鏂瑰簲鍚戞垚閮戒徊瑁佸浠茶瑙ｅ喅銆�
+ </p>
+ <p>鎰熻阿鎮ㄥ鏈钩鍙板拰鏈嶅姟鐨勪俊浠诲拰浣跨敤锛�</p>
+ </el-scrollbar>
+ <!-- <p class="text-center xieyi">娉ㄥ唽鍗忚</p> -->
+ </div>
+ </div>
+ <div v-else-if="active == 1" 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-select
+ v-model="state.ruleForm.enterpriseType"
+ placeholder="璇烽�夋嫨"
+ clearable
+ multiple
+ >
+ <el-option
+ v-for="item in state.enterpriseList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.code"
+ />
+ </el-select>
+ </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
+ v-model="state.ruleForm.transactionName"
+ 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="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-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="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="璇疯緭鍏�"
+ >
+ <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="娉曞畾浠ｈ〃浜�" 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="娉曞畾浠ｈ〃浜�" 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 v-else>
+ <el-result title="鎭枩鎮紝鐧昏瀹屾垚锛�">
+ <template #icon>
+ <img src="@/assets/home/result.png" />
+ </template>
+ <template #extra>
+ <el-button type="primary" @click="toWelcome">纭</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(ruleFormRef)"
+ ><span v-if="active == 1">鍚屾剰</span>涓嬩竴姝�</el-button
+ >
+ </div>
</div>
</div>
</template>
-<script setup>
+<script setup lang="tsx">
+import { h, ref, reactive, onMounted } from "vue";
+import { useNav } from "@/layout/hooks/useNav";
+import { useUserStoreHook } from "@/store/modules/user";
+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";
+import {
+ enterpriseTypes,
+ createrExRolsInformation
+} from "@/api/register/index.ts";
+import { cloneDeep } from "@pureadmin/utils";
+import { getToken } from "@/utils/auth";
+import { useRoute, useRouter } from "vue-router";
+const router = useRouter();
+const { route, username, userRoles } = useNav();
+
defineOptions({
name: "RegisterNav"
});
+const ruleFormRef = ref<FormInstance>();
+const state = reactive({
+ headers: {
+ // Accept: "application/json, text/plain, */*",
+ // "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+ // "X-Requested-With": "XMLHttpRequest",
+ Authorization: `Bearer ${getToken()?.accessToken}`
+ },
+ isShowPassword: false,
+ ruleForm: {
+ // 涓婚敭锛堝敮涓�鏍囪瘑锛�
+ 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锛屽彲绌�
+ },
+ enterpriseList: [],
+ type: "",
+ rules: {
+ 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" }
+ ],
+ enterpriseName: [
+ { required: true, message: "璇疯緭鍏ヤ紒涓氬悕绉�", trigger: "blur" }
+ ],
+ unifiedSocialCreditCode: [
+ { required: true, message: "璇疯緭鍏ョ粺涓�绀句細淇＄敤浠ｇ爜", trigger: "blur" }
+ ],
+ registeredCapital: [
+ { required: true, message: "璇疯緭鍏ユ敞鍐岃祫閲�", trigger: "blur" }
+ ],
+ legalRepresentativeName: [
+ { required: true, message: "璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕", trigger: "blur" }
+ ],
+ legalRepresentativeIdCard: [
+ { required: true, message: "璇蜂笂浼犳硶瀹氫唬琛ㄤ汉韬唤璇�", trigger: "change" }
+ ],
+ legalRepresentativeIdNumber: [
+ {
+ required: true,
+ message: "璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉韬唤璇佸彿鐮�",
+ trigger: "blur"
+ }
+ ],
+ legalRepresentativePhone: [
+ { required: true, message: "璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉鑱旂郴鐢佃瘽", trigger: "blur" },
+ {
+ type: "string",
+ pattern: /^1[3-9]\d{9}$/,
+ message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
+ trigger: "blur"
+ }
+ ],
+ residence: [
+ { required: true, message: "璇烽�夋嫨浼佷笟浣忔墍", trigger: "change" }
+ ],
+ enterprisePhone: [
+ { required: true, message: "璇疯緭鍏ヤ紒涓氳仈绯荤數璇�", trigger: "blur" },
+ {
+ type: "string",
+ pattern: /^1[3-9]\d{9}$/,
+ message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
+ trigger: "blur"
+ }
+ ],
+ establishmentTime: [
+ { required: true, message: "璇烽�夋嫨浼佷笟鎴愮珛鏃堕棿", trigger: "change" }
+ ],
+ mainBusiness: [
+ { required: true, message: "璇疯緭鍏ヤ紒涓氫富钀ヤ笟鍔�", trigger: "blur" }
+ ],
+ enterpriseEmail: [
+ { required: true, message: "璇疯緭鍏ヤ紒涓氶偖绠�", trigger: "blur" },
+ { type: "email", message: "璇疯緭鍏ユ纭殑閭鍦板潃", trigger: "blur" }
+ ],
+ operatorName: [
+ { required: true, message: "璇疯緭鍏ヤ笟鍔＄粡鍔炰汉濮撳悕", trigger: "blur" }
+ ],
+ operatorIdCard: [
+ { required: true, message: "璇蜂笂浼犱笟鍔＄粡鍔炰汉韬唤璇�", trigger: "change" }
+ ],
+ operatorIdNumber: [
+ {
+ required: true,
+ message: "璇疯緭鍏ヤ笟鍔＄粡鍔炰汉韬唤璇佸彿鐮�",
+ trigger: "blur"
+ }
+ ],
+ operatorPhone: [
+ { required: true, message: "璇疯緭鍏ヤ笟鍔＄粡鍔炰汉鑱旂郴鐢佃瘽", trigger: "blur" },
+ {
+ type: "string",
+ pattern: /^1[3-9]\d{9}$/,
+ message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
+ trigger: "blur"
+ }
+ ],
+ bankName: [
+ { required: true, message: "璇疯緭鍏ヤ紒涓氬紑鎴疯", trigger: "blur" }
+ ],
+ bankAccount: [
+ { required: true, message: "璇疯緭鍏ヤ紒涓氶摱琛岃处鍙�", trigger: "blur" }
+ ]
+ },
+ loading: {
+ signIn: false
+ },
+ captchaImage: "",
+ rotateVerifyVisible: false,
+ // rotateVerifyImg: verifyImg,
+ // rotateVerifyImg: themeConfig.value.logoUrl,
+ secondVerEnabled: false,
+ // captchaEnabled: false,
+ isPassRotate: false,
+ capsLockVisible: false,
+ hideTenantForLogin: false,
+ expirySeconds: 60, // 楠岃瘉鐮佽繃鏈熸椂闂�
+ phoneSeconds: 0, // 鎵嬫満楠岃瘉鐮佸�掕鏃�
+ roleList: []
+});
+const toWelcome = () => {
+ router.replace("welcome");
+};
+// 椤甸潰鍒濆鍖�
+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 res = await enterpriseTypes();
+ state.enterpriseList = res?.result;
+});
+let active = ref(0);
+const nextStep = async (formEl: FormInstance | undefined) => {
+ if (active.value >= 1) {
+ if (!formEl) return;
+ await formEl.validate((valid, fields) => {
+ if (valid) {
+ 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") {
+ // 鎮ㄧ偣鍑讳簡鍙栨秷鎸夐挳
+ // active.value -= 1;
+ } else if (args?.command === "sure") {
+ sumbitData();
+ } else {
+ }
+ }
+ });
+ return;
+ } else {
+ return;
+ console.log("error submit!", fields);
+ }
+ });
+ return;
+ }
+
+ active.value += 1;
+};
+const backStep = () => {
+ active.value -= 1;
+};
+// 鎻愪氦浼佷笟娉ㄥ唽淇℃伅
+const sumbitData = async () => {
+ let obj = cloneDeep(state.ruleForm);
+ obj.enterpriseType = state.ruleForm.enterpriseType.join(",");
+ let res = await createrExRolsInformation(obj);
+ if (res.code == "200") {
+ active.value = 3;
+ } else {
+ message(res.message, {
+ type: "error"
+ });
+ }
+};
+const handleAvatarSuccess: UploadProps["onSuccess"] = (
+ response,
+ uploadFile
+) => {
+ if (response.code == "200") {
+ // state.ruleForm.businessLicense = URL.createObjectURL(uploadFile.raw!);
+ let res = response.result;
+ state.ruleForm.businessLicense = res.url; // 钀ヤ笟鎵х収鏂囦欢璺緞
+ state.ruleForm.enterpriseName = res.info.Name; // 浼佷笟鍚嶇О
+ state.ruleForm.unifiedSocialCreditCode = res.info.RegNum; // 缁熶竴绀句細淇＄敤浠ｇ爜
+ state.ruleForm.registeredCapital = res.info.Capital; // 娉ㄥ唽璧勯噾锛堝崟浣嶏細涓囧厓锛�
+ state.ruleForm.legalRepresentativeName = res.info.Person; // 娉曞畾浠ｈ〃浜哄鍚�
+ state.ruleForm.establishmentTime = res.info.SetDate; // 浼佷笟鎴愮珛鏃堕棿锛堟牸寮忕ず渚嬶細2025-07-08 14:56:54锛�
+ state.ruleForm.residence = res.info.Address; // 浼佷笟浣忔墍锛堜笅鎷夐�夋嫨锛屾殏浠ュ瓧绗︿覆鎺ユ敹锛�
+ state.ruleForm.mainBusiness = res.info.Business; // 浼佷笟涓昏惀涓氬姟
+ } else {
+ message(response.message, {
+ type: "error"
+ });
+ }
+};
+
+const handleAvatarSuccessLegalRepresentative: UploadProps["onSuccess"] = (
+ response,
+ uploadFile
+) => {
+ console.log(response);
+ if (response.code == "200") {
+ // state.ruleForm.businessLicense = URL.createObjectURL(uploadFile.raw!);
+ let res = response.result;
+ state.ruleForm.legalRepresentativeIdCard = res.url; // 娉曞畾浠ｈ〃浜鸿韩浠借瘉鏂囦欢璺緞
+ state.ruleForm.legalRepresentativeIdNumber = res.info.IdNum; // 娉曞畾浠ｈ〃浜鸿韩浠借瘉鍙风爜
+ } else {
+ message(response.message, {
+ type: "error"
+ });
+ }
+};
+
+const handleAvatarSuccessOperator: UploadProps["onSuccess"] = (
+ response,
+ uploadFile
+) => {
+ if (response.code == "200") {
+ // state.ruleForm.businessLicense = URL.createObjectURL(uploadFile.raw!);
+ let res = response.result;
+ state.ruleForm.operatorName = res.info.Name; // 涓氬姟缁忓姙浜哄鍚�
+ state.ruleForm.operatorIdCard = res.url; // 涓氬姟缁忓姙浜鸿韩浠借瘉鏂囦欢璺緞鎴栨爣璇嗭紙涓婁紶鍚庡瓨鍌ㄤ俊鎭級
+ state.ruleForm.operatorIdNumber = res.info.IdNum; // 涓氬姟缁忓姙浜鸿韩浠借瘉鍙风爜
+ } else {
+ message(response.message, {
+ type: "error"
+ });
+ }
+};
+
+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 {
background-color: #f8f8f8;
width: 100%;
- height: 100%;
+ min-height: 100%;
.header {
display: flex;
align-items: center;
@@ -32,5 +752,27 @@
margin: 0 auto;
}
}
+ :deep .el-step__icon {
+ font-size: 12px;
+ height: 20px;
+ width: 20px;
+ }
+ p {
+ font-size: 16px;
+ line-height: 30px;
+ }
+ h3 {
+ font-size: 1.17em;
+ line-height: 30px;
+ }
+}
+:deep .el-step__title {
+ font-size: 12px;
+}
+.xieyi {
+ color: #303133;
+ font-size: 20px;
+ font-weight: 700;
+ margin-bottom: 20px;
}
</style>
--
Gitblit v1.9.1