From 16f14dc6b2fb3f2cd5a7f7ec21a5a62a22bcdd64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?=
 =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com>
Date: Tue, 22 Apr 2025 18:09:16 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BC=98=E5=8C=96=E6=96=B0=E5=A2=9E=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=202.=E4=BC=98=E5=8C=96=E7=BC=96=E8=BE=91=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=203.=E4=BC=98=E5=8C=96=E5=85=A5=E4=BC=9A=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/register/index.vue |  185 +-
 src/pages/user/user_add.vue  | 3189 ++++++++++++++++++------------
 src/pages/user/user_edit.vue | 3607 ++++++++++++++++++++++------------
 src/pages/user/user_info.vue |    9 +-
 4 files changed, 4425 insertions(+), 2565 deletions(-)

diff --git a/src/pages/register/index.vue b/src/pages/register/index.vue
index 350f0a1..8d4d654 100644
--- a/src/pages/register/index.vue
+++ b/src/pages/register/index.vue
@@ -4,7 +4,7 @@
     <!-- <div>
       <img src="https://hnyea.0rui.cn/uploads/1/20240820/7c06389c1dd2fbd4f2d191cdb6c67bb1.png" style="width: 100%"/>
     </div> -->
-    <div style="width: 88%;">
+    <div class="reg_box">
       <div>
         <div style="background-color: #fff;border-radius: 10px;padding: 20px;">
           <div
@@ -75,7 +75,7 @@
                   :data="{ association_id: 1 }" accept="image/*"
                   :format-response="(response) => formatResponse(response, 1)">
                   <div class="sfz">
-                    <img v-if="formData.cardz_image == ''" src="/src/assets/card1.png"
+                    <img v-if="formData.cardz_image == ''" src="@/assets/card1.png"
                       style="width: 220px; height: 124px;">
                     <img v-if="formData.cardz_image != ''" :src="$store.state.user.apiUrl + formData.cardz_image"
                       style="width: 220px; height: 124px;object-fit: cover;" />
@@ -90,7 +90,7 @@
                 <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" :data="{ association_id: 1 }"
                   theme="custom" accept="image/*" :format-response="(response) => formatResponse(response, 2)">
                   <div class="sfz">
-                    <img v-if="formData.cardf_image == ''" src="/src/assets/card2.png"
+                    <img v-if="formData.cardf_image == ''" src="@/assets/card2.png"
                       style="width: 220px; height: 124px;">
                     <img v-if="formData.cardf_image != ''" :src="$store.state.user.apiUrl + formData.cardf_image"
                       style="width: 220px; height: 124px;object-fit: cover;" />
@@ -110,7 +110,7 @@
                   <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" :data="{ association_id: 1 }"
                     theme="custom" accept="image/*" :format-response="(response) => formatResponse(response, 0)">
                     <div class="sfz">
-                      <img v-if="formData.photo_image == ''" src="/src/assets/card3.png"
+                      <img v-if="formData.photo_image == ''" src="@/assets/card3.png"
                         style="width: 220px; height: 310px" />
                       <img v-if="formData.photo_image != ''" :src="$store.state.user.apiUrl + formData.photo_image"
                         style="width: 220px; height: 310px" />
@@ -123,7 +123,7 @@
                   ">
                     <img :src="$store.state.user.apiUrl + formData.photo_image" style="width: 200px; display: block"
                       v-if="formData.photo_image != ''" />
-                    <img v-if="formData.photo_image == ''" src="/src/assets/card3.png">
+                    <img v-if="formData.photo_image == ''" src="@/assets/card3.png">
                   </div>
                 </div> -->
                 <t-form layout="inline" labelAlign="top">
@@ -269,7 +269,7 @@
                     </t-form-item>
                     <t-form-item label=" ">
                       <div>
-                        <img src="/src/assets/del.png" @click="delHj(index)"
+                        <img src="@/assets/del.png" @click="delHj(index)"
                           style="cursor: pointer;width: 30px;height: 30px;" />
                       </div>
                     </t-form-item>
@@ -295,7 +295,7 @@
                     </t-form-item>
                     <t-form-item label=" ">
                       <div>
-                        <img src="/src/assets/del.png" @click="delWork(index)"
+                        <img src="@/assets/del.png" @click="delWork(index)"
                           style="cursor: pointer;width: 30px;height: 30px;" />
                       </div>
                     </t-form-item>
@@ -316,7 +316,7 @@
                   <t-space direction="vertical">
                     <t-form>
                       <t-form-item>
-                        <t-checkbox-group v-model="formData.main_social_positions">
+                        <t-checkbox-group v-model="formData.main_social">
                           <t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
                           <t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
                           <t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
@@ -451,7 +451,7 @@
                   :data="{ association_id: 1 }" accept="image/*,.pdf"
                   :format-response="(response) => formatResponse(response, 3)">
                   <div class="sfz">
-                    <img v-if="formData.business_license_image == ''" src="/src/assets/c4.png"
+                    <img v-if="formData.business_license_image == ''" src="@/assets/c4.png"
                       style="width:220px; height: 124px" />
                     <img
                       v-if="formData.business_license_image != '' && getExt(formData.business_license_image) != 'pdf'"
@@ -472,8 +472,7 @@
                   :data="{ association_id: 1 }" accept="image/*"
                   :format-response="(response) => formatResponse(response, 6)">
                   <div class="sfz">
-                    <img v-if="formData.company_image == ''" src="/src/assets/c5.png"
-                      style="width:220px; height: 124px" />
+                    <img v-if="formData.company_image == ''" src="@/assets/c5.png" style="width:220px; height: 124px" />
                     <img v-if="formData.company_image != ''" :src="$store.state.user.apiUrl + formData.company_image"
                       style="width:220px; height: 124px;object-fit: cover;" />
                   </div>
@@ -488,7 +487,7 @@
                   :data="{ association_id: 1 }" accept="image/*,.pdf"
                   :format-response="(response) => formatResponse(response, 7)">
                   <div class="sfz">
-                    <img v-if="formData.enterprise_credit_report == ''" src="/src/assets/c3.png"
+                    <img v-if="formData.enterprise_credit_report == ''" src="@/assets/c3.png"
                       style="width:220px; height: 124px" />
                     <img
                       v-if="formData.enterprise_credit_report != '' && getExt(formData.enterprise_credit_report) != 'pdf'"
@@ -510,7 +509,7 @@
                   :data="{ association_id: 1 }" accept="image/*,.pdf"
                   :format-response="(response) => formatResponse(response, 9)">
                   <div class="sfz">
-                    <img v-if="formData.certificate_of_no_criminal_record == ''" src="/src/assets/c1.png"
+                    <img v-if="formData.certificate_of_no_criminal_record == ''" src="@/assets/c1.png"
                       style="width:220px; height: 124px" />
                     <img
                       v-if="formData.certificate_of_no_criminal_record != '' && getExt(formData.certificate_of_no_criminal_record) != 'pdf'"
@@ -533,7 +532,7 @@
                   :format-response="(response) => formatResponse(response, 10)">
                   <div class="sfz">
                     <img v-if="formData.certificate_of_business_tax_payment_for_the_previous_year == ''"
-                      src="/src/assets/c1.png" style="width:220px; height: 124px" />
+                      src="@/assets/c1.png" style="width:220px; height: 124px" />
                     <img
                       v-if="formData.certificate_of_business_tax_payment_for_the_previous_year != '' && getExt(formData.certificate_of_business_tax_payment_for_the_previous_year) != 'pdf'"
                       :src="$store.state.user.apiUrl + formData.certificate_of_business_tax_payment_for_the_previous_year"
@@ -554,7 +553,7 @@
                   :data="{ association_id: 1 }" accept="image/*"
                   :format-response="(response) => formatResponse(response, 8)">
                   <div class="sfz">
-                    <img v-if="formData.enterprise_credit_information_report == ''" src="/src/assets/c1.png"
+                    <img v-if="formData.enterprise_credit_information_report == ''" src="@/assets/c1.png"
                       style="width:220px; height: 124px" />
                     <img
                       v-if="formData.enterprise_credit_information_report != '' && getExt(formData.enterprise_credit_information_report) != 'pdf'"
@@ -587,7 +586,7 @@
                     </t-form-item>
                     <t-form-item label=" ">
                       <div>
-                        <img src="/src/assets/del.png" @click="delContacts(index)"
+                        <img src="@/assets/del.png" @click="delContacts(index)"
                           style="cursor: pointer;width: 30px;height: 30px;" />
                       </div>
                     </t-form-item>
@@ -653,7 +652,7 @@
                         <div @click.stop="delZl(index)"
                           style="z-index: 100;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;">
                           <div style="position: absolute;left: 0;right: 0;top:35%;bottom: 0;margin: auto;">
-                            <img src="/src/assets/del.png" style="width: 30px;height: 30px;">
+                            <img src="@/assets/del.png" style="width: 30px;height: 30px;">
                             <div style="color: #ffffff;font-size: 14px;">删除文件</div>
                           </div>
                         </div>
@@ -662,7 +661,7 @@
                         <img v-if="getExt(item) != 'pdf'" :src="$store.state.user.apiUrl + item"
                           style="width: 100%; height: 100%;object-fit: cover;" />
                       </div>
-                      <img src="/src/assets/card4.png" style="width: 220px;height: 293px;" />
+                      <img src="@/assets/card4.png" style="width: 220px;height: 293px;" />
                     </div>
                   </t-upload>
                 </div>
@@ -737,9 +736,8 @@
                       <span style="color: #d54941;">*</span>
                       <span>国家/城市</span>
                     </div>
-                    <t-cascader :load="load"  size="large" :input-props="inputProps"
-                      v-model="formData.abroad_region" value-type="full" :options="internationa_list"
-                      style="width:500px;"></t-cascader>
+                    <t-cascader :load="load" size="large" :input-props="inputProps" v-model="formData.abroad_region_arr"
+                    value-type="full"  :options="internationa_list" style="width:500px;"></t-cascader>
                   </div>
                   <div>
                     <div style="margin-bottom: 10px;">
@@ -870,7 +868,7 @@
                       </t-form-item>
                       <t-form-item label=" ">
                         <div>
-                          <img src="/src/assets/del.png" @click="delParty(index)"
+                          <img src="@/assets/del.png" @click="delParty(index)"
                             style="cursor: pointer;width: 30px;height: 30px;" />
                         </div>
                       </t-form-item>
@@ -943,7 +941,7 @@
                       </t-form-item>
                       <t-form-item label=" ">
                         <div>
-                          <img src="/src/assets/del.png" @click="delTuan(index)"
+                          <img src="@/assets/del.png" @click="delTuan(index)"
                             style="cursor: pointer;width: 30px;height: 30px;" />
                         </div>
                       </t-form-item>
@@ -954,7 +952,7 @@
               </div>
             </div>
             <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
-            <div id="submit" style="padding: 50px 0px; text-align: center">
+            <div id="submit" style="text-align: center;margin-top: 20px;">
               <t-button @click="submit" size="large">确定保存</t-button>
               <!-- <t-button size="large" @click="download" theme="warning" style="margin-left: 50px">生成PDF</t-button> -->
             </div>
@@ -999,8 +997,7 @@
         </div>
       </t-dialog> -->
     </div>
-    <div class="right_card_box"
-      style="background-color: #fff;border-radius: 10px;width: 12%;height: 80%;;position: fixed;right: 0;overflow-y: auto;">
+    <div class="right_card_box">
       <t-collapse v-model="collapse" :expand-icon="false" :borderless="true" style="width: 100%;">
         <t-collapse-panel v-for="(item, index) in right_card_list" :key="index">
           <template #header>
@@ -1144,7 +1141,8 @@ export default {
           post: '',
           phone: '',
         }],
-        main_social_positions: [],//社会职务
+        main_social_positions: '',//社会职务
+        main_social: [],
         other_social_positions: '',//其他社会职务
         enterprise_name: '',//企业名称
         unified_code: '',//统一社会信用代码
@@ -1175,8 +1173,9 @@ export default {
         qitaqiyerenzhiqingkuang: '',//其他企业人员资质情况
         enterprise_lvxingzeren: '',//企业履行社会责任情况
         if_abroad: null,//是否海外业务 1开展 2不开展
-        abroad_region_id: null,//海外业务区域
-        abroad_region: [],//海外业务区域
+        abroad_region_id: '',//海外业务区域
+        abroad_region_arr: [],
+        abroad_region: '',
         staff_size: '',//人员规模
         last_year_local_revenue: '',//上年度本地营业收入
         business_case: '',//经营情况
@@ -1384,6 +1383,8 @@ export default {
         //1.3
         if (newVal.region_id != '' && newVal.mail_address != '' && newVal.phone != '' && newVal.zip_code != '' && newVal.photo_image != '' && newVal.nikename != '' && newVal.gender != null && newVal.birth_time != '' && newVal.nation != '' && newVal.political != '' && newVal.jiguan != '' && newVal.institution != '' && newVal.education != '' && newVal.academic_degree != '' && newVal.card_number != '' && newVal.work_unit != '' && newVal.unit_position != '') {
           this.right_card_list[0].content[2].ok = true;
+        } else {
+          this.right_card_list[0].content[2].ok = false;
         }
         //1111111
         if (this.right_card_list[0].content[0].ok && this.right_card_list[0].content[1].ok && this.right_card_list[0].content[2].ok) {
@@ -1405,7 +1406,7 @@ export default {
             this.right_card_list[1].content[2].ok = true;
           }
         }//2.4
-        if (newVal.main_social_positions.length > 0) {
+        if (newVal.main_social.length > 0) {
           this.right_card_list[1].content[3].ok = true;
         } else {
           this.right_card_list[1].content[3].ok = false;
@@ -1451,7 +1452,7 @@ export default {
           this.right_card_list[4].content[0].ok = false;
         }
         if (newVal.if_abroad == 1) {
-          if (newVal.abroad_region_id != null && newVal.staff_size != '') {
+          if (newVal.abroad_region_arr.length > 0 || newVal.abroad_region_id != '' && newVal.staff_size != '') {
             this.right_card_list[4].content[1].ok = true;
           }
           if (newVal.business_case != '') {
@@ -1493,7 +1494,7 @@ export default {
           //     id: 'duihuahezuo',
           //     ok: false,
           //   });
-          console.log(this.right_card_list[4].content);
+          //console.log(this.right_card_list[4].content);
         } else {
           this.right_card_list[4].content = [
             {
@@ -1514,6 +1515,9 @@ export default {
   beforeDestroy() {
     window.removeEventListener('scroll', this.handleScroll);
   },
+  destroyed() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
   mounted() {
     window.addEventListener('scroll', this.handleScroll);
     console.log(this.$route.query.id);
@@ -1586,10 +1590,10 @@ export default {
         .then((res) => {
           console.log(res);
           const nodes = res.data.map(item => ({
-              value: item.id,
-              label: item.name,
-              children: item.children
-            }));
+            value: item.id,
+            label: item.name,
+            children: item.children
+          }));
           this.internationa_list = nodes;
         })
         .catch((e) => {
@@ -1640,7 +1644,7 @@ export default {
         return;
       }
       const link = document.createElement('a');
-      link.href = `https://hnyea.0rui.cn/api/move/pdf_member/exportPdf?openid=${this.formData.openid}`;
+      link.href = `http://192.168.10.140/api/move/pdf_member/exportPdf?openid=${this.formData.openid}`;
       link.target = '_blank'; // 新标签页打开
       link.rel = 'noopener noreferrer'; // 安全考虑
       link.style.display = 'none';
@@ -1817,11 +1821,12 @@ export default {
             } else {
               this.formData.other = JSON.parse(res.data.other_contacts);
             }
+            this.formData.main_social_positions = res.data.main_social_positions;
             //社会职务
             if (res.data.main_social_positions == '' || res.data.main_social_positions == null) {
-              this.formData.main_social_positions = [];
+              this.formData.main_social = [];
             } else {
-              this.formData.main_social_positions = res.data.main_social_positions.split(',');
+              this.formData.main_social = res.data.main_social_positions.split(',');
             }
             //其他社会职务
             this.formData.other_social_positions = res.data.other_social_positions;
@@ -1885,11 +1890,40 @@ export default {
             this.formData.enterprise_lvxingzeren = res.data.enterprise_lvxingzeren;
             //是否海外业务
             this.formData.if_abroad = res.data.if_abroad;
+            if (res.data.if_abroad == 1) {
+              this.right_card_list[4].content.push(
+                {
+                  title: '2.区域与资源',
+                  active: false,
+                  id: 'haiwiquyu',
+                  ok: false,
+                },
+                {
+                  title: '3.财务与运营',
+                  active: false,
+                  id: 'caiwuyunying',
+                  ok: false,
+                },
+                {
+                  title: '4.对华合作',
+                  active: false,
+                  id: 'duihuahezuo',
+                  ok: false,
+                });
+            }
             //海外业务区域
-            this.formData.abroad_region_id = res.data.abroad_region_id;
-            //var arr = res.data.abroad_region_id.split(',');
-            //const result = arr.map((_, i) => arr.slice(0, i + 1).join('-'));
-            this.inputProps.value = '1 / 2 / 3 / 4';
+            if (res.data.abroad_region_id == '' || res.data.abroad_region_id == null) {
+              this.formData.abroad_region_id = '';
+            } else {
+              //var arr = res.data.abroad_region_id.split(',');
+              //const result = arr.map((_, i) => arr.slice(0, i + 1).join('-'));
+              //选择
+             // this.formData.abroad_region_arr = result;
+              //信息
+              this.formData.abroad_region_id = res.data.abroad_region_id;
+              //名字
+              this.inputProps.value = res.data.abroad_region;
+            }
             //人员规模
             this.formData.staff_size = res.data.staff_size;
             //上年度本地营业收入
@@ -1911,11 +1945,11 @@ export default {
             //上级党组织
             this.formData.manager_party = res.data.manager_party;
             //党组织负责人 
-            this.formData.dangweifuzerenxinxi = res.data.dangweifuzerenxinxi;
-            if (res.data.dangweifuzerenxinxi == '' || res.data.dangweifuzerenxinxi == null) {
+            this.formData.party_json = res.data.party_json;
+            if (res.data.party_json == '' || res.data.party_json == null) {
               this.formData.dang = [];
             } else {
-              this.formData.dang = JSON.parse(res.data.dangweifuzerenxinxi);
+              this.formData.dang = JSON.parse(res.data.party_json);
             }
             //是否建立团组织
             this.formData.if_organization = res.data.if_organization;
@@ -2096,18 +2130,26 @@ export default {
         return;
       } else {
         //转json字符串
+        console.log(typeof this.formData.work);
+
         //把work里面的time转成年月日 至 年月日
-        this.formData.work.forEach(item => {
-          item.time = item.time[0] + '至' + item.time[1];
-        });
-        this.formData.work_experience = JSON.stringify(this.formData.work);
+        if (typeof this.formData.work == 'object') {
+          this.formData.work.forEach(item => {
+            if (typeof item.time == 'object') {
+              item.time = item.time[0] + '至' + item.time[1];
+            } else {
+              item.time = item.time;
+            }
+          });
+          this.formData.work_experience = JSON.stringify(this.formData.work);
+        }
       }
-      if (this.formData.main_social_positions == null || this.formData.main_social_positions.length == 0) {
+      if (this.formData.main_social == null || this.formData.main_social.length == 0) {
         this.$message.error('请选择主要社会职务！');
         return;
       } else {
         //数组转字符串
-        this.formData.main_social_positions = this.formData.main_social_positions.join(',');
+        this.formData.main_social_positions = this.formData.main_social.join(',');
       }
       // if (this.formData.other_social_positions == null || this.formData.other_social_positions == '') {
       //   this.$message.error('请输入其他社会职务资料！');
@@ -2227,11 +2269,11 @@ export default {
         return;
       }
       if (this.formData.if_abroad == 1) {
-        if (this.formData.abroad_region.length == 0) {
+        if (this.formData.abroad_region_arr.length == 0) {
           this.$message.error('请选择国家/城市!');
           return;
         } else {
-          this.formData.abroad_region_id = this.formData.abroad_region.join(',');
+          this.formData.abroad_region_id = this.formData.abroad_region_arr.join(',');
         }
         if (this.formData.staff_size == null || this.formData.staff_size == '') {
           this.$message.error('请输入人员规模!');
@@ -2272,7 +2314,7 @@ export default {
           this.$message.error('请输入党委负责人信息!');
           return;
         } else {
-          this.formData.party = JSON.stringify(this.formData.party);
+          this.formData.party_json = JSON.stringify(this.formData.dang);
         }
       }
 
@@ -2281,7 +2323,7 @@ export default {
         this.$message.error('请选择是否成立团组织!');
         return;
       }
-      if (this.formData.if_party == 1) {
+      if (this.formData.if_organization == 0) {
         if (this.formData.nature == null) {
           this.$message.error('请选择团组织性质!');
           return;
@@ -2302,7 +2344,7 @@ export default {
           this.$message.error('请输入上级团组织!');
           return;
         }
-        if (this.formData.party.length == 0) {
+        if (this.formData.tuan.length == 0) {
           this.$message.error('请输入团组织负责人信息!');
           return;
         } else {
@@ -2325,7 +2367,7 @@ export default {
           // setTimeout(() => {
           //   this.$router.push(`/login?id=`+this.id);
           // }, 1000);
-          //this.getInfo();
+          this.getInfo();
         })
         .catch((e) => {
           console.log(e);
@@ -2381,10 +2423,10 @@ export default {
       this.formData.enterprise.splice(index, 1);
     },
     delParty(index) {
-      this.formData.party.splice(index, 1);
+      this.formData.dang.splice(index, 1);
     },
     addParty() {
-      this.formData.party.push({
+      this.formData.dang.push({
         name: '',
         sex: '',
         danwei_zhiwu: '',
@@ -2713,4 +2755,27 @@ export default {
 .input_box_end {
   width: 565px;
 }
+
+.reg_box {
+  width: 88%;
+}
+
+.right_card_box {
+  background-color: #fff;
+  border-radius: 10px;
+  width: 12%;
+  height: 80%;
+  position: fixed;
+  right: 0;
+  overflow-y: auto;
+}
+@media screen and (max-width: 1440px) {
+  .reg_box {
+    width: 84%;
+  }
+  .right_card_box{
+    width: 16%;
+    right: 0px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/user/user_add.vue b/src/pages/user/user_add.vue
index 04f2a3e..034eb84 100644
--- a/src/pages/user/user_add.vue
+++ b/src/pages/user/user_add.vue
@@ -1,22 +1,29 @@
 <template>
-  <div class="detail-base">
-    <t-card title="新增会员" :bordered="false" class="info-block">
-      <div style="padding: 20px; margin-top: 20px">
-        <div>
-          <div>
-            <div style="color: #2e2e2e; font-size: 30px">1.入会资料</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="padding: 30px 0px">
+  <div ref="add_user" style="display: flex;justify-content: space-between;gap:20px;">
+    <!-- <div>
+      <img src="https://hnyea.0rui.cn/uploads/1/20240820/7c06389c1dd2fbd4f2d191cdb6c67bb1.png" style="width: 100%"/>
+    </div> -->
+    <div>
+      <div>
+        <div style="background-color: #fff;border-radius: 10px;padding: 20px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">入会申请</div>
+          </div>
+          <div style="padding: 0px 15px">
+            <div id="tuijian" class="title_box">1.推荐信息</div>
+            <div>
               <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                <t-form-item name="name" label="推荐方式">
+                <t-form-item name="name" label="推荐方式" :requiredMark="true">
                   <t-select size="large" v-model="formData.reporting_method">
-                    <t-option label="个人自荐" value="3" />
-                    <t-option label="会员推荐" value="2" />
-                    <t-option label="组织推荐" value="1" />
+                    <t-option label="组织推荐" :value="1" />
+                    <t-option label="会员推荐" :value="2" />
+                    <t-option label="个人自荐" :value="3" />
                   </t-select>
                 </t-form-item>
                 <template v-if="formData.reporting_method == 3">
-                  <t-form-item name="name" label="来源渠道">
+                  <t-form-item name="name" label="来源渠道" :requiredMark="true">
                     <t-select size="large" v-model="formData.source_channel" placeholder="请选择来源渠道">
                       <t-option value="网络来源" label="网络来源" key="网络来源"></t-option>
                       <t-option value="微信公众号来源" label="微信公众号来源" key="微信公众号来源"></t-option>
@@ -26,35 +33,26 @@
                   </t-form-item>
                 </template>
                 <template v-if="formData.reporting_method == 1">
-                  <t-form-item name="name" label="推荐地市">
+                  <t-form-item name="name" label="推荐地市" :requiredMark="true">
                     <t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
-                      <t-option
-                        v-for="item in region_list"
-                        :value="item.label"
-                        :label="item.label"
-                        :key="item.label"
-                      ></t-option>
+                      <t-option v-for="item in region_list" :value="item.label" :label="item.label"
+                        :key="item.label"></t-option>
                     </t-select>
                   </t-form-item>
                 </template>
                 <template v-if="formData.reporting_method == 2">
-                  <t-form-item name="name" label="推荐人姓名">
-                    <t-input size="large" v-model="formData.recommendation_id" placeholder="推荐人姓名" />
+                  <t-form-item name="name" label="推荐人姓名" :requiredMark="true">
+                    <t-select v-model="formData.recommendation_name" filterable placeholder="推荐人姓名"
+                      :options="member_list" :keys="{ value: 'id', label: 'nikename', key: 'id' }" size="large"
+                      @change="getMemberInfo"></t-select>
                   </t-form-item>
-                  <t-form-item label="推荐人单位名称及职务">
-                    <t-input
-                      size="large"
-                      v-model="formData.recommendation_content"
-                      placeholder="推荐人单位名称及职务"
-                    />
+                  <t-form-item label="推荐人单位名称及职务" :requiredMark="true">
+                    <t-input size="large" readonly v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务" />
                   </t-form-item>
                 </template>
-                <t-form-item label="意向协会职务">
-                  <t-select
-                    size="large"
-                    v-model="formData.intentional_association_position"
-                    :style="{ width: '200px' }"
-                  >
+                <t-form-item label="意向协会职务" :requiredMark="true">
+                  <t-select size="large" v-model="formData.intentional_association_position"
+                    :style="{ width: '200px' }">
                     <t-option key="会员" label="会员" value="会员"></t-option>
                     <t-option key="理事" label="理事" value="理事"></t-option>
                     <t-option key="常务理事" label="常务理事" value="常务理事"></t-option>
@@ -63,84 +61,100 @@
               </t-form>
             </div>
           </div>
-          <div style="margin-top: 20px">
-            <div style="color: #2e2e2e; font-size: 30px">2.基本信息</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="display: flex; justify-items: center; padding: 30px 0px">
-              <div style="width: 50%">
-                <div>证件照</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div class="t-upload" @click="openCai" style="margin-top: 20px">
-                  <div
-                    style="
-                      cursor: pointer;
-                      text-align: center;
-                      width: 200px;
-                      height: 200px;
-                      line-height: 200px;
-                      border: 1px dashed #999999;
-                    "
-                  >
-                    <img
-                      :src="$store.state.user.apiUrl + formData.photo_image"
-                      style="width: 200px; display: block"
-                      v-if="formData.photo_image != '' && formData.photo_image != null"
-                    />
-                    <svg
-                      style="font-size: 35px"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      width="100px"
-                      height="100px"
-                      class="t-icon t-icon-add"
-                      v-if="formData.photo_image == '' || formData.photo_image == null"
-                    >
-                      <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
-                    </svg>
-                  </div>
-                  <small class="t-upload__tips t-size-s">请上传证件照，照片将作为会员证照</small>
+          <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+          <div style="padding: 0px 15px">
+            <div id="shenfen" class="title_box">2.身份信息</div>
+            <div style="display: flex; justify-items: center;">
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>身份证正面:</span>
                 </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 1)">
+                  <div class="sfz">
+                    <img v-if="formData.cardz_image == ''" src="/src/assets/card1.png"
+                      style="width: 220px; height: 124px;">
+                    <img v-if="formData.cardz_image != ''" :src="$store.state.user.apiUrl + formData.cardz_image"
+                      style="width: 220px; height: 124px;object-fit: cover;" />
+                  </div>
+                </t-upload>
               </div>
               <div style="margin-left: 50px">
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>身份证反面:</span>
+                </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" :data="{ association_id: 1 }"
+                  theme="custom" accept="image/*" :format-response="(response) => formatResponse(response, 2)">
+                  <div class="sfz">
+                    <img v-if="formData.cardf_image == ''" src="/src/assets/card2.png"
+                      style="width: 220px; height: 124px;">
+                    <img v-if="formData.cardf_image != ''" :src="$store.state.user.apiUrl + formData.cardf_image"
+                      style="width: 220px; height: 124px;object-fit: cover;" />
+                  </div>
+                </t-upload>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="jiben" class="title_box">3.基本信息</div>
+            <div style="display: flex; justify-items: center;">
+              <div style="width: 50%">
+                <div style="display: flex; align-items: center; margin-bottom: 10px">
+                  <span style="color: #d54941; margin-right: 5px">*</span>
+                  <span style="color: #000;">证件照</span>
+                </div>
+                <div>
+                  <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" :data="{ association_id: 1 }"
+                    theme="custom" accept="image/*" :format-response="(response) => formatResponse(response, 0)">
+                    <div class="sfz">
+                      <img v-if="formData.photo_image == ''" src="/src/assets/card3.png"
+                        style="width: 220px; height: 310px" />
+                      <img v-if="formData.photo_image != ''" :src="$store.state.user.apiUrl + formData.photo_image"
+                        style="width: 220px; height: 310px" />
+                    </div>
+                  </t-upload>
+                </div>
+                <!-- <div class="t-upload" @click="openCai" style="margin-top: 10px">
+                  <div style="
+                    cursor: pointer;
+                  ">
+                    <img :src="$store.state.user.apiUrl + formData.photo_image" style="width: 200px; display: block"
+                      v-if="formData.photo_image != ''" />
+                    <img v-if="formData.photo_image == ''" src="/src/assets/card3.png">
+                  </div>
+                </div> -->
+                <t-form layout="inline" labelAlign="top">
+                  <t-form-item label="邮箱">
+                    <t-input size="large" v-model="formData.mailbox" placeholder="请输入邮箱" style="width: 220px" />
+                  </t-form-item>
+                </t-form>
+              </div>
+              <div style="margin-left: 30px">
                 <t-space direction="vertical">
                   <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                    <t-form-item label="姓名" :rules="[{ required: true, message: '此项必填' }]">
-                      <t-input size="large" v-model="formData.nikename" placeholder="请输入姓名" />
+                    <t-form-item label="姓名" :requiredMark="true">
+                      <t-input size="large" v-model="formData.nikename" placeholder="请输入姓名" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="性别" name="name">
-                      <t-select size="large" v-model="formData.gender" :style="{ width: '200px' }">
+                    <t-form-item label="曾姓名">
+                      <t-input size="large" v-model="formData.ceng_nikename" placeholder="请输入曾姓名" class="input_box" />
+                    </t-form-item>
+                    <t-form-item label="性别" name="name" :requiredMark="true">
+                      <t-select size="large" v-model="formData.gender" class="input_box">
                         <t-option :key="0" label="女" :value="0"></t-option>
                         <t-option :key="1" label="男" :value="1"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="协会职务">
-                      <t-select
-                        size="large"
-                        v-model="formData.position_id"
-                        placeholder="请选择协会职务"
-                        :style="{ width: '200px' }"
-                      >
-                        <t-option
-                          v-for="item in plan_list"
-                          :value="item.id"
-                          :label="item.position_name"
-                          :key="item.id"
-                        ></t-option>
-                      </t-select>
+                    <t-form-item label="出生年月日" :requiredMark="true">
+                      <t-date-picker size="large" v-model="formData.birth_time" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="出生年月日">
-                      <t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.birth_time" />
+                    <t-form-item label="民族" :requiredMark="true">
+                      <t-input size="large" v-model="formData.nation" placeholder="请输入民族" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="民族">
-                      <t-input size="large" v-model="formData.nation" placeholder="请输入民族" />
-                    </t-form-item>
-                    <t-form-item label="政治面貌">
-                      <t-select
-                        size="large"
-                        v-model="formData.political"
-                        placeholder="请选择政治面貌"
-                        :style="{ width: '200px' }"
-                      >
+                    <t-form-item label="政治面貌" :requiredMark="true">
+                      <t-select size="large" v-model="formData.political" placeholder="请选择政治面貌" class="input_box">
+                        <t-option value="群众" label="群众" key="群众"></t-option>
                         <t-option value="中共党员" label="中共党员" key="中共党员"></t-option>
                         <t-option value="中共预备党员" label="中共预备党员" key="中共预备党员"></t-option>
                         <t-option value="共青团员" label="共青团员" key="共青团员"></t-option>
@@ -153,34 +167,26 @@
                         <t-option value="九三学社社员" label="九三学社社员" key="九三学社社员"></t-option>
                         <t-option value="台盟盟员" label="台盟盟员" key="台盟盟员"></t-option>
                         <t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
-                        <t-option value="群众" label="群众" key="群众"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="身份证号码">
-                      <t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码" />
+                    <t-form-item label="身份证号码" :requiredMark="true">
+                      <t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="工作单位">
-                      <t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位" />
+                    <t-form-item label="工作单位" :requiredMark="true">
+                      <t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="单位职务">
-                      <t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务" />
+                    <t-form-item label="单位职务" :requiredMark="true">
+                      <t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="通讯地址">
-                      <t-input size="large" v-model="formData.mail_address" placeholder="请输入通讯地址" />
+
+                    <t-form-item label="籍贯" :requiredMark="true">
+                      <t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="籍贯">
-                      <t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯" />
+                    <t-form-item label="毕业院校" :requiredMark="true">
+                      <t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="毕业院校">
-                      <t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校" />
-                    </t-form-item>
-                    <t-form-item label="学历">
-                      <t-select
-                        size="large"
-                        v-model="formData.education"
-                        placeholder="请选择学历"
-                        :style="{ width: '200px' }"
-                      >
+                    <t-form-item label="学历" :requiredMark="true">
+                      <t-select size="large" v-model="formData.education" placeholder="请选择学历" class="input_box">
                         <t-option value="博士研究生" label="博士研究生" key="博士研究生"></t-option>
                         <t-option value="硕士研究生" label="硕士研究生" key="硕士研究生"></t-option>
                         <t-option value="本科" label="本科" key="本科"></t-option>
@@ -188,332 +194,221 @@
                         <t-option value="其他" label="其他" key="其他"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="学位">
-                      <t-select
-                        size="large"
-                        v-model="formData.academic_degree"
-                        placeholder="请选择学位"
-                        :style="{ width: '200px' }"
-                      >
+                    <t-form-item label="学位" :requiredMark="true">
+                      <t-select size="large" v-model="formData.academic_degree" placeholder="请选择学位" class="input_box">
                         <t-option value="博士" label="博士" key="博士"></t-option>
                         <t-option value="硕士" label="硕士" key="硕士"></t-option>
                         <t-option value="学士" label="学士" key="学士"></t-option>
                         <t-option value="其他" label="其他" key="其他"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="邮编">
-                      <t-input size="large" v-model="formData.zip_code" placeholder="请输入邮编" />
+                    <t-form-item label="邮编" :requiredMark="true">
+                      <t-input size="large" v-model="formData.zip_code" placeholder="请输入邮编" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="手机号" :rules="[{ required: true, message: '此项必填' }]">
-                      <t-input size="large" v-model="formData.phone" placeholder="请输入手机号" />
-                    </t-form-item>
-                    <t-form-item label="邮箱">
-                      <t-input size="large" v-model="formData.mailbox" placeholder="请输入邮箱" />
+                    <t-form-item label="手机号" :requiredMark="true">
+                      <t-input size="large" v-model="formData.phone" placeholder="请输入手机号" class="input_box" />
                     </t-form-item>
                     <t-form-item label="微信">
-                      <t-input size="large" v-model="formData.wx_number" placeholder="请输入微信" />
+                      <t-input size="large" v-model="formData.wx_number" placeholder="请输入微信" class="input_box" />
                     </t-form-item>
+
                     <t-form-item label="固定电话">
-                      <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话" />
+                      <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"
+                        class="input_box" />
                     </t-form-item>
-                    <t-form-item label="所在区域" name="region_id">
-                      <t-cascader
-                        size="large"
-                        v-model="formData.region_id"
-                        :options="region_list"
-                        :style="{ width: '200px' }"
-                      ></t-cascader>
+                    <t-form-item label="所在区域" :requiredMark="true">
+                      <t-cascader size="large" v-model="formData.region_id" :options="region_list"
+                        class="input_box"></t-cascader>
+                    </t-form-item>
+                    <t-form-item label="所在区域详细地址" :requiredMark="true">
+                      <t-input size="large" v-model="formData.mail_address" placeholder="请输入所在区域详细地址"
+                        class="input_box_end" />
                     </t-form-item>
                   </t-form>
                 </t-space>
               </div>
             </div>
+          </div>
+        </div>
+        <div style="background-color: #ffffff; padding: 20px;border-radius: 10px;margin-top: 20px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">个人背景</div>
+          </div>
+          <div style="padding-left: 15px;">
             <div>
-              <div>身份证照</div>
-              <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-              <div style="display: flex; justify-items: center; padding: 30px 0px">
-                <div style="text-align: center">
-                  <div class="sfz">
-                    <span v-if="formData.cardz_image == '' || formData.cardz_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
-                    <img
-                      v-if="formData.cardz_image != '' && formData.cardz_image != null"
-                      :src="$store.state.user.apiUrl + formData.cardz_image"
-                      style="width: 100%; max-height: 200px"
-                    />
-                  </div>
-                  <div style="margin: 10px 0px">请上传身份证正面照片</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.cardz_image_show"
-                    theme="custom"
-                    :data="{ association_id: 1 }"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 1)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
-                </div>
-                <div style="margin-left: 100px; text-align: center">
-                  <div class="sfz">
-                    <span v-if="formData.cardf_image == '' || formData.cardf_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
-                    <img
-                      v-if="formData.cardf_image != '' && formData.cardf_image != null"
-                      :src="$store.state.user.apiUrl + formData.cardf_image"
-                      style="width: 100%; max-height: 200px"
-                    />
-                  </div>
-                  <div style="margin: 10px 0px">请上传身份证背面照片</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.cardf_image_show"
-                    :data="{ association_id: 1 }"
-                    theme="custom"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 2)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
-                </div>
-              </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between">
-              <div style="width: 49%">
-                <div>个人简介</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorJJ"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.introduction"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedJJ(e)"
-                    />
-                  </div>
-                </div>
-              </div>
-              <div style="width: 49%">
-                <div>主要成就以及获奖情况</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorCJ"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.achievement_award"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedCJ(e)"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div style="margin-top: 30px">学习工作经历</div>
-          <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-          <div style="display: flex; margin-top: 20px">
-            <div style="width: 30%">
-              <t-space direction="vertical">
-                <t-form labelAlign="top" :labelWidth="100">
-                  <t-form-item label="起止日期">
-                    <t-date-range-picker mode="month" size="large" v-model="work_time" allow-input @change="onChange" />
-                  </t-form-item>
-                  <t-form-item label="地区单位">
-                    <t-input size="large" v-model="work.address" placeholder="请输入地区单位" />
-                  </t-form-item>
-                  <t-form-item label="担任职务">
-                    <t-input size="large" v-model="work.book" placeholder="请输入担任职务" />
-                  </t-form-item>
-                </t-form>
-                <t-button @click="addWork" theme="primary">添加</t-button>
-              </t-space>
-            </div>
-            <div style="width: 100%">
-              <table style="width: 100%; border-collapse: collapse">
-                <tr align="center">
-                  <th>起止日期</th>
-                  <th>地区单位</th>
-                  <th>担任职务</th>
-                  <th>操作</th>
-                </tr>
-                <tr align="center" v-for="(item, index) in workList" :key="index">
-                  <td>{{ item.time }}</td>
-                  <td>{{ item.address }}</td>
-                  <td>{{ item.book }}</td>
-                  <td>
-                    <t-button @click="delWork(index)" theme="danger" size="small">移除</t-button>
-                  </td>
-                </tr>
-              </table>
-            </div>
-          </div>
-          <div style="margin-top: 30px">社会职务资料</div>
-          <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-          <div style="display: flex; margin-top: 20px">
-            <div style="width: 35%">
-              <div>主要社会职务(可多选)</div>
+              <div id="gerenjianjie" class="title_box">1.个人简介</div>
               <div style="margin-top: 20px">
+                <div style="margin-bottom: 10px;">描述经历或特长</div>
+                <div style="border: 1px solid #ccc">
+                  <!-- 工具栏 -->
+                  <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorJJ"
+                    :defaultConfig="toolbarConfig" />
+                  <Editor style="height: 300px" v-model="formData.introduction" :defaultConfig="editorConfig"
+                    mode="default" @customPaste="customPaste" @onCreated="(e) => onCreatedJJ(e)" />
+                </div>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="zhuyaochengjiu" class="title_box">2.主要成就以及获奖情况</div>
+            <div style="display: flex; margin-top: 20px">
+              <div>
                 <t-space direction="vertical">
-                  <t-form>
-                    <t-form-item>
-                      <t-checkbox-group v-model="social_duties">
-                        <t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
-                        <t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
-                        <t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
-                        <t-checkbox value="省级人大代表">省级人大代表</t-checkbox>
-                        <t-checkbox value="省级政协委员">省级政协委员</t-checkbox>
-                        <t-checkbox value="省级青联委员">省级青联委员</t-checkbox>
-                        <t-checkbox value="市级人大代表">市级人大代表</t-checkbox>
-                        <t-checkbox value="市级政协委员">市级政协委员</t-checkbox>
-                        <t-checkbox value="市级青联委员">市级青联委员</t-checkbox>
-                      </t-checkbox-group>
+                  <t-form layout="inline" labelAlign="top" :labelWidth="100"
+                    v-for="(item, index) in formData.achievement">
+                    <t-form-item label="获奖时间">
+                      <t-date-picker size="large" v-model="item.time" />
+                    </t-form-item>
+                    <t-form-item label="获奖名称">
+                      <t-input size="large" v-model="item.name" placeholder="请输入获奖名称" />
+                    </t-form-item>
+                    <t-form-item label="颁发机构">
+                      <t-input size="large" v-model="item.organ" placeholder="请输入颁发机构" />
+                    </t-form-item>
+                    <t-form-item label=" ">
+                      <div>
+                        <img src="/src/assets/del.png" @click="delHj(index)"
+                          style="cursor: pointer;width: 30px;height: 30px;" />
+                      </div>
                     </t-form-item>
                   </t-form>
+                  <t-button @click="addHj" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
                 </t-space>
               </div>
             </div>
-            <div style="width: 100%">
-              <div style="width: 49%">
-                <div>其他社会职务</div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="xuexijiuzheng" class="title_box">3.学习工作经历</div>
+            <div style="display: flex; margin-top: 20px">
+              <div>
+                <t-space direction="vertical">
+                  <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.work">
+                    <t-form-item label="起止日期" :requiredMark="true">
+                      <t-date-range-picker size="large" mode="month" v-model="item.time" allow-input />
+                    </t-form-item>
+                    <t-form-item label="地区单位" :requiredMark="true">
+                      <t-input size="large" v-model="item.address" placeholder="请输入地区单位" />
+                    </t-form-item>
+                    <t-form-item label="担任职务" :requiredMark="true">
+                      <t-input size="large" v-model="item.book" placeholder="请输入担任职务" />
+                    </t-form-item>
+                    <t-form-item label=" ">
+                      <div>
+                        <img src="/src/assets/del.png" @click="delWork(index)"
+                          style="cursor: pointer;width: 30px;height: 30px;" />
+                      </div>
+                    </t-form-item>
+                  </t-form>
+                  <t-button @click="addWork" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                </t-space>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="shehuizhiwu" class="title_box">4.社会职务</div>
+            <div style="display: flex; margin-top: 20px">
+              <div style="width: 35%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>主要社会职务(可多选)</span>
+                </div>
                 <div style="margin-top: 20px">
-                  <t-textarea
-                    placeholder="其他社会职务"
-                    :autosize="{ minRows: 7, maxRows: 7 }"
-                    v-model="formData.other_social_positions"
-                  />
+                  <t-space direction="vertical">
+                    <t-form>
+                      <t-form-item>
+                        <t-checkbox-group v-model="formData.main_social">
+                          <t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
+                          <t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
+                          <t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
+                          <t-checkbox value="省级人大代表">省级人大代表</t-checkbox>
+                          <t-checkbox value="省级政协委员">省级政协委员</t-checkbox>
+                          <t-checkbox value="省级青联委员">省级青联委员</t-checkbox>
+                          <t-checkbox value="市级人大代表">市级人大代表</t-checkbox>
+                          <t-checkbox value="市级政协委员">市级政协委员</t-checkbox>
+                          <t-checkbox value="市级青联委员">市级青联委员</t-checkbox>
+                        </t-checkbox-group>
+                      </t-form-item>
+                    </t-form>
+                  </t-space>
+                </div>
+              </div>
+              <div style="width: 100%">
+                <div style="width: 49%">
+                  <div>其他社会职务</div>
+                  <div style="margin-top: 20px">
+                    <t-textarea placeholder="请输入其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }"
+                      v-model="formData.other_social_positions" />
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-          <div style="margin-top: 30px">紧急（助理）联系人</div>
-          <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-          <div style="display: flex; margin-top: 20px">
-            <div style="width: 30%">
-              <t-space direction="vertical">
-                <t-form labelAlign="top" :labelWidth="100">
-                  <t-form-item label="姓名">
-                    <t-input size="large" v-model="contacts.name" placeholder="请输入姓名" />
-                  </t-form-item>
-                  <t-form-item label="职务">
-                    <t-input size="large" v-model="contacts.post" placeholder="请输入职务" />
-                  </t-form-item>
-                  <t-form-item label="电话">
-                    <t-input size="large" v-model="contacts.phone" placeholder="请输入电话" />
-                  </t-form-item>
-                </t-form>
-                <t-button @click="addContacts" theme="primary">添加</t-button>
-              </t-space>
-            </div>
-            <div style="width: 100%">
-              <table style="width: 100%; border-collapse: collapse">
-                <thead>
-                  <tr align="center">
-                    <th>姓名</th>
-                    <th>职务</th>
-                    <th>电话</th>
-                    <th>操作</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr align="center" v-for="(item, index) in contactsList" :key="index">
-                    <td>{{ item.name }}</td>
-                    <td>{{ item.post }}</td>
-                    <td>{{ item.phone }}</td>
-                    <td style="text-align: center">
-                      <t-button @click="delContacts(index)" theme="danger" size="small">移除</t-button>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+        </div>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">企业资质</div>
           </div>
-          <div style="margin-top: 30px">
-            <div style="color: #2e2e2e; font-size: 30px">3.企业信息</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="display: flex; justify-items: center; padding: 30px 0px">
+          <div style="padding-left: 15px;">
+            <div id="qiyejiben" class="title_box">1.基本信息</div>
+            <div style="display: flex; justify-items: center;">
               <div style="width: 100%">
                 <t-space direction="vertical">
                   <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                    <t-form-item label="企业名称">
-                      <t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称" />
+                    <t-form-item label="企业名称" :requiredMark="true">
+                      <t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称"
+                        style="width: 400px;" />
                     </t-form-item>
-                    <t-form-item label="统一社会信用代码">
-                      <t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码" />
+                    <t-form-item label="统一社会信用代码" :requiredMark="true">
+                      <t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="企业注册地">
-                      <t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地" />
+                    <t-form-item label="企业注册地" :requiredMark="true">
+                      <t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="企业位置经度" help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html ">
-                      <t-input size="large" v-model="formData.longitude" placeholder="地图经度（如：116.xxx ）" />
+                    <t-form-item :requiredMark="true" label="企业位置经度"
+                      help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
+                      <t-input size="large" v-model="formData.longitude" placeholder="地图经度（如：116.xxx ）"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="企业位置纬度" help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
-                      <t-input size="large" v-model="formData.dimension" placeholder="地图纬度（如：39.xxx ）" />
+                    <t-form-item :requiredMark="true" label="企业位置纬度"
+                      help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
+                      <t-input size="large" v-model="formData.dimension" placeholder="地图纬度（如：39.xxx ）"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="注册资金（万元）">
-                      <t-input size="large" v-model="formData.registered_capital" placeholder="注册资金（万元）" />
+                    <t-form-item label="注册资金（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.registered_capital" placeholder="注册资金（万元）"
+                        style="width: 400px;" />
                     </t-form-item>
-                    <t-form-item label="是否上市" name="name">
-                      <t-select size="large" v-model="formData.if_list" :style="{ width: '200px' }">
-                        <t-option key="0" label="是" value="0"></t-option>
-                        <t-option key="1" label="否" value="1"></t-option>
+                    <t-form-item label="是否上市" :requiredMark="true">
+                      <t-select size="large" v-model="formData.if_list" class="input_box">
+                        <t-option key="0" label="是" :value="0"></t-option>
+                        <t-option key="1" label="否" :value="1"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="员工人数">
-                      <t-input size="large" v-model="formData.employee" placeholder="请输入员工人数" />
+                    <template v-if="formData.if_list == 0">
+                      <t-form-item label="股票代码" :requiredMark="true">
+                        <t-input size="large" v-model="formData.stock_code" placeholder="请输入股票代码" class="input_box" />
+                      </t-form-item>
+                      <t-form-item label="上市时间" :requiredMark="true">
+                        <t-date-picker size="large" v-model="formData.market_to_time" class="input_box" />
+                      </t-form-item>
+                    </template>
+                    <t-form-item label="员工人数" :requiredMark="true">
+                      <t-input size="large" v-model="formData.employee" placeholder="请输入员工人数" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="所属行业" name="name">
-                      <t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
-                        <t-option
-                          v-for="(item, index) in industry_list"
-                          :label="item.industry_name"
-                          :value="item.id"
-                        ></t-option>
+                    <t-form-item label="所属行业领域" name="name" :requiredMark="true">
+                      <t-select size="large" v-model="formData.industry_id" class="input_box">
+                        <t-option v-for="(item, index) in industry_list" :label="item.industry_name"
+                          :value="item.id"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="企业网址">
+                    <!-- <t-form-item label="企业网址">
                       <t-input size="large" v-model="formData.enterprise_website" placeholder="企业网址" />
-                    </t-form-item>
-
-                    <t-form-item label="企业性质">
-                      <t-select size="large" v-model="formData.enterprise_nature" :style="{ width: '200px' }">
+                    </t-form-item> -->
+                    <t-form-item label="企业性质" :requiredMark="true">
+                      <t-select size="large" v-model="formData.enterprise_nature" class="input_box">
                         <t-option key="国有" label="国有" value="国有"></t-option>
                         <t-option key="私营" label="私营" value="私营"></t-option>
                         <t-option key="混合所有制" label="混合所有制" value="混合所有制"></t-option>
@@ -522,430 +417,617 @@
                         <t-option key="其他" label="其他" value="其他"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="上年营业额（万元）">
-                      <t-input size="large" v-model="formData.previous_revenue" placeholder="上年营业额（万元）" />
+                    <t-form-item label="上年营业额（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_revenue" placeholder="上年营业额（万元）"
+                        class="input_box" />
                     </t-form-item>
-                    <t-form-item label="上年纳税额（万元）">
-                      <t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）" />
+                    <t-form-item label="上年纳税额（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="上年度净利润（万元）">
-                      <t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）" />
+                    <t-form-item label="上年度净利润（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"
+                        class="input_box" />
                     </t-form-item>
-                    <t-form-item label="上年公益性捐赠支出（万元）">
-                      <t-input
-                        size="large"
-                        v-model="formData.previous_donation"
-                        placeholder="上年公益性捐赠支出（万元）"
-                      />
+                    <t-form-item label="上年公益性捐赠支出（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_donation" placeholder="上年公益性捐赠支出（万元）"
+                        class="input_box" />
                     </t-form-item>
                   </t-form>
                 </t-space>
               </div>
             </div>
-            <div>
-              <div>公司形象</div>
-              <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-              <div style="display: flex; justify-items: center; padding: 30px 0px">
-                <div style="text-align: center">
+          </div>
+          <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+          <div style="padding-left: 15px;">
+            <div id="falv" class="title_box">2.法律文件</div>
+            <div style="display: flex; justify-items: center;gap: 20px;width:60%;flex-wrap: wrap;">
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>营业执照:</span>
+                </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*,.pdf"
+                  :format-response="(response) => formatResponse(response, 3)">
                   <div class="sfz">
-                    <span v-if="formData.business_license_image == '' || formData.business_license_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
+                    <img v-if="formData.business_license_image == ''" src="/src/assets/c4.png"
+                      style="width:220px; height: 124px" />
                     <img
-                      v-if="formData.business_license_image != '' && formData.business_license_image != null"
+                      v-if="formData.business_license_image != '' && getExt(formData.business_license_image) != 'pdf'"
                       :src="$store.state.user.apiUrl + formData.business_license_image"
-                      style="width: 100%; max-height: 200px"
-                    />
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.business_license_image) == 'pdf'" style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
                   </div>
-                  <div style="margin: 10px 0px">请上传营业执照</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.business_license_image_show"
-                    theme="custom"
-                    :data="{ association_id: 1 }"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 3)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
+                </t-upload>
+              </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>公司LOGO:</span>
                 </div>
-                <div style="margin-left: 100px; text-align: center">
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 6)">
                   <div class="sfz">
-                    <span v-if="formData.company_image == '' || formData.company_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
+                    <img v-if="formData.company_image == ''" src="/src/assets/c5.png"
+                      style="width:220px; height: 124px" />
+                    <img v-if="formData.company_image != ''" :src="$store.state.user.apiUrl + formData.company_image"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                  </div>
+                </t-upload>
+              </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>企业征信报告:</span>
+                </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*,.pdf"
+                  :format-response="(response) => formatResponse(response, 7)">
+                  <div class="sfz">
+                    <img v-if="formData.enterprise_credit_report == ''" src="/src/assets/c3.png"
+                      style="width:220px; height: 124px" />
                     <img
-                      v-if="formData.company_image != '' && formData.company_image != null"
-                      :src="$store.state.user.apiUrl + formData.company_image"
-                      style="width: 200px; max-height: 200px"
-                    />
-                  </div>
-                  <div style="margin: 10px 0px">请上传公司LOGO</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.company_image_show"
-                    :data="{ association_id: 1 }"
-                    theme="custom"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 5)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
-                </div>
-              </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
-              <div style="width: 49%">
-                <div>公司介绍</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorGS"
-                      :defaultConfig="toolbarConfig"
-                    />
+                      v-if="formData.enterprise_credit_report != '' && getExt(formData.enterprise_credit_report) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.enterprise_credit_report"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.enterprise_credit_report) == 'pdf'" style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
 
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.enterprise_Introduction"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedGS(e)"
-                    />
                   </div>
-                </div>
+                </t-upload>
               </div>
-              <div style="width: 49%">
-                <div>主营业务介绍</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorZY"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.introdiction"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedZY(e)"
-                    />
-                  </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>无犯罪记录证明:</span>
                 </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*,.pdf"
+                  :format-response="(response) => formatResponse(response, 9)">
+                  <div class="sfz">
+                    <img v-if="formData.certificate_of_no_criminal_record == ''" src="/src/assets/c1.png"
+                      style="width:220px; height: 124px" />
+                    <img
+                      v-if="formData.certificate_of_no_criminal_record != '' && getExt(formData.certificate_of_no_criminal_record) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.certificate_of_no_criminal_record"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.certificate_of_no_criminal_record) == 'pdf'"
+                      style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
+                  </div>
+                </t-upload>
               </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
-              <div style="width: 49%">
-                <div>企业所获荣誉以及专利</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorRY"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.enterprise_honor"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedRY(e)"
-                    />
-                  </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>上一年度企业营业税完税证明:</span>
                 </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 10)">
+                  <div class="sfz">
+                    <img v-if="formData.certificate_of_business_tax_payment_for_the_previous_year == ''"
+                      src="/src/assets/c1.png" style="width:220px; height: 124px" />
+                    <img
+                      v-if="formData.certificate_of_business_tax_payment_for_the_previous_year != '' && getExt(formData.certificate_of_business_tax_payment_for_the_previous_year) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.certificate_of_business_tax_payment_for_the_previous_year"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.certificate_of_business_tax_payment_for_the_previous_year) == 'pdf'"
+                      style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
+                  </div>
+                </t-upload>
               </div>
-              <div style="width: 49%">
-                <div>其他企业任职情况</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorQT"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.qitaqiyerenzhiqingkuang"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedQT(e)"
-                    />
-                  </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>企业信用信息报告:</span>
                 </div>
-              </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
-              <div style="width: 49%">
-                <div>企业履行社会责任情况</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorLX"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.enterprise_lvxingzeren"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedLX(e)"
-                    />
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 8)">
+                  <div class="sfz">
+                    <img v-if="formData.enterprise_credit_information_report == ''" src="/src/assets/c1.png"
+                      style="width:220px; height: 124px" />
+                    <img
+                      v-if="formData.enterprise_credit_information_report != '' && getExt(formData.enterprise_credit_information_report) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.enterprise_credit_information_report"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.enterprise_credit_information_report) == 'pdf'"
+                      style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
                   </div>
-                </div>
+                </t-upload>
               </div>
             </div>
           </div>
-          <div style="margin-top: 30px">
-            <div style="color: #2e2e2e; font-size: 30px">4.建团信息</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="padding: 30px 0px">
-              <t-space direction="vertical">
-                <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                  <t-form-item label="是否建立团组织" name="name">
-                    <t-select size="large" v-model="formData.if_organization" :style="{ width: '200px' }">
-                      <t-option key="0" label="是" value="0"></t-option>
-                      <t-option key="1" label="否" value="1"></t-option>
-                    </t-select>
-                  </t-form-item>
-                </t-form>
-                <div v-if="formData.if_organization == 0">
-                  <div style="display: flex">
-                    <div>
-                      <t-form labelAlign="top" layout="inline">
-                        <t-form-item label="团组织性质" name="nature">
-                          <t-select
-                            size="large"
-                            v-model="formData.nature"
-                            placeholder="团组织性质"
-                            :style="{ width: '200px' }"
-                          >
-                            <t-option value="团支部" label="团支部" key="团支部"></t-option>
-                            <t-option value="团总支部" label="团总支部" key="团总支部"></t-option>
-                            <t-option value="团的基层委员会" label="团的基层委员会" key="团的基层委员会"></t-option>
-                          </t-select>
-                        </t-form-item>
-                        <t-form-item label="建团时间" name="jiantuan_time">
-                          <t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.jiantuan_time" />
-                        </t-form-item>
-                        <t-form-item label="建团人数" name="jiantuan_number">
-                          <t-input size="large" v-model="formData.jiantuan_number" placeholder="建团人数"></t-input>
-                        </t-form-item>
-
-                        <!--                <t-form-item label="团委负责人信息" name="tuanweifuzerenxinxi">-->
-                        <!--                  <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
-                        <!--                </t-form-item>-->
-                      </t-form>
-                      <t-form labelAlign="top" layout="inline" style="margin-top: 10px">
-                        <t-form-item label="青年人数" name="youth_number">
-                          <t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
-                        </t-form-item>
-                        <t-form-item label="上级团组织" name="superior_nature">
-                          <t-input size="large" v-model="formData.superior_nature" placeholder="上级团组织"></t-input>
-                        </t-form-item>
-                      </t-form>
-                    </div>
-                    <div>
-                      <div style="text-align: center">
-                        <div class="sfz">
-                          <span v-if="formData.documents_file == '' || formData.documents_file == null"
-                            ><svg
-                              style="font-size: 30px"
-                              fill="none"
-                              viewBox="0 0 24 24"
-                              width="100px"
-                              height="100px"
-                              class="t-icon t-icon-add"
-                            >
-                              <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                          ></span>
-                          <img
-                            v-if="formData.documents_file != '' && formData.documents_file != null"
-                            :src="$store.state.user.apiUrl + formData.documents_file"
-                            style="width: 100%; max-height: 200px"
-                          />
-                        </div>
-                        <div style="margin: 10px 0px">请上传批复文件</div>
-                        <t-upload
-                          :action="$store.state.user.apiUrl + '/api/common/upload'"
-                          v-model="formData.company_image_show"
-                          :data="{ association_id: 1 }"
-                          theme="custom"
-                          accept="image/*"
-                          :format-response="(response) => formatResponse(response, 4)"
-                        >
-                          <t-button>上传图片</t-button>
-                        </t-upload>
+          <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+          <div style="padding-left: 15px;">
+            <div id="jijing" class="title_box">3.紧急联系人</div>
+            <div style="display: flex; margin-top: 20px">
+              <div>
+                <t-space direction="vertical">
+                  <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.other">
+                    <t-form-item label="姓名" :requiredMark="true">
+                      <t-input size="large" v-model="item.name" placeholder="请输入姓名" />
+                    </t-form-item>
+                    <t-form-item label="职务" :requiredMark="true">
+                      <t-input size="large" v-model="item.post" placeholder="请输入职务" />
+                    </t-form-item>
+                    <t-form-item label="电话" :requiredMark="true">
+                      <t-input size="large" v-model="item.phone" placeholder="请输入电话" />
+                    </t-form-item>
+                    <t-form-item label=" ">
+                      <div>
+                        <img src="/src/assets/del.png" @click="delContacts(index)"
+                          style="cursor: pointer;width: 30px;height: 30px;" />
                       </div>
-                    </div>
-                  </div>
-
-                  <div style="margin-top: 30px">团委负责人信息</div>
-                  <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                  <div style="display: flex; margin-top: 20px">
-                    <div style="width: 30%">
-                      <t-space direction="vertical">
-                        <t-form labelAlign="top" :labelWidth="100">
-                          <t-form-item label="姓名">
-                            <t-input size="large" v-model="tuan.name" placeholder="姓名" />
-                          </t-form-item>
-                          <t-form-item label="性别">
-                            <t-input size="large" v-model="tuan.sex" placeholder="性别" />
-                          </t-form-item>
-                          <t-form-item label="单位职务">
-                            <t-input size="large" v-model="tuan.job" placeholder="单位职务" />
-                          </t-form-item>
-                          <t-form-item label="团委职务">
-                            <t-input size="large" v-model="tuan.tun_job" placeholder="团委职务" />
-                          </t-form-item>
-                          <t-form-item label="手机号">
-                            <t-input size="large" v-model="tuan.phone" placeholder="手机号" />
-                          </t-form-item>
-                        </t-form>
-                        <t-button @click="addTuan" theme="primary">添加</t-button>
-                      </t-space>
-                    </div>
-                    <div style="width: 100%">
-                      <table style="width: 100%; border-collapse: collapse">
-                        <thead>
-                          <tr align="center">
-                            <th>姓名</th>
-                            <th>性别</th>
-                            <th>单位职务</th>
-                            <th>团委职务</th>
-                            <th>手机号</th>
-                            <th>操作</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr align="center" v-for="(item, index) in tuan_list" :key="index">
-                            <td>{{ item.name }}</td>
-                            <td>{{ item.sex }}</td>
-                            <td>{{ item.job }}</td>
-                            <td>{{ item.tun_job }}</td>
-                            <td>{{ item.phone }}</td>
-                            <td style="text-align: center">
-                              <t-button @click="delTuan(index)" theme="danger" size="small">移除</t-button>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                  </div>
-                </div>
-              </t-space>
+                    </t-form-item>
+                  </t-form>
+                  <t-button @click="addContacts" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                </t-space>
+              </div>
             </div>
           </div>
-          <div style="padding: 50px 0px; text-align: center">
-            <t-button size="large" @click="submit">提交</t-button>
-          </div>
         </div>
-        <t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
-          <div class="cropper-content">
-            <div class="cropper">
-              <vue-cropper
-                ref="cropper"
-                :img="caiImg"
-                :canMoveBox="false"
-                :output-size="1"
-                output-type="png"
-                :info="true"
-                :full="false"
-                :auto-crop="true"
-                autoCropWidth="200px"
-                autoCropHeight="200px"
-                mode="100%"
-                @realTime="realTime"
-                @imgLoad="imgLoad"
-                :fixed="true"
-                :fixedNumber="[1, 1]"
-              ></vue-cropper>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">企业概况</div>
+          </div>
+          <div style="padding-left: 15px;">
+            <div id="wendang" class="title_box">1.文档资料</div>
+            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>公司介绍</span>
+                </div>
+                <div style="margin-top: 10px">
+                  <div style="border: 1px solid #ccc">
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorGS"
+                      :defaultConfig="toolbarConfig" />
+                    <Editor style="height: 300px" v-model="formData.enterprise_Introduction"
+                      :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                      @onCreated="(e) => onCreatedGS(e)" />
+                  </div>
+                </div>
+              </div>
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>主营业务</span>
+                </div>
+                <div style="margin-top: 10px">
+                  <div style="border: 1px solid #ccc">
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorZY"
+                      :defaultConfig="toolbarConfig" />
+                    <Editor style="height: 300px" v-model="formData.introdiction" :defaultConfig="editorConfig"
+                      mode="default" @customPaste="customPaste" @onCreated="(e) => onCreatedZY(e)" />
+                  </div>
+                </div>
+              </div>
             </div>
-            <div
-              class="show-preview"
-              :style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
-            >
-              <div :style="previews.div" class="preview">
-                <img :src="previews.url" :style="previews.img" />
+            <div>
+              <div style="margin-top: 20px">
+                <span style="color: #d54941;">*</span>
+                <span>荣誉与专利</span>
+              </div>
+              <div style="display: flex; justify-content: start;margin-top: 10px;">
+                <div style="text-align: center">
+                  <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                    :data="{ association_id: 1 }" accept="image/*,.pdf"
+                    :format-response="(response) => formatResponse(response, 5)">
+                    <div class="sfz" style="display: flex;justify-content: start;">
+                      <div v-if="formData.enterprise.length > 0" v-for="(item, index) in formData.enterprise"
+                        :key="index" style="margin-right: 20px;width: 220px; height: 293px;position: relative;">
+                        <div @click.stop="delZl(index)"
+                          style="z-index: 100;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;">
+                          <div style="position: absolute;left: 0;right: 0;top:35%;bottom: 0;margin: auto;">
+                            <img src="/src/assets/del.png" style="width: 30px;height: 30px;">
+                            <div style="color: #ffffff;font-size: 14px;">删除文件</div>
+                          </div>
+                        </div>
+                        <FilePowerpointIcon v-if="getExt(item) == 'pdf'"
+                          style="width: 100%; height: 100%;object-fit: cover;" />
+                        <img v-if="getExt(item) != 'pdf'" :src="$store.state.user.apiUrl + item"
+                          style="width: 100%; height: 100%;object-fit: cover;" />
+                      </div>
+                      <img src="/src/assets/card4.png" style="width: 220px;height: 293px;" />
+                    </div>
+                  </t-upload>
+                </div>
+              </div>
+            </div>
+            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>其他企业任职情况</span>
+                </div>
+                <div style="margin-top: 20px">
+                  <!--                <t-textarea placeholder="请输入其他企业任职情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
+                  <!--                            v-model="formData.qitaqiyerenzhiqingkuang"/>-->
+                  <div style="border: 1px solid #ccc">
+                    <!-- 工具栏 -->
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorQT"
+                      :defaultConfig="toolbarConfig" />
+
+                    <Editor style="height: 300px" v-model="formData.qitaqiyerenzhiqingkuang"
+                      :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                      @onCreated="(e) => onCreatedQT(e)" />
+                  </div>
+                </div>
+              </div>
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>企业履行社会责任情况</span>
+                </div>
+                <div style="margin-top: 20px">
+                  <!--                <t-textarea placeholder="请输入企业履行社会责任情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
+                  <!--                            v-model="formData.enterprise_lvxingzeren"/>-->
+                  <div style="border: 1px solid #ccc">
+                    <!-- 工具栏 -->
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorLX"
+                      :defaultConfig="toolbarConfig" />
+
+                    <Editor style="height: 300px" v-model="formData.enterprise_lvxingzeren"
+                      :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                      @onCreated="(e) => onCreatedLX(e)" />
+                  </div>
+                </div>
               </div>
             </div>
           </div>
-          <div class="footer-btn">
-            <div class="scope-btn">
-              <label class="btn" for="uploads">上传图片</label>
-              <input
-                type="file"
-                id="uploads"
-                style="position: absolute; clip: rect(0 0 0 0)"
-                accept="image/png, image/jpeg, image/gif, image/jpg"
-                @change="uploadImg($event, 1)"
-              />
+        </div>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">海外业务</div>
+          </div>
+          <div style="padding-left: 15px;">
+            <div id="haiwaijiben" class="title_box">1.基本信息</div>
+            <div>
+              <div>
+                <span style="color: #d54941;">*</span>
+                <span>是否开展海外业务</span>
+              </div>
+              <t-select size="large" v-model="formData.if_abroad" style="width:200px;margin-top: 10px;">
+                <t-option key="0" label="是" :value="1"></t-option>
+                <t-option key="1" label="否" :value="2"></t-option>
+              </t-select>
+            </div>
+            <div v-if="formData.if_abroad == 1">
+              <div>
+                <div id="haiwiquyu" class="title_box">2.区域与资源</div>
+                <div style="display: flex;justify-content: start;">
+                  <div style="margin-right: 20px;">
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>国家/城市</span>
+                    </div>
+                    <t-cascader :load="load" size="large" :input-props="inputProps" v-model="formData.abroad_region_arr"
+                      value-type="full" :options="internationa_list" style="width:500px;"></t-cascader>
+                  </div>
+                  <div>
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>人员规模</span>
+                    </div>
+                    <t-input size="large" v-model="formData.staff_size" placeholder="请输入人员规模" style="width: 300px;" />
+                  </div>
+                </div>
+              </div>
+              <div>
+                <div id="caiwuyunying" class="title_box">3.财务与运营</div>
+                <div style="display: flex;justify-content: start;width: 100%;">
+                  <div style="margin-right: 20px;">
+                    <div style="margin-bottom: 10px;">
+                      <span>上年度在当地的营收</span>
+                    </div>
+                    <t-input size="large" v-model="formData.last_year_local_revenue" placeholder="请输入上年度在当地的营收"
+                      style="width: 300px;" />
+                  </div>
+                  <div style="width: 50%;">
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>经营情况</span>
+                    </div>
+                    <div style="border: 1px solid #ccc">
+                      <!-- 工具栏 -->
+                      <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorJY"
+                        :defaultConfig="toolbarConfig" />
+                      <Editor style="height: 300px" v-model="formData.business_case" :defaultConfig="editorConfig"
+                        mode="default" @customPaste="customPaste" @onCreated="(e) => onCreatedJY(e)" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div>
+                <div id="duihuahezuo" class="title_box">4.对华合作</div>
+                <div style="display: flex;justify-content: start;width: 100%;">
+                  <div style="width: 50%;">
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>涉华经贸往来情况</span>
+                    </div>
+                    <div style="border: 1px solid #ccc">
+                      <!-- 工具栏 -->
+                      <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorSH"
+                        :defaultConfig="toolbarConfig" />
+                      <Editor style="height: 300px" v-model="formData.economic_and_trade_exchanges_with_china"
+                        :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                        @onCreated="(e) => onCreatedSH(e)" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+          </div>
+        </div>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">组织建设</div>
+          </div>
+          <div style="padding-left: 15px;">
+            <div id="dangzuzhi" class="title_box">1.党组织信息</div>
+            <div>
+              <t-form layout="inline" labelAlign="top" :labelWidth="100">
+                <t-form-item label="是否建立党组织" :requiredMark="true">
+                  <t-select size="large" v-model="formData.if_party" :style="{ width: '200px' }">
+                    <t-option key="0" label="是" :value="1"></t-option>
+                    <t-option key="1" label="否" :value="2"></t-option>
+                  </t-select>
+                </t-form-item>
+              </t-form>
+              <t-form v-if="formData.if_party == 1" labelAlign="top" layout="inline" style="margin-top: 10px;">
+                <t-form-item label="党组织性质" :requiredMark="true">
+                  <t-select size="large" v-model="formData.party_nature" placeholder="党组织性质" class="input_box">
+                    <t-option value="党委" label="党委" key="党委"></t-option>
+                    <t-option value="党总支" label="党总支" key="党总支"></t-option>
+                    <t-option value="党支部" label="党支部" key="党支部"></t-option>
+                  </t-select>
+                </t-form-item>
+                <t-form-item label="建党时间" :requiredMark="true">
+                  <t-date-picker size="large" v-model="formData.partytime" placeholder="请输入建党时间" class="input_box" />
+                </t-form-item>
+                <t-form-item label="建党人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.party_number" placeholder="请输入建党人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="青年人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.party_youth_number" placeholder="请输入青年人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="上级党组织" :requiredMark="true">
+                  <t-input size="large" v-model="formData.manager_party" placeholder="请输入上级党组织"
+                    class="input_box"></t-input>
+                </t-form-item>
+
+                <!--                <t-form-item label="团委负责人信息" name="tuanweifuzerenxinxi">-->
+                <!--                  <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
+                <!--                </t-form-item>-->
+              </t-form>
+            </div>
+            <div v-if="formData.if_party == 1">
+              <div id="dangweifuzeren" class="title_box">党委负责人</div>
+              <div style="display: flex; margin-top: 20px">
+                <div>
+                  <t-space direction="vertical">
+                    <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.dang">
+                      <t-form-item label="姓名" :requiredMark="true">
+                        <t-input size="large" v-model="item.name" placeholder="请输入姓名" />
+                      </t-form-item>
+                      <t-form-item label="性别" :requiredMark="true">
+                        <t-select size="large" v-model="item.sex" class="input_box">
+                          <t-option :key="0" label="女" :value="0"></t-option>
+                          <t-option :key="1" label="男" :value="1"></t-option>
+                        </t-select>
+                      </t-form-item>
+                      <t-form-item label="单位职务" :requiredMark="true">
+                        <t-input size="large" v-model="item.danwei_zhiwu" placeholder="请输入单位职务" />
+                      </t-form-item>
+                      <t-form-item label="党务职位" :requiredMark="true">
+                        <t-input size="large" v-model="item.party_zhiwu" placeholder="请输入党务职位" />
+                      </t-form-item>
+                      <t-form-item label="手机号" :requiredMark="true">
+                        <t-input size="large" v-model="item.phone" placeholder="请输入手机号" />
+                      </t-form-item>
+                      <t-form-item label=" ">
+                        <div>
+                          <img src="/src/assets/del.png" @click="delParty(index)"
+                            style="cursor: pointer;width: 30px;height: 30px;" />
+                        </div>
+                      </t-form-item>
+                    </t-form>
+                    <t-button @click="addParty" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                  </t-space>
+                </div>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="tuanzuzhi" class="title_box">2.团组织信息</div>
+            <div>
+              <t-form layout="inline" labelAlign="top" :labelWidth="100">
+                <t-form-item label="是否建立团组织" :requiredMark="true">
+                  <t-select size="large" v-model="formData.if_organization" :style="{ width: '200px' }">
+                    <t-option key="0" label="是" :value="0"></t-option>
+                    <t-option key="1" label="否" :value="1"></t-option>
+                  </t-select>
+                </t-form-item>
+              </t-form>
+              <t-form v-if="formData.if_organization == 0" labelAlign="top" layout="inline" style="margin-top: 10px;">
+                <t-form-item label="团组织性质" :requiredMark="true">
+                  <t-select size="large" v-model="formData.nature" placeholder="团组织性质" class="input_box">
+                    <t-option value="团委" label="团委" key="团委"></t-option>
+                    <t-option value="团总支" label="团总支" key="团总支"></t-option>
+                    <t-option value="团支部" label="团支部" key="团支部"></t-option>
+                  </t-select>
+                </t-form-item>
+                <t-form-item label="建团时间" :requiredMark="true">
+                  <t-date-picker size="large" v-model="formData.jiantuan_time" placeholder="请输入建团时间"
+                    class="input_box" />
+                </t-form-item>
+                <t-form-item label="建团人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.jiantuan_number" placeholder="请输入建团人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="青年人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.youth_number" placeholder="请输入青年人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="上级团组织" :requiredMark="true">
+                  <t-input size="large" v-model="formData.superior_nature" placeholder="请输入上级团组织"
+                    class="input_box"></t-input>
+                </t-form-item>
+              </t-form>
+            </div>
+            <div v-if="formData.if_organization == 0">
+              <div id="tuanweifuzeren" class="title_box">团组织负责人</div>
+              <div style="display: flex; margin-top: 20px">
+                <div>
+                  <t-space direction="vertical">
+                    <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.tuan">
+                      <t-form-item label="姓名" :requiredMark="true">
+                        <t-input size="large" v-model="item.name" placeholder="请输入姓名" />
+                      </t-form-item>
+                      <t-form-item label="性别" :requiredMark="true">
+                        <t-select size="large" v-model="item.sex" class="input_box">
+                          <t-option :key="0" label="女" :value="0"></t-option>
+                          <t-option :key="1" label="男" :value="1"></t-option>
+                        </t-select>
+                      </t-form-item>
+                      <t-form-item label="单位职务" :requiredMark="true">
+                        <t-input size="large" v-model="item.job" placeholder="请输入单位职务" />
+                      </t-form-item>
+                      <t-form-item label="团委职务" :requiredMark="true">
+                        <t-input size="large" v-model="item.tun_job" placeholder="请输入团委职务" />
+                      </t-form-item>
+                      <t-form-item label="手机号" :requiredMark="true">
+                        <t-input size="large" v-model="item.phone" placeholder="请输入手机号" />
+                      </t-form-item>
+                      <t-form-item label=" ">
+                        <div>
+                          <img src="/src/assets/del.png" @click="delTuan(index)"
+                            style="cursor: pointer;width: 30px;height: 30px;" />
+                        </div>
+                      </t-form-item>
+                    </t-form>
+                    <t-button @click="addTuan" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                  </t-space>
+                </div>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="submit" style="padding: 50px 0px; text-align: center">
+              <t-button @click="submit" size="large">确定保存</t-button>
+              <!-- <t-button size="large" @click="download" theme="warning" style="margin-left: 50px">生成PDF</t-button> -->
             </div>
           </div>
-        </t-dialog>
+        </div>
+        <div style="background-color: #fff;border-radius: 10px;padding: 20px;margin-top: 20px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;justify-content: space-between;align-items: center;padding-left: 20px;">
+            <div style="display: flex;align-items: center;">
+              <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+              <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">信息提交</div>
+            </div>
+            <div style="margin-right: 20px;">
+              <t-button @click="download" size="large">
+                <img slot="icon" src="@/assets/dc.png" style="width: 20px;height: 20px;margin-right: 10px;">
+                年检报表导出(有水印)
+              </t-button>
+            </div>
+          </div>
+        </div>
       </div>
-    </t-card>
+    </div>
+    <!-- <div class="right_card_box"
+      style="background-color: #fff;border-radius: 10px;width: 12%;height: 80%;;position: fixed;right: 0;overflow-y: auto;">
+      <t-collapse v-model="collapse" :expand-icon="false" :borderless="true" style="width: 100%;">
+        <t-collapse-panel v-for="(item, index) in right_card_list" :key="index">
+          <template #header>
+            <div @click="scrollToSubmit(item)"
+              :class="item.active ? 'top_title top_title_active' : 'top_title top_title_no_active'">
+              <div style="height: 50px;line-height: 50px">{{ item.title }}</div>
+              <div v-if="item.key != 7">
+                <img v-if="item.ok" src="@/assets/top_ok.png" style="width: 15px;height: 15px;">
+                <img v-else src="@/assets/top_no.png" style="width: 15px;height: 15px;">
+              </div>
+            </div>
+          </template>
+          <template #default>
+            <div v-for="(v, k) in item.content" :key="k">
+              <div style="display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;">
+                <div>
+                  <a :href="'#' + v.id" :class="v.active ? 'nei_color_active' : 'nei_color'"
+                    @click="scrollTo(v, k, item, index)">{{ v.title }}</a>
+                </div>
+                <div>
+                  <img v-if="v.ok" src="@/assets/nei_ok.png" style="width: 15px;height: 15px;">
+                  <img v-else src="@/assets/nei_no.png" style="width: 15px;height: 15px;">
+                </div>
+              </div>
+            </div>
+          </template>
+        </t-collapse-panel>
+      </t-collapse>
+    </div> -->
   </div>
 </template>
 <script lang="ts">
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
-import { UserIcon, LockOnIcon, CheckCircleIcon } from 'tdesign-icons-vue';
 import store from '@/store';
 import { VueCropper } from 'vue-cropper';
 import axios from 'axios';
-
+import {
+  AddIcon, CloseCircleIcon, SearchIcon, DiscountIcon, CloudDownloadIcon, FilePowerpointIcon
+} from 'tdesign-icons-vue';
 export default {
   components: {
+    CloseCircleIcon,
+    AddIcon,
     VueCropper,
-    CheckCircleIcon,
-    UserIcon,
-    LockOnIcon,
     Editor,
     Toolbar,
+    FilePowerpointIcon
   },
   data() {
     return {
+      isSubmit: false,
       editorJJ: null,
       editorCJ: null,
       editorGS: null,
@@ -953,6 +1035,8 @@ export default {
       editorRY: null,
       editorQT: null,
       editorLX: null,
+      editorJY: null,
+      editorSH: null,
       toolbarConfig: {
         showLinkImg: false,
         uploadImgShowBase64: true,
@@ -973,318 +1057,555 @@ export default {
         readOnly: false, // 是否只允许阅读，不可编辑
         autoFocus: true,
       },
+      show: false,
       caiMode: false,
       previews: {},
       caiImg: '',
-      association: {},
-      work: {
-        time: '',
-        address: '',
-        book: '',
-      },
+
       work_time: [],
       workList: [],
-      contacts: {
-        name: '',
-        post: '',
-        phone: '',
-      },
-      tuan: {
-        name: '',
-        sex: '',
-        job: '',
-        tun_job: '',
-        phone: '',
-      },
       tuan_list: [],
-      contactsList: [],
-      social_duties: [],
-      member_list: [],
+      inputProps: {},
       formData: {
-        enterprise_lvxingzeren: '',
-        mail_address: '',
-        source_channel: '',
-        intentional_association_position: '',
-        recommended_cities: '',
-        recommendation_id: '',
-        reporting_method: '',
-        recommendation_content: '',
-        phone: '',
-        password: '',
-        nikename: '',
-        gender: null,
-        birth_time: '',
-        nation: '',
-        political: '',
-        jiguan: '',
-        institution: '',
-        education: '',
-        academic_degree: '',
-        card_number: '',
-        work_unit: '',
-        zip_code: '',
-        unit_position: '',
-        wx_number: '',
-        mailbox: '',
-        fixed_telephone: '',
+        reporting_method: null,//推荐方式
+        source_channel: '',//来源渠道
+        recommended_cities: '',//推荐城市
+        recommendation_name: '',//推荐人姓名
+        recommendation_content: '',//推荐人单位名称及职务
+        intentional_association_position: '',//意向加入协会职位
+        cardz_image: '',//身份证正面
+        cardf_image: '',//身份证反面
+        photo_image: '',//照片
+        mailbox: '',//邮箱
+        nikename: '',//姓名
+        ceng_nikename: '',//曾用名
+        gender: null,//性别
+        birth_time: '',//出生日期
+        nation: '',//民族
+        political: null,//政治面貌
+        card_number: '',//身份证号码
+        work_unit: '',//工作单位
+        unit_position: '',//单位职务
+        jiguan: '',//籍贯
+        institution: null,//毕业院校
+        education: '',//学历
+        academic_degree: null,//学位
+        zip_code: '',//邮编
+        phone: '',//手机号
+        wx_number: '',//微信
+        fixed_telephone: '',//固定电话
+        region_id: [],//所在区域
+        mail_address: '',//所在区域详细地址
+        introduction: '',//个人简介
+        //achievement_award: '',//主要成就以及获奖情况
         achievement_award: '',
+        achievement: [
+          {
+            time: '',
+            name: '',
+            organ: ''
+          }
+        ],
+        //学习工作经历
+        work_experience: '',
+        work: [{
+          time: '',
+          address: '',
+          book: '',
+        }],
+        //other_contacts: '',//紧急联系人
         other_contacts: '',
-        other_social_positions: '',
-        position: '',
-        cardf_image_show: [],
-        cardz_image_show: [],
-        photo_image_show: [],
-        cardf_image: '',
-        cardz_image: '',
-        photo_image: '',
-        business_license_image_show: [],
-        business_license_image: '',
-        unified_code: '',
-        enterprise_nature: '',
-        enterprise_website: '',
-        if_list: null,
-        if_xianshi: 1,
-        employee: '',
-        previous_revenue: '',
-        previous_tax: '',
-        position_id: null,
-        previous_profit: '',
-        previous_donation: '',
-        enterprise_location: '',
-        industry_id: null,
-        qitaqiyerenzhiqingkuang: '',
-        enterprise_Introduction: '',
-        introdiction: '',
-        enterprise_honor: '',
-        if_organization: null,
-        nature: '',
-        jiantuan_time: '',
-        jiantuan_number: '',
-        youth_number: '',
-        superior_nature: '',
-        tuanweifuzerenxinxi: '',
-        documents_file: '',
-        documents_file_show: [],
-        introduction: '',
-        enterprise_name: '',
-        company_image: '',
-        company_image_show: [],
-        region_id: null,
-        longitude: '',
-        dimension: '',
+        other: [{
+          name: '',
+          post: '',
+          phone: '',
+        }],
+        main_social_positions: '',//社会职务
+        main_social: [],
+        other_social_positions: '',//其他社会职务
+        enterprise_name: '',//企业名称
+        unified_code: '',//统一社会信用代码
+        enterprise_location: '',//企业注册地
+        longitude: '',//经度
+        dimension: '',//纬度
+        if_list: null,//是否上市
+        stock_code: '',//股票代码
+        market_to_time: '',//上市时间
+        employee: '',//员工人数
+        industry_id: '',//行业
+        enterprise_nature: '',//企业性质
+        registered_capital: '',
+        previous_revenue: '',//上年营业额（万元）
+        previous_tax: '',//上年纳税额（万元）
+        previous_profit: '',//上年度净利润（万元）
+        previous_donation: '',//上年公益性捐赠支出（万元）
+        business_license_image: '',//营业执照
+        company_image: '',//企业logo
+        enterprise_credit_report: '',//企业信用报告
+        certificate_of_no_criminal_record: '',//无犯罪记录证明
+        certificate_of_business_tax_payment_for_the_previous_year: '',//上年度纳税证明
+        enterprise_credit_information_report: '',//企业信用信息报告
+        enterprise_Introduction: '',//企业简介
+        introdiction: '',//主营业务
+        enterprise_honor: '',//荣誉与专利
+        enterprise: [],//荣誉与专利
+        qitaqiyerenzhiqingkuang: '',//其他企业人员资质情况
+        enterprise_lvxingzeren: '',//企业履行社会责任情况
+        if_abroad: null,//是否海外业务 1开展 2不开展
+        abroad_region_id: '',//海外业务区域
+        abroad_region_arr: [],
+        abroad_region: '',
+        staff_size: '',//人员规模
+        last_year_local_revenue: '',//上年度本地营业收入
+        business_case: '',//经营情况
+        economic_and_trade_exchanges_with_china: '',//涉华经贸往来情况
+        if_party: null,//是否建立党组织 1有 2无
+        party_nature: '',//党组织性质
+        partytime: '',//党组织成立时间
+        party_number: '',//党组织党员人数
+        party_youth_number: '',//党组织青年人数
+
+        manager_party: '',//上级党组织
+        dangweifuzerenxinxi: '',//党务负责人信息
+        dang: [{
+          name: '',
+          sex: '',
+          danwei_zhiwu: '',
+          party_zhiwu: '',
+          phone: '',
+        }],
+        if_organization: null,//是否建立团组织
+        nature: '',//团组织性质
+        jiantuan_time: '',//建团时间
+        jiantuan_number: '',//建团人数
+        youth_number: '',//青年人数
+        superior_nature: '',//上级团组织
+        tuanweifuzerenxinxi: [],
+        tuan: [{
+          name: '',
+          sex: '',
+          job: '',
+          tun_job: '',
+          phone: '',
+        }],
       },
-      id: 0,
-      info: '',
-      plan_list: [],
-      region_list: [],
+      current: 2,
       industry_list: [],
+      plan_list: [],
+      member_list: [],
+      region_list: [],
+      collapse: [1],
+      internationa_list: [],//全世界
+      right_card_list: [
+        {
+          key: 1,
+          title: '入会申请',
+          active: true,
+          ok: false,
+          content: [
+            {
+              title: '1.推荐信息',
+              active: true,
+              id: 'tuijian',
+              ok: false,
+            },
+            {
+              title: '2.身份信息',
+              active: false,
+              id: 'shenfen',
+              ok: false,
+            },
+            {
+              title: '3.基本信息',
+              active: false,
+              id: 'jiben',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 2,
+          title: '个人背景',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.个人简介',
+              active: false,
+              id: 'gerenjianjie',
+              ok: false,
+            },
+            {
+              title: '2.主要成就以及获奖情况',
+              active: false,
+              id: 'zhuyaochengjiu',
+              ok: false,
+            },
+            {
+              title: '3.学习工作经历',
+              active: false,
+              id: 'xuexijiuzheng',
+              ok: false,
+            },
+            {
+              title: '4.社会职务',
+              active: false,
+              id: 'shehuizhiwu',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 3,
+          title: '企业资质',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.基本信息',
+              active: false,
+              id: 'qiyejiben',
+              ok: false,
+            },
+            {
+              title: '2.法律文件',
+              active: false,
+              id: 'falv',
+              ok: false,
+            },
+            {
+              title: '3.紧急联系人',
+              active: false,
+              id: 'jijing',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 4,
+          title: '企业概况',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.文档资料',
+              active: false,
+              id: 'wendang',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 5,
+          title: '海外业务',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.基本信息',
+              active: false,
+              id: 'haiwaijiben',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 6,
+          title: '组织建设',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.党组织信息',
+              active: false,
+              id: 'dangzuzhi',
+              ok: false,
+            },
+            {
+              title: '2.团组织信息',
+              active: false,
+              id: 'tuanzuzhi',
+              ok: false,
+            },
+
+          ]
+        }, {
+          key: 7,
+          title: '信息提交',
+          active: false,
+          ok: false,
+        }
+      ],
     };
   },
+  
+  // watch: {
+  //   formData: {
+  //     handler(newVal, oldVal) {
+  //       //1.1
+  //       if (newVal.reporting_method == 1) {
+  //         this.right_card_list[0].content[0].ok = false;
+  //         if (newVal.recommended_cities != '' && newVal.intentional_association_position != '') {
+  //           this.right_card_list[0].content[0].ok = true;
+  //         }
+  //       } else if (newVal.reporting_method == 2) {
+  //         this.right_card_list[0].content[0].ok = false;
+  //         if (newVal.recommendation_name != '' && newVal.recommendation_content != '' && newVal.intentional_association_position != '') {
+  //           this.right_card_list[0].content[0].ok = true;
+  //         }
+  //       } else {
+  //         this.right_card_list[0].content[0].ok = false;
+  //         if (newVal.source_channel != '' && newVal.intentional_association_position != '') {
+  //           this.right_card_list[0].content[0].ok = true;
+  //         }
+  //       }
+  //       //1.2
+  //       if (newVal.cardz_image != '' && newVal.cardf_image != '') {
+  //         this.right_card_list[0].content[1].ok = true;
+  //       }
+  //       //1.3
+  //       if (newVal.region_id != '' && newVal.mail_address != '' && newVal.phone != '' && newVal.zip_code != '' && newVal.photo_image != '' && newVal.nikename != '' && newVal.gender != null && newVal.birth_time != '' && newVal.nation != '' && newVal.political != '' && newVal.jiguan != '' && newVal.institution != '' && newVal.education != '' && newVal.academic_degree != '' && newVal.card_number != '' && newVal.work_unit != '' && newVal.unit_position != '') {
+  //         this.right_card_list[0].content[2].ok = true;
+  //       }
+  //       //1111111
+  //       if (this.right_card_list[0].content[0].ok && this.right_card_list[0].content[1].ok && this.right_card_list[0].content[2].ok) {
+  //         this.right_card_list[0].ok = true;
+  //       }
+  //       //2.1
+  //       if (newVal.introduction != '') {
+  //         this.right_card_list[1].content[0].ok = true;
+  //       }
+  //       //2.2
+  //       if (newVal.achievement.length > 0) {
+  //         if (newVal.achievement[0].time != '' && newVal.achievement[0].name != '' && newVal.achievement[0].organ != '') {
+  //           this.right_card_list[1].content[1].ok = true;
+  //         }
+  //       }
+  //       //2.3
+  //       if (newVal.work.length > 0) {
+  //         if (newVal.work[0].time != '' && newVal.work[0].address != '' && newVal.work[0].book != '') {
+  //           this.right_card_list[1].content[2].ok = true;
+  //         }
+  //       }//2.4
+  //       if (newVal.main_social.length > 0) {
+  //         this.right_card_list[1].content[3].ok = true;
+  //       } else {
+  //         this.right_card_list[1].content[3].ok = false;
+  //       }
+  //       if (this.right_card_list[1].content[0].ok && this.right_card_list[1].content[1].ok && this.right_card_list[1].content[2].ok && this.right_card_list[1].content[3].ok) {
+  //         this.right_card_list[1].ok = true;
+  //       }
+  //       //3.1
+  //       this.right_card_list[2].content[0].ok = false;
+  //       if (newVal.enterprise_name != '' && newVal.unified_code != '' && newVal.enterprise_location != '' && newVal.longitude != '' && newVal.dimension != '' && newVal.registered_capital != '' && newVal.if_list != null && newVal.employee != '' && newVal.industry_id != '' && newVal.enterprise_nature != '' && newVal.previous_revenue != '' && newVal.previous_tax != '' && newVal.previous_profit != '' && newVal.previous_donation != '') {
+  //         this.right_card_list[2].content[0].ok = true;
+  //       }
+  //       //3.2
+  //       this.right_card_list[2].content[1].ok = false;
+  //       if (newVal.business_license_image != '' && newVal.company_image != '' && newVal.enterprise_credit_report != '' && newVal.certificate_of_no_criminal_record != '' && newVal.certificate_of_business_tax_payment_for_the_previous_year != '' && newVal.enterprise_credit_information_report != '') {
+  //         this.right_card_list[2].content[1].ok = true;
+  //       }
+  //       //3.3
+  //       if (newVal.other.length > 0) {
+  //         if (newVal.other[0].name != '' && newVal.other[0].post != '' && newVal.other[0].phone != '') {
+  //           this.right_card_list[2].content[2].ok = true;
+  //         }
+  //       } else {
+  //         this.right_card_list[2].content[2].ok = false;
+  //       }
+  //       if (this.right_card_list[2].content[0].ok && this.right_card_list[2].content[1].ok && this.right_card_list[2].content[2].ok) {
+  //         this.right_card_list[2].ok = true;
+  //       }
+  //       //4.1
+  //       if (newVal.enterprise_Introduction != '' && newVal.introdiction != '' && newVal.qitaqiyerenzhiqingkuang != '' && newVal.enterprise_lvxingzeren != '') {
+  //         this.right_card_list[3].content[0].ok = true;
+  //       } else {
+  //         this.right_card_list[3].content[0].ok = false;
+  //       }
+  //       //4
+  //       if (this.right_card_list[3].content[0].ok) {
+  //         this.right_card_list[3].ok = true;
+  //       }
+  //       //5.1
+  //       if (newVal.if_abroad != null) {
+  //         this.right_card_list[4].content[0].ok = true;
+  //       } else {
+  //         this.right_card_list[4].content[0].ok = false;
+  //       }
+  //       if (newVal.if_abroad == 1) {
+  //         if (newVal.abroad_region_arr.length > 0 && newVal.staff_size != '') {
+  //           this.right_card_list[4].content[1].ok = true;
+  //         }
+  //         if (newVal.business_case != '') {
+  //           this.right_card_list[4].content[2].ok = true;
+  //         }
+  //         if (newVal.economic_and_trade_exchanges_with_china != '') {
+  //           this.right_card_list[4].content[3].ok = true;
+  //         }
+  //       }
+  //       //5.1
+  //       if (newVal.if_party != null) {
+  //         this.right_card_list[5].content[0].ok = true;
+  //       }
+  //       //5.2
+  //       if (newVal.if_organization != null) {
+  //         this.right_card_list[5].content[1].ok = true;
+  //       }
+  //       if (this.right_card_list[5].content[0].ok && this.right_card_list[5].content[1].ok) {
+  //         this.right_card_list[5].ok = true;
+  //       }
+  //       if (newVal.if_abroad == 1) {
+  //         this.right_card_list[4].ok = true;
+  //       } else {
+  //         this.right_card_list[4].content = [
+  //           {
+  //             title: '1.基本信息',
+  //             active: false,
+  //             id: 'haiwaijiben',
+  //             ok: false,
+  //           }
+  //         ];
+  //         if (this.right_card_list[4].content[1].ok && this.right_card_list[4].content[2].ok && this.right_card_list[4].content[3].ok) {
+  //           this.right_card_list[4].ok = true;
+  //         }
+  //       }
+  //     },
+  //     deep: true // 深度监听
+  //   }
+  // },
+  beforeDestroy() {
+  },
+  destroyed() {
+  },
   mounted() {
-    if (typeof store.state.user.association === 'object') {
-      this.association = store.state.user.association;
-    } else {
-      this.association = JSON.parse(store.state.user.association);
-    }
-    console.log(this.association);
-    this.id = this.$route.query.id;
-    //this.getInfo();
-    this.getPlan();
+    // 页面加载完成后执行
+    window.addEventListener('scroll', this.handleScroll, true)
+
+    //console.log(this.$route.query.id);
+    //this.formData.token = this.$route.query.token;
+    //this.formData.openid = this.$route.query.openid;
+    //获取行业
     this.getIndustry();
+    //获取地区
     this.getRegion();
-    this.getMemberList();
+    //获取全世界
+    this.getInternationa('');
+
+    this.getUserList();
+    //this.getInfo();
   },
   methods: {
-    onChange(value, context) {
-      this.work.time = value[0] + '至' + value[1];
+    getMemberInfo(d) {
+      console.log(d);
+      var index = this.member_list.findIndex(item => item.id == d);
+      this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
     },
-    addTuan() {
-      if (this.tuan.name == '') {
-        this.$message.error('请输入姓名！', 1500);
-        return;
-      }
-      if (this.tuan.sex == '') {
-        this.$message.error('请输入性别！', 1500);
-        return;
-      }
-      if (this.tuan.job == '') {
-        this.$message.error('请输入单位职务！', 1500);
-        return;
-      }
-      if (this.tuan.tun_job == '') {
-        this.$message.error('请输入团委职务！', 1500);
-        return;
-      }
-      if (this.tuan.phone == '') {
-        this.$message.error('请输入手机号！', 1500);
-        return;
-      }
-      var k = { ...this.tuan };
-      this.tuan_list.push(k);
-      this.tuan.name = '';
-      this.tuan.sex = '';
-      this.tuan.job = '';
-      this.tuan.tun_job = '';
-      this.tuan.phone = '';
-    },
-    delTuan(index) {
-      this.tuan_list.splice(index, 1);
-    },
-    addWork() {
-      if (this.workList.length >= 12) {
-        this.$message.error('最多添加12条数据！', 1500);
-        return;
-      }
-      if (this.work.time == '') {
-        this.$message.error('请输入起止日期！', 1500);
-        return;
-      }
-      if (this.work.address == '') {
-        this.$message.error('请输入地区单位！', 1500);
-        return;
-      }
-      if (this.work.book == '') {
-        this.$message.error('请输入担任职务！', 1500);
-        return;
-      }
-      var k = { ...this.work };
-      this.workList.push(k);
-      this.work.time = '';
-      this.work.address = '';
-      this.work.book = '';
-      this.work_time = [];
-    },
-
-    delWork(index) {
-      this.workList.splice(index, 1);
-    },
-    addContacts() {
-      if (this.contacts.name == '') {
-        this.$message.error('请输入姓名！', 1500);
-        return;
-      }
-      if (this.contacts.post == '') {
-        this.$message.error('请输入职务！', 1500);
-        return;
-      }
-      if (this.contacts.phone == '') {
-        this.$message.error('请输入电话！', 1500);
-        return;
-      }
-      var k = { ...this.contacts };
-      this.contactsList.push(k);
-      this.contacts.name = '';
-      this.contacts.post = '';
-      this.contacts.phone = '';
-    },
-    delContacts(index) {
-      this.contactsList.splice(index, 1);
-    },
-    onSubmit() {
-      this.$refs.cropper.getCropBlob((data) => {
-        // do something
-        console.log(data);
-        console.log(this.caiImg);
-        const formData = new FormData();
-        formData.append('file', data, 'image.jpg');
-        formData.append('association_id', this.association.association_id);
-        console.log(formData);
-        axios
-          .post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
-            headers: {
-              'Content-Type': 'multipart/form-data',
-            },
-          })
-          .then((response) => {
-            console.log(response);
-            const { data } = response;
-            if (data.code == 1) {
-              this.formData.photo_image = data.data.url;
-              this.$message.success('图片上传成功！');
-              this.caiMode = false;
-              this.caiImg = '';
-              this.$refs.cropper.stopCrop();
-              this.$refs.cropper.clearCrop();
-            } else {
-              this.$message.error('图片上传失败！');
-            }
-          })
-          .catch((error) => {
-            console.error('文件上传失败', error);
-          });
-      });
-    },
-    onCloseMy() {
-      this.caiMode = false;
-    },
-    openCai() {
-      this.$refs.cropper.startCrop();
-      this.caiMode = true;
-    },
-    realTime(data) {
-      this.previews = data;
-    },
-    uploadImg(e, num) {
-      // 上传图片
-      // this.option.img
-      const file = e.target.files[0];
-      if (!/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/.test(e.target.value)) {
-        alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种');
+    getUserList() {
+      if (typeof (this.$route.query.recommendation_id) != 'undefined') {
+        this.formData.reporting_method = 2;
+      } else {
+        this.member_list = [];
         return false;
       }
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        let data;
-        if (typeof e.target.result === 'object') {
-          // 把Array Buffer转化为blob 如果是base64不需要
-          data = window.URL.createObjectURL(new Blob([e.target.result]));
-        } else {
-          data = e.target.result;
-        }
-        if (num === 1) {
-          this.caiImg = data;
-        } else if (num === 2) {
-          this.example2.img = data;
-        }
-      };
-      // 转化为base64
-      // reader.readAsDataURL(file)
-      // 转化为blob
-      reader.readAsArrayBuffer(file);
-    },
-    getMemberList() {
+      var recommendation_id = this.$route.query.recommendation_id;
       this.$request
-        .post('/move/association/memberList')
+        .post('/move/member/getrecommendationSelect', { openid: this.$route.query.openid })
         .then((res) => {
           console.log(res);
-          if (res.code == 1) {
-            this.member_list = res.data;
-          }
+          this.member_list = res.data;
+          var index = res.data.findIndex(item => item.id == recommendation_id);
+          this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
+          this.formData.recommendation_id = this.member_list[index].id;
+          this.formData.recommendation_name = this.member_list[index].nikename;
         })
         .catch((e) => {
           console.log(e);
         });
     },
-    imgLoad(msg) {
-      console.log(msg);
+    workTime(d, index) {
+      //this.formData.work[index].time = d[0] + '至' + d[1];
     },
-    formatResponse(res, type) {
-      console.log(res);
-      if (type == 0) {
-        this.formData.photo_image = res.data.url;
-      } else if (type == 1) {
-        this.formData.cardz_image = res.data.url;
-      } else if (type == 2) {
-        this.formData.cardf_image = res.data.url;
-      } else if (type == 3) {
-        this.formData.business_license_image = res.data.url;
-      } else if (type == 4) {
-        this.formData.documents_file = res.data.url;
-      } else {
-        this.formData.company_image = res.data.url;
-      }
+    load(nodes) {
+      console.log(nodes);
+      return new Promise((resolve) => {
+        this.$request
+          .post('/move/Internationa/index', { id: nodes.data.value })
+          .then((res) => {
+            const nodesData = res.data.map(item => ({
+              value: item.id,
+              label: item.name,
+              children: item.children
+            }));
+            resolve(nodesData);
+          })
+          .catch((e) => {
+            console.log(e);
+          });
 
-      return { url: res.data.fullurl };
+      });
+    },
+    getInternationa(thisPid) {
+      this.$request
+        .post('/move/Internationa/index', { id: thisPid })
+        .then((res) => {
+          console.log(res);
+          const nodes = res.data.map(item => ({
+            value: item.id,
+            label: item.name,
+            children: item.children
+          }));
+          this.internationa_list = nodes;
+        })
+        .catch((e) => {
+          console.log(e);
+        });
+    },
+    addTuan() {
+      this.formData.tuan.push({
+        name: '',
+        sex: '',
+        job: '',
+        tun_job: '',
+        phone: '',
+      });
+
+    },
+    delTuan(index) {
+      this.formData.tuan.splice(index, 1);
+    },
+    addWork() {
+      if (this.formData.work.length >= 12) {
+        this.$message.error('最多添加12条数据！', 1500);
+        return;
+      }
+      this.formData.work.push({
+        time: '',
+        address: '',
+        book: '',
+      });
+    },
+
+    delWork(index) {
+      this.formData.work.splice(index, 1);
+    },
+    addContacts() {
+      this.formData.other.push({
+        name: '',
+        post: '',
+        phone: '',
+      });
+    },
+    delContacts(index) {
+      this.formData.other.splice(index, 1);
+    },
+    download() {
+      if (this.isSubmit) {
+        this.$message.error('请先提交信息！', 1500);
+        return;
+      }
+      const link = document.createElement('a');
+      link.href = `https://hnyea.0rui.cn/api/move/pdf_member/exportPdf?openid=${this.formData.openid}`;
+      link.target = '_blank'; // 新标签页打开
+      link.rel = 'noopener noreferrer'; // 安全考虑
+      link.style.display = 'none';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link); // 清理 DOM
     },
     getRegion() {
       this.$request
@@ -1301,7 +1622,7 @@ export default {
     },
     getIndustry() {
       this.$request
-        .post('/industry')
+        .post('/move/industry/index', { association_id: 1 })
         .then((res) => {
           console.log(res);
           if (res.code == 1) {
@@ -1313,175 +1634,370 @@ export default {
           console.log(e);
         });
     },
-    getPlan() {
-      this.$request
-        .post('/position')
-        .then((res) => {
-          console.log(res);
-          if (res.code == 1) {
-            this.plan_list = res.data;
-          }
-        })
-        .catch((e) => {
-          console.log(e);
-        });
+    formatResponse(res, type) {
+      console.log(res);
+      console.log(this.formData.enterprise);
+      console.log(type);
+      if (type == 0) {
+        this.formData.photo_image = res.data.url;
+      } else if (type == 1) {
+        this.formData.cardz_image = res.data.url;
+      } else if (type == 2) {
+        this.formData.cardf_image = res.data.url;
+      } else if (type == 3) {
+        this.formData.business_license_image = res.data.url;
+      } else if (type == 4) {
+        this.formData.documents_file = res.data.url;
+      } else if (type == 5) {
+        this.formData.enterprise.push(res.data.url);
+      } else if (type == 6) {
+        this.formData.company_image = res.data.url;
+      } else if (type == 7) {
+        this.formData.enterprise_credit_report = res.data.url;
+      } else if (type == 8) {
+        this.formData.enterprise_credit_information_report = res.data.url;
+      } else if (type == 9) {
+        this.formData.certificate_of_no_criminal_record = res.data.url;
+      } else if (type == 10) {
+        this.formData.certificate_of_business_tax_payment_for_the_previous_year = res.data.url;
+      }
+      return { url: res.data.fullurl };
     },
     submit() {
-      // if (this.formData.business_license_image == '') {
-      //   this.$message.error('请上传营业执照！');
-      //   return;
-      // }
-      if (this.formData.phone == '') {
-        this.$message.error('请填写手机号！');
+      console.log(this.formData);
+      if (this.formData.reporting_method == null || this.formData.reporting_method == '') {
+        this.$message.error('请选择推荐方式！');
         return;
       }
-      if (this.formData.nikename == '') {
-        this.$message.error('请填写会员姓名！');
+      if (this.formData.reporting_method == 1) {
+        if (this.formData.recommended_cities == null || this.formData.recommended_cities == '') {
+          this.$message.error('请选择推荐地市!');
+          return;
+        }
+        if (this.formData.intentional_association_position == null || this.formData.intentional_association_position == '') {
+          this.$message.error('请选择意向协会职务!');
+          return;
+        }
+      }
+      if (this.formData.cardz_image == '') {
+        this.$message.error('请上传身份证正面！');
         return;
       }
-      // if (this.formData.unified_code == '') {
-      //   this.$message.error('请输入统一社会信用代码！');
-      //   return;
-      // }
-      if (this.formData.enterprise_name == '') {
-        this.$message.error('请填写企业名称！');
+      if (this.formData.cardf_image == '') {
+        this.$message.error('请上传身份证反面！');
         return;
       }
       if (this.formData.photo_image == '') {
-        this.formData.photo_image = '/uploads/20240517/8b2da599cd1e90fcfbb56bdf0f4f4181.webp';
-      }
-      if (this.formData.longitude == '') {
-        this.$message.error('请输入企业位置经度');
+        this.$message.error('请上传证件照！');
         return;
       }
-      if (this.formData.dimension == '') {
-        this.$message.error('请输入企业位置纬度');
+      if (this.formData.nikename == '') {
+        this.$message.error('请输入姓名！');
         return;
       }
-      // if (this.formData.enterprise_nature == '') {
-      //   this.$message.error('请输入企业性质！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_website == '') {
-      //   this.$message.error('请输入企业网址！');
-      //   return;
-      // }
-      // if (this.formData.if_list == null) {
-      //   this.$message.error('请选择是否上市！');
-      //   return;
-      // }
-      // if (this.formData.employee == '') {
-      //   this.$message.error('请输入员工人数！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_location == '') {
-      //   this.$message.error('请输入企业注册地！');
-      //   return;
-      // }
-      // if (this.formData.previous_revenue == '') {
-      //   this.$message.error('请输入上年度营业额！');
-      //   return;
-      // }
-      // if (this.formData.previous_tax == '') {
-      //   this.$message.error('请输入上年度纳税额！');
-      //   return;
-      // }
-      // if (this.formData.education == '') {
-      //   this.$message.error('请输入学历！');
-      //   return;
-      // }
-      // if (this.formData.previous_profit == '') {
-      //   this.$message.error('请输入上年度净利润！');
-      //   return;
-      // }
-      // if (this.formData.previous_donation == '') {
-      //   this.$message.error('请输入上年度公益性捐赠支出！');
-      //   return;
-      // }
-      // if (this.formData.qitaqiyerenzhiqingkuang == '') {
-      //   this.$message.error('请输入其他企业任职情况！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_Introduction == '') {
-      //   this.$message.error('请输入企业介绍！');
-      //   return;
-      // }
-      // if (this.formData.introdiction == '') {
-      //   this.$message.error('请输入业务介绍！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_honor == '') {
-      //   this.$message.error('请输入企业所获荣誉以及专利！');
-      //   return;
-      // }
-      // if (this.formData.if_organization == null) {
-      //   this.$message.error('是否建立团组织！');
-      //   return;
-      // }
-      // if (this.formData.if_organization == 0) {
-      //   if (this.formData.nature == '') {
-      //     this.$message.error('请输主团组织性质！');
-      //     return;
-      //   }
-      //   if (this.formData.jiantuan_time == '') {
-      //     this.$message.error('请输入建团时间！');
-      //     return;
-      //   }
-      //   if (this.formData.jiantuan_number == '') {
-      //     this.$message.error('请输入建团人数！');
-      //     return;
-      //   }
-      //   if (this.formData.youth_number == '') {
-      //     this.$message.error('请输入青年人数！');
-      //     return;
-      //   }
-      //   if (this.formData.superior_nature == '') {
-      //     this.$message.error('请输入上级团组织！');
-      //     return;
-      //   }
-      //   if (this.formData.tuanweifuzerenxinxi == '') {
-      //     this.$message.error('请输入团委负责人信息！');
-      //     return;
-      //   }
-      //   if (this.formData.documents_file == '') {
-      //     this.$message.error('请上传批复文件！');
-      //     return;
-      //   }
-      // }
-      this.formData.member_id = this.id;
-      if (this.workList.length > 0) {
-        this.formData.work_experience = JSON.stringify(this.workList);
+      if (this.formData.gender == null) {
+        this.$message.error('请选择性别！');
+        return;
       }
-      if (this.contactsList.length > 0) {
-        this.formData.other_contacts = JSON.stringify(this.contactsList);
+      if (this.formData.birth_time == '') {
+        this.$message.error('请选择出生日期！');
+        return;
       }
-      if (this.tuan_list.length > 0) {
-        this.formData.tuanweifuzerenxinxi = JSON.stringify(this.tuan_list);
+      if (this.formData.nation == '') {
+        this.$message.error('请选择民族！');
+        return;
       }
-      if (this.social_duties.length > 0) {
-        const splitAndJoin = this.social_duties
-          .map((item) => item.split(','))
-          .flat()
-          .filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
-          .join(',');
-        this.formData.main_social_positions = splitAndJoin;
+      if (this.formData.political == '' || this.formData.political == null) {
+        this.$message.error('请选择政治面貌！');
+        return;
       }
+      if (this.formData.card_number == '') {
+        this.$message.error('请输入身份证号码！');
+        return;
+      }
+      if (this.formData.work_unit == '') {
+        this.$message.error('请输入工作单位！');
+        return;
+      }
+      if (this.formData.unit_position == '') {
+        this.$message.error('请输入单位职务！');
+        return;
+      }
+      if (this.formData.jiguan == '' || this.formData.jiguan == null) {
+        this.$message.error('请选择籍贯！');
+        return;
+      }
+      if (this.formData.institution == '' || this.formData.institution == null) {
+        this.$message.error('请选择学历！');
+        return;
+      }
+      if (this.formData.academic_degree == '' || this.formData.academic_degree == null) {
+        this.$message.error('请选择学位！');
+        return;
+      }
+      if (this.formData.zip_code == '' || this.formData.zip_code == null) {
+        this.$message.error('请输入邮政编码！');
+        return;
+      }
+      if (this.formData.phone == '' || this.formData.phone == null) {
+        this.$message.error('请输入手机号码！');
+        return;
+      }
+      if (this.formData.region_id == '' || this.formData.region_id == null || this.formData.region_id.length == 0) {
+        this.$message.error('请选择所在区域！');
+        return;
+      }
+      if (this.formData.mail_address == '' || this.formData.mail_address == null) {
+        this.$message.error('请输入所在区域详细地址！');
+        return;
+      }
+      if (this.formData.introduction == '' || this.formData.introduction == null) {
+        this.$message.error('请输入个人简介！');
+        return;
+      }
+      if (this.formData.work == null || this.formData.work.length == 0) {
+        this.$message.error('请输入学习工作经历！');
+        return;
+      } else {
+        //转json字符串
+        console.log(typeof this.formData.work);
+
+        //把work里面的time转成年月日 至 年月日
+        if (typeof this.formData.work == 'object') {
+          this.formData.work.forEach(item => {
+            if (typeof item.time == 'object') {
+              item.time = item.time[0] + '至' + item.time[1];
+            } else {
+              item.time = item.time;
+            }
+          });
+          this.formData.work_experience = JSON.stringify(this.formData.work);
+        }
+      }
+      if (this.formData.main_social == null || this.formData.main_social.length == 0) {
+        this.$message.error('请选择主要社会职务！');
+        return;
+      } else {
+        //数组转字符串
+        this.formData.main_social_positions = this.formData.main_social.join(',');
+      }
+      // if (this.formData.other_social_positions == null || this.formData.other_social_positions == '') {
+      //   this.$message.error('请输入其他社会职务资料！');
+      //   return;
+      // }
+      if (this.formData.enterprise_name == null || this.formData.enterprise_name == '') {
+        this.$message.error('请输入企业名称！');
+        return;
+      }
+      if (this.formData.unified_code == null || this.formData.unified_code == '') {
+        this.$message.error('请输入统一社会信用代码！');
+        return;
+      }
+      if (this.formData.enterprise_location == null || this.formData.enterprise_location == '') {
+        this.$message.error('请输入企业注册地！');
+        return;
+      }
+      if (this.formData.longitude == null || this.formData.longitude == '') {
+        this.$message.error('请输入企业位置经度！');
+        return;
+      }
+      if (this.formData.dimension == null || this.formData.dimension == '') {
+        this.$message.error('请输入企业位置纬度！');
+        return;
+      }
+      if (this.formData.registered_capital == null || this.formData.registered_capital == '') {
+        this.$message.error('请输入注册资金（万元）！');
+        return;
+      }
+      if (this.formData.if_list == null) {
+        this.$message.error('请选择是否上市！');
+        return;
+      }
+      if (this.formData.if_list == 0) {
+        if (this.formData.employee == null || this.formData.employee == '') {
+          this.$message.error('请输入股票代码！');
+          return;
+        }
+        if (this.formData.birth_time == null || this.formData.birth_time == '') {
+          this.$message.error('请输入上市时间！');
+          return;
+        }
+      }
+      if (this.formData.industry_id == null || this.formData.industry_id == '') {
+        this.$message.error('请选择所属行业领域！');
+        return;
+      }
+      if (this.formData.enterprise_nature == null || this.formData.enterprise_nature == '') {
+        this.$message.error('请选择企业性质！');
+        return;
+      }
+      if (this.formData.previous_revenue == null || this.formData.previous_revenue == '') {
+        this.$message.error('请输入上年营业额（万元）！');
+        return;
+      }
+      if (this.formData.previous_tax == null || this.formData.previous_tax == '') {
+        this.$message.error('请输入上年纳税额（万元）！');
+        return;
+      }
+      if (this.formData.previous_profit == null || this.formData.previous_profit == '') {
+        this.$message.error('请输入上年度净利润（万元）！');
+        return;
+      }
+      if (this.formData.previous_donation == null || this.formData.previous_donation == '') {
+        this.$message.error('请输入上年公益性捐赠支出（万元）！');
+        return;
+      }
+      if (this.formData.business_license_image == null || this.formData.business_license_image == '') {
+        this.$message.error('请上传营业执照！');
+        return;
+      }
+      if (this.formData.company_image == null || this.formData.company_image == '') {
+        this.$message.error('请上传公司LOGO！');
+        return;
+      }
+      if (this.formData.enterprise_credit_report == null || this.formData.enterprise_credit_report == '') {
+        this.$message.error('请上传企业征信报告!');
+        return;
+      }
+      if (this.formData.certificate_of_no_criminal_record == null || this.formData.certificate_of_no_criminal_record == '') {
+        this.$message.error('请上传无犯罪记录证明!');
+        return;
+      }
+      if (this.formData.certificate_of_business_tax_payment_for_the_previous_year == null || this.formData.certificate_of_business_tax_payment_for_the_previous_year == '') {
+        this.$message.error('请上传上一年度企业营业税完税证明!');
+      }
+      if (this.formData.enterprise_credit_information_report == null || this.formData.enterprise_credit_information_report == '') {
+        this.$message.error('请上传企业信用信息报告!');
+        return;
+      }
+      if (this.formData.other.length == 0) {
+        this.$message.error('请输入紧急联系人!');
+        return;
+      } else {
+        this.formData.other_contacts = JSON.stringify(this.formData.other);
+      }
+      if (this.formData.enterprise_Introduction == null || this.formData.enterprise_Introduction == '') {
+        this.$message.error('请输入企业简介!');
+        return;
+      }
+      if (this.formData.enterprise.length == 0) {
+        this.$message.error('请上传荣誉与专利!');
+        return;
+      } else {
+        this.formData.enterprise_honor = JSON.stringify(this.formData.enterprise);
+      }
+      if (this.formData.qitaqiyerenzhiqingkuang == null || this.formData.qitaqiyerenzhiqingkuang == '') {
+        this.$message.error('请输入其他企业任职情况!');
+        return;
+      }
+      if (this.formData.enterprise_lvxingzeren == null || this.formData.enterprise_lvxingzeren == '') {
+        this.$message.error('请输入企业履行社会责任情况!');
+        return;
+      }
+      if (this.formData.if_abroad == null) {
+        this.$message.error('请选择是否开展海外业务!');
+        return;
+      }
+      if (this.formData.if_abroad == 1) {
+        if (this.formData.abroad_region_arr.length == 0) {
+          this.$message.error('请选择国家/城市!');
+          return;
+        } else {
+          this.formData.abroad_region_id = this.formData.abroad_region_arr.join(',');
+        }
+        if (this.formData.staff_size == null || this.formData.staff_size == '') {
+          this.$message.error('请输入人员规模!');
+          return;
+        }
+        if (this.formData.business_case == null || this.formData.business_case == '') {
+          this.$message.error('请输入经营情况!');
+          return;
+        }
+        if (this.formData.economic_and_trade_exchanges_with_china == null || this.formData.economic_and_trade_exchanges_with_china == '') {
+          this.$message.error('请输入涉华经贸往来情况!');
+          return;
+        }
+      }
+
+      if (this.formData.if_party == null) {
+        this.$message.error('请选择是否成立党组织!');
+        return;
+      }
+      if (this.formData.if_party == 1) {
+        if (this.formData.party_nature == null) {
+          this.$message.error('请选择党组织性质!');
+          return;
+        }
+        if (this.formData.partytime == null || this.formData.partytime == '') {
+          this.$message.error('请输入建党时间!');
+          return;
+        }
+        if (this.formData.party_number == null || this.formData.party_number == '') {
+          this.$message.error('请输入建党人数!');
+          return;
+        }
+        if (this.formData.manager_party == null || this.formData.manager_party == '') {
+          this.$message.error('请输入上级党组织!');
+          return;
+        }
+        if (this.formData.dang.length == 0) {
+          this.$message.error('请输入党委负责人信息!');
+          return;
+        } else {
+          this.formData.party_json = JSON.stringify(this.formData.dang);
+        }
+      }
+
+
+      if (this.formData.if_organization == null) {
+        this.$message.error('请选择是否成立团组织!');
+        return;
+      }
+      if (this.formData.if_organization == 0) {
+        if (this.formData.nature == null) {
+          this.$message.error('请选择团组织性质!');
+          return;
+        }
+        if (this.formData.jiantuan_time == null || this.formData.jiantuan_time == '') {
+          this.$message.error('请输入建团时间!');
+          return;
+        }
+        if (this.formData.jiantuan_number == null || this.formData.jiantuan_number == '') {
+          this.$message.error('请输入建团人数!');
+          return;
+        }
+        if (this.formData.youth_number == null || this.formData.youth_number == '') {
+          this.$message.error('请输入青年人数!');
+          return;
+        }
+        if (this.formData.superior_nature == null || this.formData.superior_nature == '') {
+          this.$message.error('请输入上级团组织!');
+          return;
+        }
+        if (this.formData.tuan.length == 0) {
+          this.$message.error('请输入团组织负责人信息!');
+          return;
+        } else {
+          this.formData.tuanweifuzerenxinxi = JSON.stringify(this.formData.tuan);
+        }
+      }
+      if (this.formData.achievement.length > 0) {
+        this.formData.achievement_award = JSON.stringify(this.formData.achievement);
+      }
+      console.log(this.formData);
       this.$request
         .post('/member/add', this.formData)
         .then((res) => {
           console.log(res);
           if (res.code == 1) {
-            this.$message.success('新增成功！');
-            this.$router.push(
-              {
-                path: '/user/user_index_1',
-              },
-              500,
-            );
+            this.$message.success(res.msg);
           } else {
             this.$message.error(res.msg);
           }
-          //this.getInfo();
+          // setTimeout(() => {
+          //   this.$router.push(`/login?id=`+this.id);
+          // }, 1000);
+          this.getInfo();
         })
         .catch((e) => {
           console.log(e);
@@ -1508,6 +2024,12 @@ export default {
     onCreatedLX(editor) {
       this.editorLX = Object.seal(editor);
     },
+    onCreatedJY(editor) {
+      this.editorJY = Object.seal(editor);
+    },
+    onCreatedSH(editor) {
+      this.editorSH = Object.seal(editor);
+    },
     customPaste(editor, event, callback) {
       console.log('ClipboardEvent 粘贴事件对象', event);
       var text = event.clipboardData.getData('text/plain');
@@ -1517,11 +2039,200 @@ export default {
       callback(false);
       // 返回 true ，继续默认的粘贴行为
     },
+    addHj() {
+      this.formData.achievement.push({
+        time: '',
+        name: '',
+        organ: '',
+      });
+    },
+    delHj(index) {
+      this.formData.achievement.splice(index, 1);
+    },
+    delZl(index) {
+      this.formData.enterprise.splice(index, 1);
+    },
+    delParty(index) {
+      this.formData.dang.splice(index, 1);
+    },
+    addParty() {
+      this.formData.dang.push({
+        name: '',
+        sex: '',
+        danwei_zhiwu: '',
+        party_zhiwu: '',
+        phone: '',
+      });
+    },
+    scrollTo(v, k, item, index) {
+      // First set all cards to inactive
+      this.right_card_list.forEach((card, i) => {
+        card.active = (i === index);
+        if (card.key != 7) {
+          card.content.forEach(content => {
+            content.active = false;
+          });
+        }
+      });
+
+      // Then set the specific content item to active
+      this.right_card_list[index].content[k].active = true;
+    },
+    handleScroll() {
+      console.log('handleScroll', window);
+      //const scrollY = window.scrollY || document.documentElement.scrollTop;
+      var scrollTop = this.$parent.$el.scrollTop
+      console.log(scrollTop);
+      if (scrollY >= 0 && scrollY <= 150) {
+        this.collapse = [1];
+        this.clearActive();
+        this.right_card_list[0].active = true;
+        this.right_card_list[0].content[0].active = true;
+      } else if (scrollY > 150 && scrollY <= 305) {
+        this.collapse = [1];
+        this.clearActive();
+        this.right_card_list[0].active = true;
+        this.right_card_list[0].content[1].active = true;
+      } else if (scrollY > 305 && scrollY <= 555) {
+        this.collapse = [1];
+        this.clearActive();
+        this.right_card_list[0].active = true;
+        this.right_card_list[0].content[2].active = true;
+      } else if (scrollY > 555 && scrollY <= 1181) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[0].active = true;
+      } else if (scrollY > 1181 && scrollY <= 1639) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[1].active = true;
+      } else if (scrollY > 1639 && scrollY <= 1842) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[2].active = true;
+      } else if (scrollY > 1842 && scrollY <= 1957) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[3].active = true;
+      } else if (scrollY > 1700 && scrollY <= 2455) {
+        this.collapse = [3];
+        this.clearActive();
+        this.right_card_list[2].active = true;
+        this.right_card_list[2].content[0].active = true;
+      } else if (scrollY > 2455 && scrollY <= 2894) {
+        this.collapse = [3];
+        this.clearActive();
+        this.right_card_list[2].active = true;
+        this.right_card_list[2].content[1].active = true;
+      } else if (scrollY > 2894 && scrollY <= 3331) {
+        this.collapse = [3];
+        this.clearActive();
+        this.right_card_list[2].active = true;
+        this.right_card_list[2].content[2].active = true;
+      } else if (scrollY > 3243 && scrollY <= 4900) {
+        this.collapse = [4];
+        this.clearActive();
+        this.right_card_list[3].active = true;
+        this.right_card_list[3].content[0].active = true;
+      } else if (scrollY > 4900 && scrollY <= 4975) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[0].active = true;
+      } else if (scrollY > 4975 && scrollY <= 5112) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[1].active = true;
+      } else if (scrollY > 5112 && scrollY <= 5246) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[2].active = true;
+      } else if (scrollY > 5246 && scrollY <= 5723) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[3].active = true;
+      } else if (scrollY > 5723 && scrollY <= 6340) {
+        this.collapse = [6];
+        this.clearActive();
+        this.right_card_list[5].active = true;
+        this.right_card_list[5].content[0].active = true;
+      } else if (scrollY > 6340 && scrollY <= 6506) {
+        this.collapse = [6];
+        this.clearActive();
+        this.right_card_list[5].active = true;
+        this.right_card_list[5].content[1].active = true;
+      }
+    },
+    clearActive() {
+      this.right_card_list.forEach(item => {
+        item.active = false;
+        if (item.key != 7) {
+          item.content.forEach(content => {
+            content.active = false;
+          });
+        }
+      });
+    },
+    getExt(url) {
+      if (url == null) {
+        return '';
+      }
+      return url.split('.').pop();
+    },
+    scrollToSubmit(item) {
+      console.log(item);
+      if (item.key == 7) {
+        this.collapse = [7];
+        this.clearActive();
+        this.right_card_list[6].active = true;
+      }
+    },
   },
+
 };
 </script>
 <style src="@wangeditor/editor/dist/css/style.css"></style>
-<style scoped lang="less">
+<style lang="less" scoped>
+.result-success {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 75vh;
+
+  &-icon {
+    font-size: 72px;
+    color: var(--td-success-color);
+  }
+
+  &-title {
+    margin-top: 28px;
+    font-size: 20px;
+    color: var(--td-text-color-primary);
+    text-align: center;
+    line-height: 28px;
+    font-weight: 500;
+  }
+
+  &-describe {
+    margin: 8px 0 32px;
+    font-size: 14px;
+    color: var(--td-text-color-secondary);
+    line-height: 22px;
+  }
+}
+
+.t-button+.t-button {
+  margin-left: var(--td-comp-margin-s);
+}
+
 .cropper-content {
   display: flex;
   display: -webkit-flex;
@@ -1602,14 +2313,78 @@ export default {
 .sfz {
   cursor: pointer;
   text-align: center;
-  width: 300px;
-  height: 200px;
-  line-height: 200px;
-  border: 1px dashed #999999;
-  margin-bottom: 20px;
 }
 
-.sfz:hover {
-  border: 1px dashed #409eff;
+.w-e-full-screen-container {
+  z-index: 1024;
 }
-</style>
+
+.top_title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 8px;
+  width: 185px;
+  padding: 0px 10px;
+  font-weight: 400;
+}
+
+.top_title_no_active {
+  background: #F5F6F8;
+  color: #000000;
+}
+
+.top_title_active {
+  background: #2552CD;
+  color: #fff;
+}
+
+.nei_color {
+  color: #999999;
+}
+
+.nei_color_active {
+  color: #2552CD;
+}
+
+.title_box {
+  font-size: 17px;
+  font-weight: 600;
+  margin: 20px 0px;
+  color: #3D3D3D;
+}
+
+.title_box_active {
+  font-size: 17px;
+  font-weight: 600;
+  margin: 20px 0px;
+  color: #2552CD;
+}
+
+//优化滚动条
+::-webkit-scrollbar {
+  width: 5px !important;
+  height: 5px !important;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1 !important;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #000;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #889fdd;
+}
+
+.input_box {
+  width: 270px;
+}
+
+.input_box_end {
+  width: 565px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/user/user_edit.vue b/src/pages/user/user_edit.vue
index f464c88..670e865 100644
--- a/src/pages/user/user_edit.vue
+++ b/src/pages/user/user_edit.vue
@@ -1,22 +1,30 @@
 <template>
-  <div class="detail-base">
-    <t-card title="会员编辑" :bordered="false" class="info-block">
-      <div style="padding: 20px; margin-top: 20px">
-        <div>
-          <div>
-            <div style="color: #2e2e2e; font-size: 30px">1.入会资料</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="padding: 30px 0px">
+  <div v-if="show"
+    style="display: flex;justify-content: space-between;gap:20px;">
+    <!-- <div>
+      <img src="https://hnyea.0rui.cn/uploads/1/20240820/7c06389c1dd2fbd4f2d191cdb6c67bb1.png" style="width: 100%"/>
+    </div> -->
+    <div>
+      <div>
+        <div style="background-color: #fff;border-radius: 10px;padding: 20px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">入会申请</div>
+          </div>
+          <div style="padding: 0px 15px">
+            <div id="tuijian" class="title_box">1.推荐信息</div>
+            <div>
               <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                <t-form-item name="name" label="推荐方式">
+                <t-form-item name="name" label="推荐方式" :requiredMark="true">
                   <t-select size="large" v-model="formData.reporting_method">
-                    <t-option label="个人自荐" value="3" />
-                    <t-option label="会员推荐" value="2" />
-                    <t-option label="组织推荐" value="1" />
+                    <t-option label="组织推荐" :value="1" />
+                    <t-option label="会员推荐" :value="2" />
+                    <t-option label="个人自荐" :value="3" />
                   </t-select>
                 </t-form-item>
                 <template v-if="formData.reporting_method == 3">
-                  <t-form-item name="name" label="来源渠道">
+                  <t-form-item name="name" label="来源渠道" :requiredMark="true">
                     <t-select size="large" v-model="formData.source_channel" placeholder="请选择来源渠道">
                       <t-option value="网络来源" label="网络来源" key="网络来源"></t-option>
                       <t-option value="微信公众号来源" label="微信公众号来源" key="微信公众号来源"></t-option>
@@ -26,44 +34,26 @@
                   </t-form-item>
                 </template>
                 <template v-if="formData.reporting_method == 1">
-                  <t-form-item name="name" label="推荐地市">
+                  <t-form-item name="name" label="推荐地市" :requiredMark="true">
                     <t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
-                      <t-option
-                        v-for="item in region_list"
-                        :value="item.label"
-                        :label="item.label"
-                        :key="item.label"
-                      ></t-option>
+                      <t-option v-for="item in region_list" :value="item.label" :label="item.label"
+                        :key="item.label"></t-option>
                     </t-select>
                   </t-form-item>
                 </template>
                 <template v-if="formData.reporting_method == 2">
-                  <t-form-item name="name" label="推荐人姓名">
-                    <!--                  <t-input size="large"  placeholder="推荐人姓名" />-->
-                    <t-select
-                      v-model="formData.recommendation_name"
-                      filterable
-                      placeholder="推荐人姓名"
-                      :options="member_list"
-                      :keys="{ value: 'id', label: 'nikename', key: 'id' }"
-                      size="large"
-                      @change="getMemberInfo"
-                    ></t-select>
+                  <t-form-item name="name" label="推荐人姓名" :requiredMark="true">
+                    <t-select v-model="formData.recommendation_name" filterable placeholder="推荐人姓名"
+                      :options="member_list" :keys="{ value: 'id', label: 'nikename', key: 'id' }" size="large"
+                      @change="getMemberInfo"></t-select>
                   </t-form-item>
-                  <t-form-item label="推荐人单位名称及职务">
-                    <t-input
-                      size="large"
-                      v-model="formData.recommendation_content"
-                      placeholder="推荐人单位名称及职务"
-                    />
+                  <t-form-item label="推荐人单位名称及职务" :requiredMark="true">
+                    <t-input size="large" readonly v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务" />
                   </t-form-item>
                 </template>
-                <t-form-item label="意向协会职务">
-                  <t-select
-                    size="large"
-                    v-model="formData.intentional_association_position"
-                    :style="{ width: '200px' }"
-                  >
+                <t-form-item label="意向协会职务" :requiredMark="true">
+                  <t-select size="large" v-model="formData.intentional_association_position"
+                    :style="{ width: '200px' }">
                     <t-option key="会员" label="会员" value="会员"></t-option>
                     <t-option key="理事" label="理事" value="理事"></t-option>
                     <t-option key="常务理事" label="常务理事" value="常务理事"></t-option>
@@ -72,84 +62,100 @@
               </t-form>
             </div>
           </div>
-          <div style="margin-top: 20px">
-            <div style="color: #2e2e2e; font-size: 30px">2.基本信息</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="display: flex; justify-items: center; padding: 30px 0px">
-              <div style="width: 50%">
-                <div>证件照</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div class="t-upload" @click="openCai" style="margin-top: 20px">
-                  <div
-                    style="
-                      cursor: pointer;
-                      text-align: center;
-                      width: 200px;
-                      height: 200px;
-                      line-height: 200px;
-                      border: 1px dashed #999999;
-                    "
-                  >
-                    <img
-                      :src="$store.state.user.apiUrl + formData.photo_image"
-                      style="width: 200px; display: block"
-                      v-if="formData.photo_image != '' && formData.photo_image != null"
-                    />
-                    <svg
-                      style="font-size: 35px"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      width="100px"
-                      height="100px"
-                      class="t-icon t-icon-add"
-                      v-if="formData.photo_image == '' || formData.photo_image == null"
-                    >
-                      <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
-                    </svg>
-                  </div>
-                  <small class="t-upload__tips t-size-s">请上传证件照，照片将作为会员证照</small>
+          <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+          <div style="padding: 0px 15px">
+            <div id="shenfen" class="title_box">2.身份信息</div>
+            <div style="display: flex; justify-items: center;">
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>身份证正面:</span>
                 </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 1)">
+                  <div class="sfz">
+                    <img v-if="formData.cardz_image == ''" src="/src/assets/card1.png"
+                      style="width: 220px; height: 124px;">
+                    <img v-if="formData.cardz_image != ''" :src="$store.state.user.apiUrl + formData.cardz_image"
+                      style="width: 220px; height: 124px;object-fit: cover;" />
+                  </div>
+                </t-upload>
               </div>
               <div style="margin-left: 50px">
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>身份证反面:</span>
+                </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" :data="{ association_id: 1 }"
+                  theme="custom" accept="image/*" :format-response="(response) => formatResponse(response, 2)">
+                  <div class="sfz">
+                    <img v-if="formData.cardf_image == ''" src="/src/assets/card2.png"
+                      style="width: 220px; height: 124px;">
+                    <img v-if="formData.cardf_image != ''" :src="$store.state.user.apiUrl + formData.cardf_image"
+                      style="width: 220px; height: 124px;object-fit: cover;" />
+                  </div>
+                </t-upload>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="jiben" class="title_box">3.基本信息</div>
+            <div style="display: flex; justify-items: center;">
+              <div style="width: 50%">
+                <div style="display: flex; align-items: center; margin-bottom: 10px">
+                  <span style="color: #d54941; margin-right: 5px">*</span>
+                  <span style="color: #000;">证件照</span>
+                </div>
+                <div>
+                  <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" :data="{ association_id: 1 }"
+                    theme="custom" accept="image/*" :format-response="(response) => formatResponse(response, 0)">
+                    <div class="sfz">
+                      <img v-if="formData.photo_image == ''" src="/src/assets/card3.png"
+                        style="width: 220px; height: 310px" />
+                      <img v-if="formData.photo_image != ''" :src="$store.state.user.apiUrl + formData.photo_image"
+                        style="width: 220px; height: 310px;object-fit: cover;" />
+                    </div>
+                  </t-upload>
+                </div>
+                <!-- <div class="t-upload" @click="openCai" style="margin-top: 10px">
+                  <div style="
+                    cursor: pointer;
+                  ">
+                    <img :src="$store.state.user.apiUrl + formData.photo_image" style="width: 200px; display: block"
+                      v-if="formData.photo_image != ''" />
+                    <img v-if="formData.photo_image == ''" src="/src/assets/card3.png">
+                  </div>
+                </div> -->
+                <t-form layout="inline" labelAlign="top">
+                  <t-form-item label="邮箱">
+                    <t-input size="large" v-model="formData.mailbox" placeholder="请输入邮箱" style="width: 220px" />
+                  </t-form-item>
+                </t-form>
+              </div>
+              <div style="margin-left: 30px">
                 <t-space direction="vertical">
                   <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                    <t-form-item label="姓名" :rules="[{ required: true, message: '此项必填' }]">
-                      <t-input size="large" v-model="formData.nikename" placeholder="请输入姓名" />
+                    <t-form-item label="姓名" :requiredMark="true">
+                      <t-input size="large" v-model="formData.nikename" placeholder="请输入姓名" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="性别" name="name">
-                      <t-select size="large" v-model="formData.gender" :style="{ width: '200px' }">
+                    <t-form-item label="曾姓名">
+                      <t-input size="large" v-model="formData.ceng_nikename" placeholder="请输入曾姓名" class="input_box" />
+                    </t-form-item>
+                    <t-form-item label="性别" name="name" :requiredMark="true">
+                      <t-select size="large" v-model="formData.gender" class="input_box">
                         <t-option :key="0" label="女" :value="0"></t-option>
                         <t-option :key="1" label="男" :value="1"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="协会职务">
-                      <t-select
-                        size="large"
-                        v-model="formData.position_id"
-                        placeholder="请选择协会职务"
-                        :style="{ width: '200px' }"
-                      >
-                        <t-option
-                          v-for="item in plan_list"
-                          :value="item.id"
-                          :label="item.position_name"
-                          :key="item.id"
-                        ></t-option>
-                      </t-select>
+                    <t-form-item label="出生年月日" :requiredMark="true">
+                      <t-date-picker size="large" v-model="formData.birth_time" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="出生年月日">
-                      <t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.birth_time" />
+                    <t-form-item label="民族" :requiredMark="true">
+                      <t-input size="large" v-model="formData.nation" placeholder="请输入民族" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="民族">
-                      <t-input size="large" v-model="formData.nation" placeholder="请输入民族" />
-                    </t-form-item>
-                    <t-form-item label="政治面貌">
-                      <t-select
-                        size="large"
-                        v-model="formData.political"
-                        placeholder="请选择政治面貌"
-                        :style="{ width: '200px' }"
-                      >
+                    <t-form-item label="政治面貌" :requiredMark="true">
+                      <t-select size="large" v-model="formData.political" placeholder="请选择政治面貌" class="input_box">
+                        <t-option value="群众" label="群众" key="群众"></t-option>
                         <t-option value="中共党员" label="中共党员" key="中共党员"></t-option>
                         <t-option value="中共预备党员" label="中共预备党员" key="中共预备党员"></t-option>
                         <t-option value="共青团员" label="共青团员" key="共青团员"></t-option>
@@ -162,34 +168,26 @@
                         <t-option value="九三学社社员" label="九三学社社员" key="九三学社社员"></t-option>
                         <t-option value="台盟盟员" label="台盟盟员" key="台盟盟员"></t-option>
                         <t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
-                        <t-option value="群众" label="群众" key="群众"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="身份证号码">
-                      <t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码" />
+                    <t-form-item label="身份证号码" :requiredMark="true">
+                      <t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="工作单位">
-                      <t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位" />
+                    <t-form-item label="工作单位" :requiredMark="true">
+                      <t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="单位职务">
-                      <t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务" />
+                    <t-form-item label="单位职务" :requiredMark="true">
+                      <t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="通讯地址">
-                      <t-input size="large" v-model="formData.mail_address" placeholder="请输入通讯地址" />
+
+                    <t-form-item label="籍贯" :requiredMark="true">
+                      <t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="籍贯">
-                      <t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯" />
+                    <t-form-item label="毕业院校" :requiredMark="true">
+                      <t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="毕业院校">
-                      <t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校" />
-                    </t-form-item>
-                    <t-form-item label="学历">
-                      <t-select
-                        size="large"
-                        v-model="formData.education"
-                        placeholder="请选择学历"
-                        :style="{ width: '200px' }"
-                      >
+                    <t-form-item label="学历" :requiredMark="true">
+                      <t-select size="large" v-model="formData.education" placeholder="请选择学历" class="input_box">
                         <t-option value="博士研究生" label="博士研究生" key="博士研究生"></t-option>
                         <t-option value="硕士研究生" label="硕士研究生" key="硕士研究生"></t-option>
                         <t-option value="本科" label="本科" key="本科"></t-option>
@@ -197,332 +195,221 @@
                         <t-option value="其他" label="其他" key="其他"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="学位">
-                      <t-select
-                        size="large"
-                        v-model="formData.academic_degree"
-                        placeholder="请选择学位"
-                        :style="{ width: '200px' }"
-                      >
+                    <t-form-item label="学位" :requiredMark="true">
+                      <t-select size="large" v-model="formData.academic_degree" placeholder="请选择学位" class="input_box">
                         <t-option value="博士" label="博士" key="博士"></t-option>
                         <t-option value="硕士" label="硕士" key="硕士"></t-option>
                         <t-option value="学士" label="学士" key="学士"></t-option>
                         <t-option value="其他" label="其他" key="其他"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="邮编">
-                      <t-input size="large" v-model="formData.zip_code" placeholder="请输入邮编" />
+                    <t-form-item label="邮编" :requiredMark="true">
+                      <t-input size="large" v-model="formData.zip_code" placeholder="请输入邮编" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="手机号" :rules="[{ required: true, message: '此项必填' }]">
-                      <t-input size="large" v-model="formData.phone" placeholder="请输入手机号" />
-                    </t-form-item>
-                    <t-form-item label="邮箱">
-                      <t-input size="large" v-model="formData.mailbox" placeholder="请输入邮箱" />
+                    <t-form-item label="手机号" :requiredMark="true">
+                      <t-input size="large" v-model="formData.phone" placeholder="请输入手机号" class="input_box" />
                     </t-form-item>
                     <t-form-item label="微信">
-                      <t-input size="large" v-model="formData.wx_number" placeholder="请输入微信" />
+                      <t-input size="large" v-model="formData.wx_number" placeholder="请输入微信" class="input_box" />
                     </t-form-item>
+
                     <t-form-item label="固定电话">
-                      <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话" />
+                      <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"
+                        class="input_box" />
                     </t-form-item>
-                    <t-form-item label="所在区域" name="region_id">
-                      <t-cascader
-                        size="large"
-                        v-model="formData.region_id"
-                        :options="region_list"
-                        :style="{ width: '200px' }"
-                      ></t-cascader>
+                    <t-form-item label="所在区域" name="region_id" :requiredMark="true">
+                      <t-cascader size="large" v-model="formData.region_id" :options="region_list"
+                        class="input_box"></t-cascader>
+                    </t-form-item>
+                    <t-form-item label="所在区域详细地址" :requiredMark="true">
+                      <t-input size="large" v-model="formData.mail_address" placeholder="请输入所在区域详细地址"
+                        class="input_box_end" />
                     </t-form-item>
                   </t-form>
                 </t-space>
               </div>
             </div>
+          </div>
+        </div>
+        <div style="background-color: #ffffff; padding: 20px;border-radius: 10px;margin-top: 20px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">个人背景</div>
+          </div>
+          <div style="padding-left: 15px;">
             <div>
-              <div>身份证照</div>
-              <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-              <div style="display: flex; justify-items: center; padding: 30px 0px">
-                <div style="text-align: center">
-                  <div class="sfz">
-                    <span v-if="formData.cardz_image == '' || formData.cardz_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
-                    <img
-                      v-if="formData.cardz_image != '' && formData.cardz_image != null"
-                      :src="$store.state.user.apiUrl + formData.cardz_image"
-                      style="width: 100%; max-height: 200px"
-                    />
-                  </div>
-                  <div style="margin: 10px 0px">请上传身份证正面照片</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.cardz_image_show"
-                    theme="custom"
-                    :data="{ association_id: 1 }"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 1)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
-                </div>
-                <div style="margin-left: 100px; text-align: center">
-                  <div class="sfz">
-                    <span v-if="formData.cardf_image == '' || formData.cardf_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
-                    <img
-                      v-if="formData.cardf_image != '' && formData.cardf_image != null"
-                      :src="$store.state.user.apiUrl + formData.cardf_image"
-                      style="width: 100%; max-height: 200px"
-                    />
-                  </div>
-                  <div style="margin: 10px 0px">请上传身份证背面照片</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.cardf_image_show"
-                    :data="{ association_id: 1 }"
-                    theme="custom"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 2)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
-                </div>
-              </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between">
-              <div style="width: 49%">
-                <div>个人简介</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorJJ"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.introduction"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedJJ(e)"
-                    />
-                  </div>
-                </div>
-              </div>
-              <div style="width: 49%">
-                <div>主要成就以及获奖情况</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorCJ"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.achievement_award"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedCJ(e)"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div style="margin-top: 30px">学习工作经历</div>
-          <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-          <div style="display: flex; margin-top: 20px">
-            <div style="width: 30%">
-              <t-space direction="vertical">
-                <t-form labelAlign="top" :labelWidth="100">
-                  <t-form-item label="起止日期">
-                    <t-date-range-picker mode="month" size="large" v-model="work_time" allow-input @change="onChange" />
-                  </t-form-item>
-                  <t-form-item label="地区单位">
-                    <t-input size="large" v-model="work.address" placeholder="请输入地区单位" />
-                  </t-form-item>
-                  <t-form-item label="担任职务">
-                    <t-input size="large" v-model="work.book" placeholder="请输入担任职务" />
-                  </t-form-item>
-                </t-form>
-                <t-button @click="addWork" theme="primary">添加</t-button>
-              </t-space>
-            </div>
-            <div style="width: 100%">
-              <table style="width: 100%; border-collapse: collapse">
-                <tr align="center">
-                  <th>起止日期</th>
-                  <th>地区单位</th>
-                  <th>担任职务</th>
-                  <th>操作</th>
-                </tr>
-                <tr align="center" v-for="(item, index) in workList" :key="index">
-                  <td>{{ item.time }}</td>
-                  <td>{{ item.address }}</td>
-                  <td>{{ item.book }}</td>
-                  <td>
-                    <t-button @click="delWork(index)" theme="danger" size="small">移除</t-button>
-                  </td>
-                </tr>
-              </table>
-            </div>
-          </div>
-          <div style="margin-top: 30px">社会职务资料</div>
-          <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-          <div style="display: flex; margin-top: 20px">
-            <div style="width: 35%">
-              <div>主要社会职务(可多选)</div>
+              <div id="gerenjianjie" class="title_box">1.个人简介</div>
               <div style="margin-top: 20px">
+                <div style="margin-bottom: 10px;">描述经历或特长</div>
+                <div style="border: 1px solid #ccc">
+                  <!-- 工具栏 -->
+                  <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorJJ"
+                    :defaultConfig="toolbarConfig" />
+                  <Editor style="height: 300px" v-model="formData.introduction" :defaultConfig="editorConfig"
+                    mode="default" @customPaste="customPaste" @onCreated="(e) => onCreatedJJ(e)" />
+                </div>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="zhuyaochengjiu" class="title_box">2.主要成就以及获奖情况</div>
+            <div style="display: flex; margin-top: 20px">
+              <div>
                 <t-space direction="vertical">
-                  <t-form>
-                    <t-form-item>
-                      <t-checkbox-group v-model="social_duties">
-                        <t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
-                        <t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
-                        <t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
-                        <t-checkbox value="省级人大代表">省级人大代表</t-checkbox>
-                        <t-checkbox value="省级政协委员">省级政协委员</t-checkbox>
-                        <t-checkbox value="省级青联委员">省级青联委员</t-checkbox>
-                        <t-checkbox value="市级人大代表">市级人大代表</t-checkbox>
-                        <t-checkbox value="市级政协委员">市级政协委员</t-checkbox>
-                        <t-checkbox value="市级青联委员">市级青联委员</t-checkbox>
-                      </t-checkbox-group>
+                  <t-form layout="inline" labelAlign="top" :labelWidth="100"
+                    v-for="(item, index) in formData.achievement">
+                    <t-form-item label="获奖时间">
+                      <t-date-picker size="large" v-model="item.time" />
+                    </t-form-item>
+                    <t-form-item label="获奖名称">
+                      <t-input size="large" v-model="item.name" placeholder="请输入获奖名称" />
+                    </t-form-item>
+                    <t-form-item label="颁发机构">
+                      <t-input size="large" v-model="item.organ" placeholder="请输入颁发机构" />
+                    </t-form-item>
+                    <t-form-item label=" ">
+                      <div>
+                        <img src="/src/assets/del.png" @click="delHj(index)"
+                          style="cursor: pointer;width: 30px;height: 30px;" />
+                      </div>
                     </t-form-item>
                   </t-form>
+                  <t-button @click="addHj" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
                 </t-space>
               </div>
             </div>
-            <div style="width: 100%">
-              <div style="width: 49%">
-                <div>其他社会职务</div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="xuexijiuzheng" class="title_box">3.学习工作经历</div>
+            <div style="display: flex; margin-top: 20px">
+              <div>
+                <t-space direction="vertical">
+                  <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.work">
+                    <t-form-item label="起止日期" :requiredMark="true">
+                      <t-date-range-picker size="large" mode="month" v-model="item.time" allow-input />
+                    </t-form-item>
+                    <t-form-item label="地区单位" :requiredMark="true">
+                      <t-input size="large" v-model="item.address" placeholder="请输入地区单位" />
+                    </t-form-item>
+                    <t-form-item label="担任职务" :requiredMark="true">
+                      <t-input size="large" v-model="item.book" placeholder="请输入担任职务" />
+                    </t-form-item>
+                    <t-form-item label=" ">
+                      <div>
+                        <img src="/src/assets/del.png" @click="delWork(index)"
+                          style="cursor: pointer;width: 30px;height: 30px;" />
+                      </div>
+                    </t-form-item>
+                  </t-form>
+                  <t-button @click="addWork" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                </t-space>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="shehuizhiwu" class="title_box">4.社会职务</div>
+            <div style="display: flex; margin-top: 20px">
+              <div style="width: 35%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>主要社会职务(可多选)</span>
+                </div>
                 <div style="margin-top: 20px">
-                  <t-textarea
-                    placeholder="其他社会职务"
-                    :autosize="{ minRows: 7, maxRows: 7 }"
-                    v-model="formData.other_social_positions"
-                  />
+                  <t-space direction="vertical">
+                    <t-form>
+                      <t-form-item>
+                        <t-checkbox-group v-model="formData.main_social">
+                          <t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
+                          <t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
+                          <t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
+                          <t-checkbox value="省级人大代表">省级人大代表</t-checkbox>
+                          <t-checkbox value="省级政协委员">省级政协委员</t-checkbox>
+                          <t-checkbox value="省级青联委员">省级青联委员</t-checkbox>
+                          <t-checkbox value="市级人大代表">市级人大代表</t-checkbox>
+                          <t-checkbox value="市级政协委员">市级政协委员</t-checkbox>
+                          <t-checkbox value="市级青联委员">市级青联委员</t-checkbox>
+                        </t-checkbox-group>
+                      </t-form-item>
+                    </t-form>
+                  </t-space>
+                </div>
+              </div>
+              <div style="width: 100%">
+                <div style="width: 49%">
+                  <div>其他社会职务</div>
+                  <div style="margin-top: 20px">
+                    <t-textarea placeholder="请输入其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }"
+                      v-model="formData.other_social_positions" />
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-          <div style="margin-top: 30px">紧急（助理）联系人</div>
-          <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-          <div style="display: flex; margin-top: 20px">
-            <div style="width: 30%">
-              <t-space direction="vertical">
-                <t-form labelAlign="top" :labelWidth="100">
-                  <t-form-item label="姓名">
-                    <t-input size="large" v-model="contacts.name" placeholder="请输入姓名" />
-                  </t-form-item>
-                  <t-form-item label="职务">
-                    <t-input size="large" v-model="contacts.post" placeholder="请输入职务" />
-                  </t-form-item>
-                  <t-form-item label="电话">
-                    <t-input size="large" v-model="contacts.phone" placeholder="请输入电话" />
-                  </t-form-item>
-                </t-form>
-                <t-button @click="addContacts" theme="primary">添加</t-button>
-              </t-space>
-            </div>
-            <div style="width: 100%">
-              <table style="width: 100%; border-collapse: collapse">
-                <thead>
-                  <tr align="center">
-                    <th>姓名</th>
-                    <th>职务</th>
-                    <th>电话</th>
-                    <th>操作</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr align="center" v-for="(item, index) in contactsList" :key="index">
-                    <td>{{ item.name }}</td>
-                    <td>{{ item.post }}</td>
-                    <td>{{ item.phone }}</td>
-                    <td style="text-align: center">
-                      <t-button @click="delContacts(index)" theme="danger" size="small">移除</t-button>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+        </div>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">企业资质</div>
           </div>
-          <div style="margin-top: 30px">
-            <div style="color: #2e2e2e; font-size: 30px">3.企业信息</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="display: flex; justify-items: center; padding: 30px 0px">
+          <div style="padding-left: 15px;">
+            <div id="qiyejiben" class="title_box">1.基本信息</div>
+            <div style="display: flex; justify-items: center;">
               <div style="width: 100%">
                 <t-space direction="vertical">
                   <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                    <t-form-item label="企业名称">
-                      <t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称" />
+                    <t-form-item label="企业名称" :requiredMark="true">
+                      <t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称"
+                        style="width: 400px;" />
                     </t-form-item>
-                    <t-form-item label="统一社会信用代码">
-                      <t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码" />
+                    <t-form-item label="统一社会信用代码" :requiredMark="true">
+                      <t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="企业注册地">
-                      <t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地" />
+                    <t-form-item label="企业注册地" :requiredMark="true">
+                      <t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="企业位置经度" help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
-                      <t-input size="large" v-model="formData.longitude" placeholder="地图经度（如：116.xxx ）" />
+                    <t-form-item :requiredMark="true" label="企业位置经度"
+                      help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
+                      <t-input size="large" v-model="formData.longitude" placeholder="地图经度（如：116.xxx ）"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="企业位置纬度" help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
-                      <t-input size="large" v-model="formData.dimension" placeholder="地图纬度（如：39.xxx ）" />
+                    <t-form-item :requiredMark="true" label="企业位置纬度"
+                      help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html">
+                      <t-input size="large" v-model="formData.dimension" placeholder="地图纬度（如：39.xxx ）"
+                        style="width: 500px;" />
                     </t-form-item>
-                    <t-form-item label="注册资金（万元）">
-                      <t-input size="large" v-model="formData.registered_capital" placeholder="注册资金（万元）" />
+                    <t-form-item label="注册资金（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.registered_capital" placeholder="注册资金（万元）"
+                        style="width: 400px;" />
                     </t-form-item>
-                    <t-form-item label="是否上市" name="name">
-                      <t-select size="large" v-model="formData.if_list" :style="{ width: '200px' }">
-                        <t-option key="0" label="是" value="0"></t-option>
-                        <t-option key="1" label="否" value="1"></t-option>
+                    <t-form-item label="是否上市" :requiredMark="true">
+                      <t-select size="large" v-model="formData.if_list" class="input_box">
+                        <t-option key="0" label="是" :value="0"></t-option>
+                        <t-option key="1" label="否" :value="1"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="员工人数">
-                      <t-input size="large" v-model="formData.employee" placeholder="请输入员工人数" />
+                    <template v-if="formData.if_list == 0">
+                      <t-form-item label="股票代码" :requiredMark="true">
+                        <t-input size="large" v-model="formData.stock_code" placeholder="请输入股票代码" class="input_box" />
+                      </t-form-item>
+                      <t-form-item label="上市时间" :requiredMark="true">
+                        <t-date-picker size="large" v-model="formData.market_to_time" class="input_box" />
+                      </t-form-item>
+                    </template>
+                    <t-form-item label="员工人数" :requiredMark="true">
+                      <t-input size="large" v-model="formData.employee" placeholder="请输入员工人数" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="所属行业" name="name">
-                      <t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
-                        <t-option
-                          v-for="(item, index) in industry_list"
-                          :label="item.industry_name"
-                          :value="item.id"
-                        ></t-option>
+                    <t-form-item label="所属行业领域" name="name" :requiredMark="true">
+                      <t-select size="large" v-model="formData.industry_id" class="input_box">
+                        <t-option v-for="(item, index) in industry_list" :label="item.industry_name"
+                          :value="item.id"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="企业网址">
+                    <!-- <t-form-item label="企业网址">
                       <t-input size="large" v-model="formData.enterprise_website" placeholder="企业网址" />
-                    </t-form-item>
-
-                    <t-form-item label="企业性质">
-                      <t-select size="large" v-model="formData.enterprise_nature" :style="{ width: '200px' }">
+                    </t-form-item> -->
+                    <t-form-item label="企业性质" :requiredMark="true">
+                      <t-select size="large" v-model="formData.enterprise_nature" class="input_box">
                         <t-option key="国有" label="国有" value="国有"></t-option>
                         <t-option key="私营" label="私营" value="私营"></t-option>
                         <t-option key="混合所有制" label="混合所有制" value="混合所有制"></t-option>
@@ -531,430 +418,640 @@
                         <t-option key="其他" label="其他" value="其他"></t-option>
                       </t-select>
                     </t-form-item>
-                    <t-form-item label="上年营业额（万元）">
-                      <t-input size="large" v-model="formData.previous_revenue" placeholder="上年营业额（万元）" />
+                    <t-form-item label="上年营业额（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_revenue" placeholder="上年营业额（万元）"
+                        class="input_box" />
                     </t-form-item>
-                    <t-form-item label="上年纳税额（万元）">
-                      <t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）" />
+                    <t-form-item label="上年纳税额（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）" class="input_box" />
                     </t-form-item>
-                    <t-form-item label="上年度净利润（万元）">
-                      <t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）" />
+                    <t-form-item label="上年度净利润（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"
+                        class="input_box" />
                     </t-form-item>
-                    <t-form-item label="上年公益性捐赠支出（万元）">
-                      <t-input
-                        size="large"
-                        v-model="formData.previous_donation"
-                        placeholder="上年公益性捐赠支出（万元）"
-                      />
+                    <t-form-item label="上年公益性捐赠支出（万元）" :requiredMark="true">
+                      <t-input size="large" v-model="formData.previous_donation" placeholder="上年公益性捐赠支出（万元）"
+                        class="input_box" />
                     </t-form-item>
                   </t-form>
                 </t-space>
               </div>
             </div>
-            <div>
-              <div>公司形象</div>
-              <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-              <div style="display: flex; justify-items: center; padding: 30px 0px">
-                <div style="text-align: center">
+          </div>
+          <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+          <div style="padding-left: 15px;">
+            <div id="falv" class="title_box">2.法律文件</div>
+            <div style="display: flex; justify-items: center;gap: 20px;width:60%;flex-wrap: wrap;">
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>营业执照:</span>
+                </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*,.pdf"
+                  :format-response="(response) => formatResponse(response, 3)">
                   <div class="sfz">
-                    <span v-if="formData.business_license_image == '' || formData.business_license_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
+                    <img v-if="formData.business_license_image == ''" src="/src/assets/c4.png"
+                      style="width:220px; height: 124px" />
                     <img
-                      v-if="formData.business_license_image != '' && formData.business_license_image != null"
+                      v-if="formData.business_license_image != '' && getExt(formData.business_license_image) != 'pdf'"
                       :src="$store.state.user.apiUrl + formData.business_license_image"
-                      style="width: 100%; max-height: 200px"
-                    />
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.business_license_image) == 'pdf'" style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
                   </div>
-                  <div style="margin: 10px 0px">请上传营业执照</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.business_license_image_show"
-                    theme="custom"
-                    :data="{ association_id: 1 }"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 3)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
+                </t-upload>
+              </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>公司LOGO:</span>
                 </div>
-                <div style="margin-left: 100px; text-align: center">
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 6)">
                   <div class="sfz">
-                    <span v-if="formData.company_image == '' || formData.company_image == null"
-                      ><svg
-                        style="font-size: 30px"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        width="100px"
-                        height="100px"
-                        class="t-icon t-icon-add"
-                      >
-                        <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                    ></span>
+                    <img v-if="formData.company_image == ''" src="/src/assets/c5.png"
+                      style="width:220px; height: 124px" />
+                    <img v-if="formData.company_image != ''" :src="$store.state.user.apiUrl + formData.company_image"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                  </div>
+                </t-upload>
+              </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>企业征信报告:</span>
+                </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*,.pdf"
+                  :format-response="(response) => formatResponse(response, 7)">
+                  <div class="sfz">
+                    <img v-if="formData.enterprise_credit_report == ''" src="/src/assets/c3.png"
+                      style="width:220px; height: 124px" />
                     <img
-                      v-if="formData.company_image != '' && formData.company_image != null"
-                      :src="$store.state.user.apiUrl + formData.company_image"
-                      style="width: 200px; max-height: 200px"
-                    />
-                  </div>
-                  <div style="margin: 10px 0px">请上传公司LOGO</div>
-                  <t-upload
-                    :action="$store.state.user.apiUrl + '/api/common/upload'"
-                    v-model="formData.company_image_show"
-                    :data="{ association_id: 1 }"
-                    theme="custom"
-                    accept="image/*"
-                    :format-response="(response) => formatResponse(response, 5)"
-                  >
-                    <t-button>上传图片</t-button>
-                  </t-upload>
-                </div>
-              </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
-              <div style="width: 49%">
-                <div>公司介绍</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorGS"
-                      :defaultConfig="toolbarConfig"
-                    />
+                      v-if="formData.enterprise_credit_report != '' && getExt(formData.enterprise_credit_report) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.enterprise_credit_report"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.enterprise_credit_report) == 'pdf'" style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
 
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.enterprise_Introduction"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedGS(e)"
-                    />
                   </div>
-                </div>
+                </t-upload>
               </div>
-              <div style="width: 49%">
-                <div>主营业务介绍</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorZY"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.introdiction"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedZY(e)"
-                    />
-                  </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>无犯罪记录证明:</span>
                 </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*,.pdf"
+                  :format-response="(response) => formatResponse(response, 9)">
+                  <div class="sfz">
+                    <img v-if="formData.certificate_of_no_criminal_record == ''" src="/src/assets/c1.png"
+                      style="width:220px; height: 124px" />
+                    <img
+                      v-if="formData.certificate_of_no_criminal_record != '' && getExt(formData.certificate_of_no_criminal_record) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.certificate_of_no_criminal_record"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.certificate_of_no_criminal_record) == 'pdf'"
+                      style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
+                  </div>
+                </t-upload>
               </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
-              <div style="width: 49%">
-                <div>企业所获荣誉以及专利</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorRY"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.enterprise_honor"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedRY(e)"
-                    />
-                  </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>上一年度企业营业税完税证明:</span>
                 </div>
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 10)">
+                  <div class="sfz">
+                    <img v-if="formData.certificate_of_business_tax_payment_for_the_previous_year == ''"
+                      src="/src/assets/c1.png" style="width:220px; height: 124px" />
+                    <img
+                      v-if="formData.certificate_of_business_tax_payment_for_the_previous_year != '' && getExt(formData.certificate_of_business_tax_payment_for_the_previous_year) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.certificate_of_business_tax_payment_for_the_previous_year"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.certificate_of_business_tax_payment_for_the_previous_year) == 'pdf'"
+                      style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
+                  </div>
+                </t-upload>
               </div>
-              <div style="width: 49%">
-                <div>其他企业任职情况</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorQT"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.qitaqiyerenzhiqingkuang"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedQT(e)"
-                    />
-                  </div>
+              <div>
+                <div style="margin-bottom: 15px;">
+                  <span style="color: #d54941;">*</span>
+                  <span>企业信用信息报告:</span>
                 </div>
-              </div>
-            </div>
-            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
-              <div style="width: 49%">
-                <div>企业履行社会责任情况</div>
-                <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                <div style="margin-top: 20px">
-                  <div style="border: 1px solid #ccc">
-                    <!-- 工具栏 -->
-                    <Toolbar
-                      style="border-bottom: 1px solid #ccc"
-                      mode="default"
-                      :editor="editorLX"
-                      :defaultConfig="toolbarConfig"
-                    />
-
-                    <Editor
-                      style="height: 300px"
-                      v-model="formData.enterprise_lvxingzeren"
-                      :defaultConfig="editorConfig"
-                      mode="default"
-                      @customPaste="customPaste"
-                      @onCreated="(e) => onCreatedLX(e)"
-                    />
+                <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                  :data="{ association_id: 1 }" accept="image/*"
+                  :format-response="(response) => formatResponse(response, 8)">
+                  <div class="sfz">
+                    <img v-if="formData.enterprise_credit_information_report == ''" src="/src/assets/c1.png"
+                      style="width:220px; height: 124px" />
+                    <img
+                      v-if="formData.enterprise_credit_information_report != '' && getExt(formData.enterprise_credit_information_report) != 'pdf'"
+                      :src="$store.state.user.apiUrl + formData.enterprise_credit_information_report"
+                      style="width:220px; height: 124px;object-fit: cover;" />
+                    <div v-if="getExt(formData.enterprise_credit_information_report) == 'pdf'"
+                      style="width: 220px; height: 124px;">
+                      <FilePowerpointIcon style="width: 100%; height: 100%;object-fit: cover;" />
+                    </div>
                   </div>
-                </div>
+                </t-upload>
               </div>
             </div>
           </div>
-          <div style="margin-top: 30px">
-            <div style="color: #2e2e2e; font-size: 30px">4.建团信息</div>
-            <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
-            <div style="padding: 30px 0px">
-              <t-space direction="vertical">
-                <t-form layout="inline" labelAlign="top" :labelWidth="100">
-                  <t-form-item label="是否建立团组织" name="name">
-                    <t-select size="large" v-model="formData.if_organization" :style="{ width: '200px' }">
-                      <t-option key="0" label="是" value="0"></t-option>
-                      <t-option key="1" label="否" value="1"></t-option>
-                    </t-select>
-                  </t-form-item>
-                </t-form>
-                <div v-if="formData.if_organization == 0">
-                  <div style="display: flex">
-                    <div>
-                      <t-form labelAlign="top" layout="inline">
-                        <t-form-item label="团组织性质" name="nature">
-                          <t-select
-                            size="large"
-                            v-model="formData.nature"
-                            placeholder="团组织性质"
-                            :style="{ width: '200px' }"
-                          >
-                            <t-option value="团支部" label="团支部" key="团支部"></t-option>
-                            <t-option value="团总支部" label="团总支部" key="团总支部"></t-option>
-                            <t-option value="团的基层委员会" label="团的基层委员会" key="团的基层委员会"></t-option>
-                          </t-select>
-                        </t-form-item>
-                        <t-form-item label="建团时间" name="jiantuan_time">
-                          <t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.jiantuan_time" />
-                        </t-form-item>
-                        <t-form-item label="建团人数" name="jiantuan_number">
-                          <t-input size="large" v-model="formData.jiantuan_number" placeholder="建团人数"></t-input>
-                        </t-form-item>
-
-                        <!--                <t-form-item label="团委负责人信息" name="tuanweifuzerenxinxi">-->
-                        <!--                  <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
-                        <!--                </t-form-item>-->
-                      </t-form>
-                      <t-form labelAlign="top" layout="inline" style="margin-top: 10px">
-                        <t-form-item label="青年人数" name="youth_number">
-                          <t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
-                        </t-form-item>
-                        <t-form-item label="上级团组织" name="superior_nature">
-                          <t-input size="large" v-model="formData.superior_nature" placeholder="上级团组织"></t-input>
-                        </t-form-item>
-                      </t-form>
-                    </div>
-                    <div>
-                      <div style="text-align: center">
-                        <div class="sfz">
-                          <span v-if="formData.documents_file == '' || formData.documents_file == null"
-                            ><svg
-                              style="font-size: 30px"
-                              fill="none"
-                              viewBox="0 0 24 24"
-                              width="100px"
-                              height="100px"
-                              class="t-icon t-icon-add"
-                            >
-                              <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
-                          ></span>
-                          <img
-                            v-if="formData.documents_file != '' && formData.documents_file != null"
-                            :src="$store.state.user.apiUrl + formData.documents_file"
-                            style="width: 100%; max-height: 200px"
-                          />
-                        </div>
-                        <div style="margin: 10px 0px">请上传批复文件</div>
-                        <t-upload
-                          :action="$store.state.user.apiUrl + '/api/common/upload'"
-                          v-model="formData.company_image_show"
-                          :data="{ association_id: 1 }"
-                          theme="custom"
-                          accept="image/*"
-                          :format-response="(response) => formatResponse(response, 4)"
-                        >
-                          <t-button>上传图片</t-button>
-                        </t-upload>
+          <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+          <div style="padding-left: 15px;">
+            <div id="jijing" class="title_box">3.紧急联系人</div>
+            <div style="display: flex; margin-top: 20px">
+              <div>
+                <t-space direction="vertical">
+                  <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.other">
+                    <t-form-item label="姓名" :requiredMark="true">
+                      <t-input size="large" v-model="item.name" placeholder="请输入姓名" />
+                    </t-form-item>
+                    <t-form-item label="职务" :requiredMark="true">
+                      <t-input size="large" v-model="item.post" placeholder="请输入职务" />
+                    </t-form-item>
+                    <t-form-item label="电话" :requiredMark="true">
+                      <t-input size="large" v-model="item.phone" placeholder="请输入电话" />
+                    </t-form-item>
+                    <t-form-item label=" ">
+                      <div>
+                        <img src="/src/assets/del.png" @click="delContacts(index)"
+                          style="cursor: pointer;width: 30px;height: 30px;" />
                       </div>
-                    </div>
-                  </div>
-
-                  <div style="margin-top: 30px">团委负责人信息</div>
-                  <div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
-                  <div style="display: flex; margin-top: 20px">
-                    <div style="width: 30%">
-                      <t-space direction="vertical">
-                        <t-form labelAlign="top" :labelWidth="100">
-                          <t-form-item label="姓名">
-                            <t-input size="large" v-model="tuan.name" placeholder="姓名" />
-                          </t-form-item>
-                          <t-form-item label="性别">
-                            <t-input size="large" v-model="tuan.sex" placeholder="性别" />
-                          </t-form-item>
-                          <t-form-item label="单位职务">
-                            <t-input size="large" v-model="tuan.job" placeholder="单位职务" />
-                          </t-form-item>
-                          <t-form-item label="团委职务">
-                            <t-input size="large" v-model="tuan.tun_job" placeholder="团委职务" />
-                          </t-form-item>
-                          <t-form-item label="手机号">
-                            <t-input size="large" v-model="tuan.phone" placeholder="手机号" />
-                          </t-form-item>
-                        </t-form>
-                        <t-button @click="addTuan" theme="primary">添加</t-button>
-                      </t-space>
-                    </div>
-                    <div style="width: 100%">
-                      <table style="width: 100%; border-collapse: collapse">
-                        <thead>
-                          <tr align="center">
-                            <th>姓名</th>
-                            <th>性别</th>
-                            <th>单位职务</th>
-                            <th>团委职务</th>
-                            <th>手机号</th>
-                            <th>操作</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr align="center" v-for="(item, index) in tuan_list" :key="index">
-                            <td>{{ item.name }}</td>
-                            <td>{{ item.sex }}</td>
-                            <td>{{ item.job }}</td>
-                            <td>{{ item.tun_job }}</td>
-                            <td>{{ item.phone }}</td>
-                            <td style="text-align: center">
-                              <t-button @click="delTuan(index)" theme="danger" size="small">移除</t-button>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
-                  </div>
-                </div>
-              </t-space>
+                    </t-form-item>
+                  </t-form>
+                  <t-button @click="addContacts" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                </t-space>
+              </div>
             </div>
           </div>
-          <div style="padding: 50px 0px; text-align: center">
-            <t-button size="large" @click="submit">提交修改</t-button>
-          </div>
         </div>
-        <t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
-          <div class="cropper-content">
-            <div class="cropper">
-              <vue-cropper
-                ref="cropper"
-                :img="caiImg"
-                :canMoveBox="false"
-                :output-size="1"
-                output-type="png"
-                :info="true"
-                :full="false"
-                :auto-crop="true"
-                autoCropWidth="200px"
-                autoCropHeight="200px"
-                mode="100%"
-                @realTime="realTime"
-                @imgLoad="imgLoad"
-                :fixed="true"
-                :fixedNumber="[1, 1]"
-              ></vue-cropper>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">企业概况</div>
+          </div>
+          <div style="padding-left: 15px;">
+            <div id="wendang" class="title_box">1.文档资料</div>
+            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>公司介绍</span>
+                </div>
+                <div style="margin-top: 10px">
+                  <div style="border: 1px solid #ccc">
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorGS"
+                      :defaultConfig="toolbarConfig" />
+                    <Editor style="height: 300px" v-model="formData.enterprise_Introduction"
+                      :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                      @onCreated="(e) => onCreatedGS(e)" />
+                  </div>
+                </div>
+              </div>
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>主营业务</span>
+                </div>
+                <div style="margin-top: 10px">
+                  <div style="border: 1px solid #ccc">
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorZY"
+                      :defaultConfig="toolbarConfig" />
+                    <Editor style="height: 300px" v-model="formData.introdiction" :defaultConfig="editorConfig"
+                      mode="default" @customPaste="customPaste" @onCreated="(e) => onCreatedZY(e)" />
+                  </div>
+                </div>
+              </div>
             </div>
-            <div
-              class="show-preview"
-              :style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
-            >
-              <div :style="previews.div" class="preview">
-                <img :src="previews.url" :style="previews.img" />
+            <div>
+              <div style="margin-top: 20px">
+                <span style="color: #d54941;">*</span>
+                <span>荣誉与专利</span>
+              </div>
+              <div style="display: flex; justify-content: start;margin-top: 10px;">
+                <div style="text-align: center">
+                  <t-upload :action="$store.state.user.apiUrl + '/api/common/upload'" theme="custom"
+                    :data="{ association_id: 1 }" accept="image/*,.pdf"
+                    :format-response="(response) => formatResponse(response, 5)">
+                    <div class="sfz" style="display: flex;justify-content: start;">
+                      <div v-if="formData.enterprise.length > 0" v-for="(item, index) in formData.enterprise"
+                        :key="index" style="margin-right: 20px;width: 220px; height: 293px;position: relative;">
+                        <div @click.stop="delZl(index)"
+                          style="z-index: 100;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;">
+                          <div style="position: absolute;left: 0;right: 0;top:35%;bottom: 0;margin: auto;">
+                            <img src="/src/assets/del.png" style="width: 30px;height: 30px;">
+                            <div style="color: #ffffff;font-size: 14px;">删除文件</div>
+                          </div>
+                        </div>
+                        <FilePowerpointIcon v-if="getExt(item) == 'pdf'"
+                          style="width: 100%; height: 100%;object-fit: cover;" />
+                        <img v-if="getExt(item) != 'pdf'" :src="$store.state.user.apiUrl + item"
+                          style="width: 100%; height: 100%;object-fit: cover;" />
+                      </div>
+                      <img src="/src/assets/card4.png" style="width: 220px;height: 293px;" />
+                    </div>
+                  </t-upload>
+                </div>
+              </div>
+            </div>
+            <div style="display: flex; justify-items: center; justify-content: space-between; margin-top: 20px">
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>其他企业任职情况</span>
+                </div>
+                <div style="margin-top: 20px">
+                  <!--                <t-textarea placeholder="请输入其他企业任职情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
+                  <!--                            v-model="formData.qitaqiyerenzhiqingkuang"/>-->
+                  <div style="border: 1px solid #ccc">
+                    <!-- 工具栏 -->
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorQT"
+                      :defaultConfig="toolbarConfig" />
+
+                    <Editor style="height: 300px" v-model="formData.qitaqiyerenzhiqingkuang"
+                      :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                      @onCreated="(e) => onCreatedQT(e)" />
+                  </div>
+                </div>
+              </div>
+              <div style="width: 49%">
+                <div>
+                  <span style="color: #d54941;">*</span>
+                  <span>企业履行社会责任情况</span>
+                </div>
+                <div style="margin-top: 20px">
+                  <!--                <t-textarea placeholder="请输入企业履行社会责任情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
+                  <!--                            v-model="formData.enterprise_lvxingzeren"/>-->
+                  <div style="border: 1px solid #ccc">
+                    <!-- 工具栏 -->
+                    <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorLX"
+                      :defaultConfig="toolbarConfig" />
+
+                    <Editor style="height: 300px" v-model="formData.enterprise_lvxingzeren"
+                      :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                      @onCreated="(e) => onCreatedLX(e)" />
+                  </div>
+                </div>
               </div>
             </div>
           </div>
-          <div class="footer-btn">
-            <div class="scope-btn">
-              <label class="btn" for="uploads">上传图片</label>
-              <input
-                type="file"
-                id="uploads"
-                style="position: absolute; clip: rect(0 0 0 0)"
-                accept="image/png, image/jpeg, image/gif, image/jpg"
-                @change="uploadImg($event, 1)"
-              />
+        </div>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">海外业务</div>
+          </div>
+          <div style="padding-left: 15px;">
+            <div id="haiwaijiben" class="title_box">1.基本信息</div>
+            <div>
+              <div>
+                <span style="color: #d54941;">*</span>
+                <span>是否开展海外业务</span>
+              </div>
+              <t-select size="large" v-model="formData.if_abroad" style="width:200px;margin-top: 10px;">
+                <t-option key="0" label="是" :value="1"></t-option>
+                <t-option key="1" label="否" :value="2"></t-option>
+              </t-select>
+            </div>
+            <div v-if="formData.if_abroad == 1">
+              <div>
+                <div id="haiwiquyu" class="title_box">2.区域与资源</div>
+                <div style="display: flex;justify-content: start;">
+                  <div style="margin-right: 20px;">
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>国家/城市</span>
+                    </div>
+                    <t-cascader :load="load" size="large" :input-props="inputProps" v-model="formData.abroad_region_arr"
+                      value-type="full" :options="internationa_list" style="width:500px;"></t-cascader>
+                  </div>
+                  <div>
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>人员规模</span>
+                    </div>
+                    <t-input size="large" v-model="formData.staff_size" placeholder="请输入人员规模" style="width: 300px;" />
+                  </div>
+                </div>
+              </div>
+              <div>
+                <div id="caiwuyunying" class="title_box">3.财务与运营</div>
+                <div style="display: flex;justify-content: start;width: 100%;">
+                  <div style="margin-right: 20px;">
+                    <div style="margin-bottom: 10px;">
+                      <span>上年度在当地的营收</span>
+                    </div>
+                    <t-input size="large" v-model="formData.last_year_local_revenue" placeholder="请输入上年度在当地的营收"
+                      style="width: 300px;" />
+                  </div>
+                  <div style="width: 50%;">
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>经营情况</span>
+                    </div>
+                    <div style="border: 1px solid #ccc">
+                      <!-- 工具栏 -->
+                      <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorJY"
+                        :defaultConfig="toolbarConfig" />
+                      <Editor style="height: 300px" v-model="formData.business_case" :defaultConfig="editorConfig"
+                        mode="default" @customPaste="customPaste" @onCreated="(e) => onCreatedJY(e)" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div>
+                <div id="duihuahezuo" class="title_box">4.对华合作</div>
+                <div style="display: flex;justify-content: start;width: 100%;">
+                  <div style="width: 50%;">
+                    <div style="margin-bottom: 10px;">
+                      <span style="color: #d54941;">*</span>
+                      <span>涉华经贸往来情况</span>
+                    </div>
+                    <div style="border: 1px solid #ccc">
+                      <!-- 工具栏 -->
+                      <Toolbar style="border-bottom: 1px solid #ccc" mode="default" :editor="editorSH"
+                        :defaultConfig="toolbarConfig" />
+                      <Editor style="height: 300px" v-model="formData.economic_and_trade_exchanges_with_china"
+                        :defaultConfig="editorConfig" mode="default" @customPaste="customPaste"
+                        @onCreated="(e) => onCreatedSH(e)" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+          </div>
+        </div>
+        <div style="background-color: #ffffff;margin-top: 20px;padding: 20px;border-radius: 10px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;align-items: center;padding-left: 20px;">
+            <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+            <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">组织建设</div>
+          </div>
+          <div style="padding-left: 15px;">
+            <div id="dangzuzhi" class="title_box">1.党组织信息</div>
+            <div>
+              <t-form layout="inline" labelAlign="top" :labelWidth="100">
+                <t-form-item label="是否建立党组织" :requiredMark="true">
+                  <t-select size="large" v-model="formData.if_party" :style="{ width: '200px' }">
+                    <t-option key="0" label="是" :value="1"></t-option>
+                    <t-option key="1" label="否" :value="2"></t-option>
+                  </t-select>
+                </t-form-item>
+              </t-form>
+              <t-form v-if="formData.if_party == 1" labelAlign="top" layout="inline" style="margin-top: 10px;">
+                <t-form-item label="党组织性质" :requiredMark="true">
+                  <t-select size="large" v-model="formData.party_nature" placeholder="党组织性质" class="input_box">
+                    <t-option value="党委" label="党委" key="党委"></t-option>
+                    <t-option value="党总支" label="党总支" key="党总支"></t-option>
+                    <t-option value="党支部" label="党支部" key="党支部"></t-option>
+                  </t-select>
+                </t-form-item>
+                <t-form-item label="建党时间" :requiredMark="true">
+                  <t-date-picker size="large" v-model="formData.partytime" placeholder="请输入建党时间" class="input_box" />
+                </t-form-item>
+                <t-form-item label="建党人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.party_number" placeholder="请输入建党人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="青年人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.party_youth_number" placeholder="请输入青年人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="上级党组织" :requiredMark="true">
+                  <t-input size="large" v-model="formData.manager_party" placeholder="请输入上级党组织"
+                    class="input_box"></t-input>
+                </t-form-item>
+
+                <!--                <t-form-item label="团委负责人信息" name="tuanweifuzerenxinxi">-->
+                <!--                  <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
+                <!--                </t-form-item>-->
+              </t-form>
+            </div>
+            <div v-if="formData.if_party == 1">
+              <div id="dangweifuzeren" class="title_box">党委负责人</div>
+              <div style="display: flex; margin-top: 20px">
+                <div>
+                  <t-space direction="vertical">
+                    <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.dang">
+                      <t-form-item label="姓名" :requiredMark="true">
+                        <t-input size="large" v-model="item.name" placeholder="请输入姓名" />
+                      </t-form-item>
+                      <t-form-item label="性别" :requiredMark="true">
+                        <t-select size="large" v-model="item.sex" class="input_box">
+                          <t-option :key="0" label="女" :value="0"></t-option>
+                          <t-option :key="1" label="男" :value="1"></t-option>
+                        </t-select>
+                      </t-form-item>
+                      <t-form-item label="单位职务" :requiredMark="true">
+                        <t-input size="large" v-model="item.danwei_zhiwu" placeholder="请输入单位职务" />
+                      </t-form-item>
+                      <t-form-item label="党务职位" :requiredMark="true">
+                        <t-input size="large" v-model="item.party_zhiwu" placeholder="请输入党务职位" />
+                      </t-form-item>
+                      <t-form-item label="手机号" :requiredMark="true">
+                        <t-input size="large" v-model="item.phone" placeholder="请输入手机号" />
+                      </t-form-item>
+                      <t-form-item label=" ">
+                        <div>
+                          <img src="/src/assets/del.png" @click="delParty(index)"
+                            style="cursor: pointer;width: 30px;height: 30px;" />
+                        </div>
+                      </t-form-item>
+                    </t-form>
+                    <t-button @click="addParty" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                  </t-space>
+                </div>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="tuanzuzhi" class="title_box">2.团组织信息</div>
+            <div>
+              <t-form layout="inline" labelAlign="top" :labelWidth="100">
+                <t-form-item label="是否建立团组织" :requiredMark="true">
+                  <t-select size="large" v-model="formData.if_organization" :style="{ width: '200px' }">
+                    <t-option key="0" label="是" :value="0"></t-option>
+                    <t-option key="1" label="否" :value="1"></t-option>
+                  </t-select>
+                </t-form-item>
+              </t-form>
+              <t-form v-if="formData.if_organization == 0" labelAlign="top" layout="inline" style="margin-top: 10px;">
+                <t-form-item label="团组织性质" :requiredMark="true">
+                  <t-select size="large" v-model="formData.nature" placeholder="团组织性质" class="input_box">
+                    <t-option value="团委" label="团委" key="团委"></t-option>
+                    <t-option value="团总支" label="团总支" key="团总支"></t-option>
+                    <t-option value="团支部" label="团支部" key="团支部"></t-option>
+                  </t-select>
+                </t-form-item>
+                <t-form-item label="建团时间" :requiredMark="true">
+                  <t-date-picker size="large" v-model="formData.jiantuan_time" placeholder="请输入建团时间"
+                    class="input_box" />
+                </t-form-item>
+                <t-form-item label="建团人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.jiantuan_number" placeholder="请输入建团人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="青年人数" :requiredMark="true">
+                  <t-input size="large" v-model="formData.youth_number" placeholder="请输入青年人数"
+                    class="input_box"></t-input>
+                </t-form-item>
+                <t-form-item label="上级团组织" :requiredMark="true">
+                  <t-input size="large" v-model="formData.superior_nature" placeholder="请输入上级团组织"
+                    class="input_box"></t-input>
+                </t-form-item>
+              </t-form>
+            </div>
+            <div v-if="formData.if_organization == 0">
+              <div id="tuanweifuzeren" class="title_box">团组织负责人</div>
+              <div style="display: flex; margin-top: 20px">
+                <div>
+                  <t-space direction="vertical">
+                    <t-form layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.tuan">
+                      <t-form-item label="姓名" :requiredMark="true">
+                        <t-input size="large" v-model="item.name" placeholder="请输入姓名" />
+                      </t-form-item>
+                      <t-form-item label="性别" :requiredMark="true">
+                        <t-select size="large" v-model="item.sex" class="input_box">
+                          <t-option :key="0" label="女" :value="0"></t-option>
+                          <t-option :key="1" label="男" :value="1"></t-option>
+                        </t-select>
+                      </t-form-item>
+                      <t-form-item label="单位职务" :requiredMark="true">
+                        <t-input size="large" v-model="item.job" placeholder="请输入单位职务" />
+                      </t-form-item>
+                      <t-form-item label="团委职务" :requiredMark="true">
+                        <t-input size="large" v-model="item.tun_job" placeholder="请输入团委职务" />
+                      </t-form-item>
+                      <t-form-item label="手机号" :requiredMark="true">
+                        <t-input size="large" v-model="item.phone" placeholder="请输入手机号" />
+                      </t-form-item>
+                      <t-form-item label=" ">
+                        <div>
+                          <img src="/src/assets/del.png" @click="delTuan(index)"
+                            style="cursor: pointer;width: 30px;height: 30px;" />
+                        </div>
+                      </t-form-item>
+                    </t-form>
+                    <t-button @click="addTuan" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
+                  </t-space>
+                </div>
+              </div>
+            </div>
+            <div style="height: 1px; background-color: #EEEEEE; width: 100%; margin-top: 20px"></div>
+            <div id="submit" style="padding: 50px 0px; text-align: center">
+              <t-button @click="submit" size="large">确定保存</t-button>
+              <!-- <t-button size="large" @click="download" theme="warning" style="margin-left: 50px">生成PDF</t-button> -->
             </div>
           </div>
-        </t-dialog>
+        </div>
+        <div style="background-color: #fff;border-radius: 10px;padding: 20px;margin-top: 20px;">
+          <div
+            style="border-radius: 4px;color: #000000; background-color: #F5F6F8;height: 80px;display: flex;justify-content: space-between;align-items: center;padding-left: 20px;">
+            <div style="display: flex;align-items: center;">
+              <div style="width: 5px;height: 35px;background-color: #2552CD;"></div>
+              <div style="font-size: 28px;font-weight: 600;margin-left: 15px;">信息提交</div>
+            </div>
+            <div style="margin-right: 20px;">
+              <t-button @click="download" size="large">
+                <img slot="icon" src="@/assets/dc.png" style="width: 20px;height: 20px;margin-right: 10px;">
+                年检报表导出(有水印)
+              </t-button>
+            </div>
+          </div>
+        </div>
       </div>
-    </t-card>
+      <!-- <t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
+        <div class="cropper-content">
+          <div class="cropper">
+            <vue-cropper ref="cropper" :img="caiImg" :canMoveBox="false" :output-size="1" output-type="png" :info="true"
+              :full="false" :auto-crop="true" autoCropWidth="200px" autoCropHeight="200px" mode="100%"
+              @realTime="realTime" @imgLoad="imgLoad" :fixed="true" :fixedNumber="[1, 1]"></vue-cropper>
+          </div>
+          <div class="show-preview"
+            :style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }">
+            <div :style="previews.div" class="preview">
+              <img :src="previews.url" :style="previews.img" />
+            </div>
+          </div>
+        </div>
+        <div class="footer-btn">
+          <div class="scope-btn">
+            <label class="btn" for="uploads">上传图片</label>
+            <input type="file" id="uploads" style="position: absolute; clip: rect(0 0 0 0)"
+              accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)" />
+          </div>
+        </div>
+      </t-dialog> -->
+    </div>
+    <!-- <div class="right_card_box"
+      style="background-color: #fff;border-radius: 10px;width: 12%;height: 80%;;position: fixed;right: 0;overflow-y: auto;">
+      <t-collapse v-model="collapse" :expand-icon="false" :borderless="true" style="width: 100%;">
+        <t-collapse-panel v-for="(item, index) in right_card_list" :key="index">
+          <template #header>
+            <div @click="scrollToSubmit(item)"
+              :class="item.active ? 'top_title top_title_active' : 'top_title top_title_no_active'">
+              <div style="height: 50px;line-height: 50px">{{ item.title }}</div>
+              <div v-if="item.key != 7">
+                <img v-if="item.ok" src="@/assets/top_ok.png" style="width: 15px;height: 15px;">
+                <img v-else src="@/assets/top_no.png" style="width: 15px;height: 15px;">
+              </div>
+            </div>
+          </template>
+          <template #default>
+            <div v-for="(v, k) in item.content" :key="k">
+              <div style="display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;">
+                <div>
+                  <a :href="'#' + v.id" :class="v.active ? 'nei_color_active' : 'nei_color'"
+                    @click="scrollTo(v, k, item, index)">{{ v.title }}</a>
+                </div>
+                <div>
+                  <img v-if="v.ok" src="@/assets/nei_ok.png" style="width: 15px;height: 15px;">
+                  <img v-else src="@/assets/nei_no.png" style="width: 15px;height: 15px;">
+                </div>
+              </div>
+            </div>
+          </template>
+        </t-collapse-panel>
+      </t-collapse>
+    </div> -->
   </div>
 </template>
 <script lang="ts">
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
-import { UserIcon, LockOnIcon, CheckCircleIcon } from 'tdesign-icons-vue';
 import store from '@/store';
 import { VueCropper } from 'vue-cropper';
 import axios from 'axios';
-
+import {
+  AddIcon, CloseCircleIcon, SearchIcon, DiscountIcon, CloudDownloadIcon, FilePowerpointIcon
+} from 'tdesign-icons-vue';
 export default {
   components: {
+    CloseCircleIcon,
+    AddIcon,
     VueCropper,
-    CheckCircleIcon,
-    UserIcon,
-    LockOnIcon,
     Editor,
     Toolbar,
+    FilePowerpointIcon
   },
   data() {
     return {
+      id: 0,
+      isSubmit: false,
       editorJJ: null,
       editorCJ: null,
       editorGS: null,
@@ -962,6 +1059,8 @@ export default {
       editorRY: null,
       editorQT: null,
       editorLX: null,
+      editorJY: null,
+      editorSH: null,
       toolbarConfig: {
         showLinkImg: false,
         uploadImgShowBase64: true,
@@ -982,277 +1081,575 @@ export default {
         readOnly: false, // 是否只允许阅读，不可编辑
         autoFocus: true,
       },
+      show: false,
       caiMode: false,
       previews: {},
       caiImg: '',
-      association: {},
-      work: {
-        time: '',
-        address: '',
-        book: '',
-      },
+
       work_time: [],
       workList: [],
-      contacts: {
-        name: '',
-        post: '',
-        phone: '',
-      },
-      tuan: {
-        name: '',
-        sex: '',
-        job: '',
-        tun_job: '',
-        phone: '',
-      },
       tuan_list: [],
-      contactsList: [],
-      social_duties: [],
-      member_list: [],
+      inputProps: {},
       formData: {
-        enterprise_lvxingzeren: '',
-        mail_address: '',
-        source_channel: '',
-        intentional_association_position: '',
-        recommended_cities: '',
-        recommendation_id: '',
-        recommendation_name: '',
-        reporting_method: '',
-        recommendation_content: '',
-        phone: '',
-        password: '',
-        nikename: '',
-        gender: null,
-        birth_time: '',
-        nation: '',
-        political: '',
-        jiguan: '',
-        institution: '',
-        education: '',
-        academic_degree: '',
-        card_number: '',
-        work_unit: '',
-        zip_code: '',
-        unit_position: '',
-        wx_number: '',
-        mailbox: '',
-        fixed_telephone: '',
+        reporting_method: null,//推荐方式
+        source_channel: '',//来源渠道
+        recommended_cities: '',//推荐城市
+        recommendation_name: '',//推荐人姓名
+        recommendation_content: '',//推荐人单位名称及职务
+        intentional_association_position: '',//意向加入协会职位
+        cardz_image: '',//身份证正面
+        cardf_image: '',//身份证反面
+        photo_image: '',//照片
+        mailbox: '',//邮箱
+        nikename: '',//姓名
+        ceng_nikename: '',//曾用名
+        gender: null,//性别
+        birth_time: '',//出生日期
+        nation: '',//民族
+        political: null,//政治面貌
+        card_number: '',//身份证号码
+        work_unit: '',//工作单位
+        unit_position: '',//单位职务
+        jiguan: '',//籍贯
+        institution: null,//毕业院校
+        education: '',//学历
+        academic_degree: null,//学位
+        zip_code: '',//邮编
+        phone: '',//手机号
+        wx_number: '',//微信
+        fixed_telephone: '',//固定电话
+        region_id: null,//所在区域
+        mail_address: '',//所在区域详细地址
+        introduction: '',//个人简介
+        //achievement_award: '',//主要成就以及获奖情况
         achievement_award: '',
+        achievement: [
+          {
+            time: '',
+            name: '',
+            organ: ''
+          }
+        ],
+        //学习工作经历
+        work_experience: '',
+        work: [{
+          time: '',
+          address: '',
+          book: '',
+        }],
+        //other_contacts: '',//紧急联系人
         other_contacts: '',
-        other_social_positions: '',
-        position: '',
-        cardf_image_show: [],
-        cardz_image_show: [],
-        photo_image_show: [],
-        cardf_image: '',
-        cardz_image: '',
-        photo_image: '',
-        business_license_image_show: [],
-        business_license_image: '',
-        unified_code: '',
-        enterprise_nature: '',
-        enterprise_website: '',
-        if_list: null,
-        employee: '',
-        previous_revenue: '',
-        previous_tax: '',
-        position_id: null,
-        previous_profit: '',
-        previous_donation: '',
-        enterprise_location: '',
-        industry_id: null,
-        qitaqiyerenzhiqingkuang: '',
-        enterprise_Introduction: '',
-        introdiction: '',
-        enterprise_honor: '',
-        if_organization: null,
-        nature: '',
-        jiantuan_time: '',
-        jiantuan_number: '',
-        youth_number: '',
-        superior_nature: '',
-        tuanweifuzerenxinxi: '',
-        documents_file: '',
-        documents_file_show: [],
-        introduction: '',
-        enterprise_name: '',
-        company_image: '',
-        company_image_show: [],
-        region_id: null,
-        longitude: '',
-        dimension: '',
+        other: [{
+          name: '',
+          post: '',
+          phone: '',
+        }],
+        main_social_positions: '',//社会职务
+        main_social: [],
+        other_social_positions: '',//其他社会职务
+        enterprise_name: '',//企业名称
+        unified_code: '',//统一社会信用代码
+        enterprise_location: '',//企业注册地
+        longitude: '',//经度
+        dimension: '',//纬度
+        if_list: null,//是否上市
+        stock_code: '',//股票代码
+        market_to_time: '',//上市时间
+        employee: '',//员工人数
+        industry_id: '',//行业
+        enterprise_nature: '',//企业性质
+        registered_capital: '',
+        previous_revenue: '',//上年营业额（万元）
+        previous_tax: '',//上年纳税额（万元）
+        previous_profit: '',//上年度净利润（万元）
+        previous_donation: '',//上年公益性捐赠支出（万元）
+        business_license_image: '',//营业执照
+        company_image: '',//企业logo
+        enterprise_credit_report: '',//企业信用报告
+        certificate_of_no_criminal_record: '',//无犯罪记录证明
+        certificate_of_business_tax_payment_for_the_previous_year: '',//上年度纳税证明
+        enterprise_credit_information_report: '',//企业信用信息报告
+        enterprise_Introduction: '',//企业简介
+        introdiction: '',//主营业务
+        enterprise_honor: '',//荣誉与专利
+        enterprise: [],//荣誉与专利
+        qitaqiyerenzhiqingkuang: '',//其他企业人员资质情况
+        enterprise_lvxingzeren: '',//企业履行社会责任情况
+        if_abroad: null,//是否海外业务 1开展 2不开展
+        abroad_region_id: '',//海外业务区域
+        abroad_region_arr: [],
+        abroad_region: '',
+        staff_size: '',//人员规模
+        last_year_local_revenue: '',//上年度本地营业收入
+        business_case: '',//经营情况
+        economic_and_trade_exchanges_with_china: '',//涉华经贸往来情况
+        if_party: null,//是否建立党组织 1有 2无
+        party_nature: '',//党组织性质
+        partytime: '',//党组织成立时间
+        party_number: '',//党组织党员人数
+        party_youth_number: '',//党组织青年人数
+
+        manager_party: '',//上级党组织
+        dangweifuzerenxinxi: '',//党务负责人信息
+        dang: [{
+          name: '',
+          sex: '',
+          danwei_zhiwu: '',
+          party_zhiwu: '',
+          phone: '',
+        }],
+        if_organization: null,//是否建立团组织
+        nature: '',//团组织性质
+        jiantuan_time: '',//建团时间
+        jiantuan_number: '',//建团人数
+        youth_number: '',//青年人数
+        superior_nature: '',//上级团组织
+        tuanweifuzerenxinxi: [],
+        tuan: [{
+          name: '',
+          sex: '',
+          job: '',
+          tun_job: '',
+          phone: '',
+        }],
       },
-      id: 0,
-      info: '',
-      plan_list: [],
-      region_list: [],
+      current: 2,
       industry_list: [],
+      plan_list: [],
+      member_list: [],
+      region_list: [],
+      collapse: [1],
+      internationa_list: [],//全世界
+      right_card_list: [
+        {
+          key: 1,
+          title: '入会申请',
+          active: true,
+          ok: false,
+          content: [
+            {
+              title: '1.推荐信息',
+              active: true,
+              id: 'tuijian',
+              ok: false,
+            },
+            {
+              title: '2.身份信息',
+              active: false,
+              id: 'shenfen',
+              ok: false,
+            },
+            {
+              title: '3.基本信息',
+              active: false,
+              id: 'jiben',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 2,
+          title: '个人背景',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.个人简介',
+              active: false,
+              id: 'gerenjianjie',
+              ok: false,
+            },
+            {
+              title: '2.主要成就以及获奖情况',
+              active: false,
+              id: 'zhuyaochengjiu',
+              ok: false,
+            },
+            {
+              title: '3.学习工作经历',
+              active: false,
+              id: 'xuexijiuzheng',
+              ok: false,
+            },
+            {
+              title: '4.社会职务',
+              active: false,
+              id: 'shehuizhiwu',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 3,
+          title: '企业资质',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.基本信息',
+              active: false,
+              id: 'qiyejiben',
+              ok: false,
+            },
+            {
+              title: '2.法律文件',
+              active: false,
+              id: 'falv',
+              ok: false,
+            },
+            {
+              title: '3.紧急联系人',
+              active: false,
+              id: 'jijing',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 4,
+          title: '企业概况',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.文档资料',
+              active: false,
+              id: 'wendang',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 5,
+          title: '海外业务',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.基本信息',
+              active: false,
+              id: 'haiwaijiben',
+              ok: false,
+            }
+          ]
+        }, {
+          key: 6,
+          title: '组织建设',
+          active: false,
+          ok: false,
+          content: [
+            {
+              title: '1.党组织信息',
+              active: false,
+              id: 'dangzuzhi',
+              ok: false,
+            },
+            {
+              title: '2.团组织信息',
+              active: false,
+              id: 'tuanzuzhi',
+              ok: false,
+            },
+
+          ]
+        }, {
+          key: 7,
+          title: '信息提交',
+          active: false,
+          ok: false,
+        }
+      ],
     };
   },
-  mounted() {
-    if (typeof store.state.user.association === 'object') {
-      this.association = store.state.user.association;
-    } else {
-      this.association = JSON.parse(store.state.user.association);
+  watch: {
+    // 如果需要深度监听整个formData对象
+    formData: {
+      handler(newVal, oldVal) {
+        console.log('formData发生变化:', newVal);
+        //1.1
+        if (newVal.reporting_method == 1) {
+          this.right_card_list[0].content[0].ok = false;
+          if (newVal.recommended_cities != '' && newVal.intentional_association_position != '') {
+            this.right_card_list[0].content[0].ok = true;
+          }
+        } else if (newVal.reporting_method == 2) {
+          this.right_card_list[0].content[0].ok = false;
+          if (newVal.recommendation_name != '' && newVal.recommendation_content != '' && newVal.intentional_association_position != '') {
+            this.right_card_list[0].content[0].ok = true;
+          }
+        } else {
+          this.right_card_list[0].content[0].ok = false;
+          if (newVal.source_channel != '' && newVal.intentional_association_position != '') {
+            this.right_card_list[0].content[0].ok = true;
+          }
+        }
+        //1.2
+        if (newVal.cardz_image != '' && newVal.cardf_image != '') {
+          this.right_card_list[0].content[1].ok = true;
+        }
+        //1.3
+        if (newVal.region_id != '' && newVal.mail_address != '' && newVal.phone != '' && newVal.zip_code != '' && newVal.photo_image != '' && newVal.nikename != '' && newVal.gender != null && newVal.birth_time != '' && newVal.nation != '' && newVal.political != '' && newVal.jiguan != '' && newVal.institution != '' && newVal.education != '' && newVal.academic_degree != '' && newVal.card_number != '' && newVal.work_unit != '' && newVal.unit_position != '') {
+          this.right_card_list[0].content[2].ok = true;
+        }
+        //1111111
+        if (this.right_card_list[0].content[0].ok && this.right_card_list[0].content[1].ok && this.right_card_list[0].content[2].ok) {
+          this.right_card_list[0].ok = true;
+        }
+        //2.1
+        if (newVal.introduction != '') {
+          this.right_card_list[1].content[0].ok = true;
+        }
+        //2.2
+        if (newVal.achievement.length > 0) {
+          if (newVal.achievement[0].time != '' && newVal.achievement[0].name != '' && newVal.achievement[0].organ != '') {
+            this.right_card_list[1].content[1].ok = true;
+          }
+        }
+        //2.3
+        if (newVal.work.length > 0) {
+          if (newVal.work[0].time != '' && newVal.work[0].address != '' && newVal.work[0].book != '') {
+            this.right_card_list[1].content[2].ok = true;
+          }
+        }//2.4
+        if (newVal.main_social.length > 0) {
+          this.right_card_list[1].content[3].ok = true;
+        } else {
+          this.right_card_list[1].content[3].ok = false;
+        }
+        if (this.right_card_list[1].content[0].ok && this.right_card_list[1].content[1].ok && this.right_card_list[1].content[2].ok && this.right_card_list[1].content[3].ok) {
+          this.right_card_list[1].ok = true;
+        }
+        //3.1
+        this.right_card_list[2].content[0].ok = false;
+        if (newVal.enterprise_name != '' && newVal.unified_code != '' && newVal.enterprise_location != '' && newVal.longitude != '' && newVal.dimension != '' && newVal.registered_capital != '' && newVal.if_list != null && newVal.employee != '' && newVal.industry_id != '' && newVal.enterprise_nature != '' && newVal.previous_revenue != '' && newVal.previous_tax != '' && newVal.previous_profit != '' && newVal.previous_donation != '') {
+          this.right_card_list[2].content[0].ok = true;
+        }
+        //3.2
+        this.right_card_list[2].content[1].ok = false;
+        if (newVal.business_license_image != '' && newVal.company_image != '' && newVal.enterprise_credit_report != '' && newVal.certificate_of_no_criminal_record != '' && newVal.certificate_of_business_tax_payment_for_the_previous_year != '' && newVal.enterprise_credit_information_report != '') {
+          this.right_card_list[2].content[1].ok = true;
+        }
+        //3.3
+        if (newVal.other.length > 0) {
+          if (newVal.other[0].name != '' && newVal.other[0].post != '' && newVal.other[0].phone != '') {
+            this.right_card_list[2].content[2].ok = true;
+          }
+        } else {
+          this.right_card_list[2].content[2].ok = false;
+        }
+        if (this.right_card_list[2].content[0].ok && this.right_card_list[2].content[1].ok && this.right_card_list[2].content[2].ok) {
+          this.right_card_list[2].ok = true;
+        }
+        //4.1
+        if (newVal.enterprise_Introduction != '' && newVal.introdiction != '' && newVal.qitaqiyerenzhiqingkuang != '' && newVal.enterprise_lvxingzeren != '') {
+          this.right_card_list[3].content[0].ok = true;
+        } else {
+          this.right_card_list[3].content[0].ok = false;
+        }
+        //4
+        if (this.right_card_list[3].content[0].ok) {
+          this.right_card_list[3].ok = true;
+        }
+        //5.1
+        if (newVal.if_abroad != null) {
+          this.right_card_list[4].content[0].ok = true;
+        } else {
+          this.right_card_list[4].content[0].ok = false;
+        }
+        if (newVal.if_abroad == 1) {
+          if (newVal.abroad_region_arr.length > 0 && newVal.staff_size != '') {
+            this.right_card_list[4].content[1].ok = true;
+          }
+          if (newVal.business_case != '') {
+            this.right_card_list[4].content[2].ok = true;
+          }
+          if (newVal.economic_and_trade_exchanges_with_china != '') {
+            this.right_card_list[4].content[3].ok = true;
+          }
+        }
+        //5.1
+        if (newVal.if_party != null) {
+          this.right_card_list[5].content[0].ok = true;
+        }
+        //5.2
+        if (newVal.if_organization != null) {
+          this.right_card_list[5].content[1].ok = true;
+        }
+        if (this.right_card_list[5].content[0].ok && this.right_card_list[5].content[1].ok) {
+          this.right_card_list[5].ok = true;
+        }
+        if (newVal.if_abroad == 1) {
+          this.right_card_list[4].ok = true;
+          // this.right_card_list[4].content.push(
+          //   {
+          //     title: '2.区域与资源',
+          //     active: false,
+          //     id: 'haiwiquyu',
+          //     ok: false,
+          //   },
+          //   {
+          //     title: '3.财务与运营',
+          //     active: false,
+          //     id: 'caiwuyunying',
+          //     ok: false,
+          //   },
+          //   {
+          //     title: '4.对华合作',
+          //     active: false,
+          //     id: 'duihuahezuo',
+          //     ok: false,
+          //   });
+          //console.log(this.right_card_list[4].content);
+        } else {
+          this.right_card_list[4].content = [
+            {
+              title: '1.基本信息',
+              active: false,
+              id: 'haiwaijiben',
+              ok: false,
+            }
+          ];
+          if (this.right_card_list[4].content[1].ok && this.right_card_list[4].content[2].ok && this.right_card_list[4].content[3].ok) {
+            this.right_card_list[4].ok = true;
+          }
+        }
+      },
+      deep: true // 深度监听
     }
-    console.log(this.association);
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.handleScroll);
+  },
+  destroyed() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  mounted() {
+    window.addEventListener('scroll', this.handleScroll);
     this.id = this.$route.query.id;
-    this.getMemberList();
-    this.getPlan();
+    this.show = true;
+    //获取行业
     this.getIndustry();
+    //获取地区
     this.getRegion();
-    setTimeout(() => {
-      this.getInfo();
-    }, 1000);
+    //获取全世界
+    this.getInternationa('');
+
+    this.getUserList();
+    this.getInfo();
   },
   methods: {
     getMemberInfo(d) {
       console.log(d);
-      var index = this.member_list.findIndex((item) => item.id == d);
-      this.formData.recommendation_id = d;
+      var index = this.member_list.findIndex(item => item.id == d);
       this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
     },
-    getMemberList() {
+    getUserList() {
+      if (typeof (this.$route.query.recommendation_id) != 'undefined') {
+        this.formData.reporting_method = 2;
+      } else {
+        this.member_list = [];
+        return false;
+      }
+      var recommendation_id = this.$route.query.recommendation_id;
       this.$request
-        .post('/move/association/memberList')
+        .post('/move/member/getrecommendationSelect', { openid: this.$route.query.openid })
         .then((res) => {
           console.log(res);
-          if (res.code == 1) {
-            this.member_list = res.data;
-          }
+          this.member_list = res.data;
+          var index = res.data.findIndex(item => item.id == recommendation_id);
+          this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
+          this.formData.recommendation_id = this.member_list[index].id;
+          this.formData.recommendation_name = this.member_list[index].nikename;
         })
         .catch((e) => {
           console.log(e);
         });
     },
-    onChange(value, context) {
-      this.work.time = value[0] + '至' + value[1];
+    workTime(d, index) {
+      //this.formData.work[index].time = d[0] + '至' + d[1];
+    },
+    load(nodes) {
+      console.log(nodes);
+      return new Promise((resolve) => {
+        this.$request
+          .post('/move/Internationa/index', { id: nodes.data.value })
+          .then((res) => {
+            const nodesData = res.data.map(item => ({
+              value: item.id,
+              label: item.name,
+              children: item.children
+            }));
+            resolve(nodesData);
+          })
+          .catch((e) => {
+            console.log(e);
+          });
+
+      });
+    },
+    getInternationa(thisPid) {
+      this.$request
+        .post('/move/Internationa/index', { id: thisPid })
+        .then((res) => {
+          console.log(res);
+          const nodes = res.data.map(item => ({
+            value: item.id,
+            label: item.name,
+            children: item.children
+          }));
+          this.internationa_list = nodes;
+        })
+        .catch((e) => {
+          console.log(e);
+        });
     },
     addTuan() {
-      if (this.tuan.name == '') {
-        this.$message.error('请输入姓名！', 1500);
-        return;
-      }
-      if (this.tuan.sex == '') {
-        this.$message.error('请输入性别！', 1500);
-        return;
-      }
-      if (this.tuan.job == '') {
-        this.$message.error('请输入单位职务！', 1500);
-        return;
-      }
-      if (this.tuan.tun_job == '') {
-        this.$message.error('请输入团委职务！', 1500);
-        return;
-      }
-      if (this.tuan.phone == '') {
-        this.$message.error('请输入手机号！', 1500);
-        return;
-      }
-      var k = { ...this.tuan };
-      this.tuan_list.push(k);
-      this.tuan.name = '';
-      this.tuan.sex = '';
-      this.tuan.job = '';
-      this.tuan.tun_job = '';
-      this.tuan.phone = '';
+      this.formData.tuan.push({
+        name: '',
+        sex: '',
+        job: '',
+        tun_job: '',
+        phone: '',
+      });
+
     },
     delTuan(index) {
-      this.tuan_list.splice(index, 1);
+      this.formData.tuan.splice(index, 1);
     },
     addWork() {
-      if (this.workList.length >= 12) {
+      if (this.formData.work.length >= 12) {
         this.$message.error('最多添加12条数据！', 1500);
         return;
       }
-      if (this.work.time == '') {
-        this.$message.error('请输入起止日期！', 1500);
-        return;
-      }
-      if (this.work.address == '') {
-        this.$message.error('请输入地区单位！', 1500);
-        return;
-      }
-      if (this.work.book == '') {
-        this.$message.error('请输入担任职务！', 1500);
-        return;
-      }
-      var k = { ...this.work };
-      this.workList.push(k);
-      this.work.time = '';
-      this.work.address = '';
-      this.work.book = '';
-      this.work_time = [];
+      this.formData.work.push({
+        time: '',
+        address: '',
+        book: '',
+      });
     },
 
     delWork(index) {
-      this.workList.splice(index, 1);
+      this.formData.work.splice(index, 1);
     },
     addContacts() {
-      if (this.contacts.name == '') {
-        this.$message.error('请输入姓名！', 1500);
-        return;
-      }
-      if (this.contacts.post == '') {
-        this.$message.error('请输入职务！', 1500);
-        return;
-      }
-      if (this.contacts.phone == '') {
-        this.$message.error('请输入电话！', 1500);
-        return;
-      }
-      var k = { ...this.contacts };
-      this.contactsList.push(k);
-      this.contacts.name = '';
-      this.contacts.post = '';
-      this.contacts.phone = '';
-    },
-    delContacts(index) {
-      this.contactsList.splice(index, 1);
-    },
-    onSubmit() {
-      this.$refs.cropper.getCropBlob((data) => {
-        // do something
-        console.log(data);
-        console.log(this.caiImg);
-        const formData = new FormData();
-        formData.append('file', data, 'image.jpg');
-        formData.append('association_id', this.association.association_id);
-        console.log(formData);
-        axios
-          .post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
-            headers: {
-              'Content-Type': 'multipart/form-data',
-            },
-          })
-          .then((response) => {
-            console.log(response);
-            const { data } = response;
-            if (data.code == 1) {
-              this.formData.photo_image = data.data.url;
-              this.$message.success('图片上传成功！');
-              this.caiMode = false;
-              this.caiImg = '';
-              this.$refs.cropper.stopCrop();
-              this.$refs.cropper.clearCrop();
-            } else {
-              this.$message.error('图片上传失败！');
-            }
-          })
-          .catch((error) => {
-            console.error('文件上传失败', error);
-          });
+      this.formData.other.push({
+        name: '',
+        post: '',
+        phone: '',
       });
     },
-    onCloseMy() {
-      this.caiMode = false;
+    delContacts(index) {
+      this.formData.other.splice(index, 1);
     },
-    openCai() {
-      this.$refs.cropper.startCrop();
-      this.caiMode = true;
-    },
-    realTime(data) {
-      this.previews = data;
+    download() {
+      if (this.isSubmit) {
+        this.$message.error('请先提交信息！', 1500);
+        return;
+      }
+      const link = document.createElement('a');
+      link.href = `https://hnyea.0rui.cn/api/move/pdf_member/exportPdf?openid=${this.formData.openid}`;
+      link.target = '_blank'; // 新标签页打开
+      link.rel = 'noopener noreferrer'; // 安全考虑
+      link.style.display = 'none';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link); // 清理 DOM
     },
     uploadImg(e, num) {
       // 上传图片
@@ -1282,26 +1679,316 @@ export default {
       // 转化为blob
       reader.readAsArrayBuffer(file);
     },
+    onSubmit() {
+      this.$refs.cropper.getCropBlob((data) => {
+        // do something
+        console.log(data);
+        console.log(this.caiImg);
+        const formData = new FormData();
+        formData.append('file', data, 'image.jpg');
+        formData.append('association_id', 1);
+        console.log(formData);
+        axios
+          .post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
+            headers: {
+              'Content-Type': 'multipart/form-data',
+            },
+          })
+          .then((response) => {
+            console.log(response);
+            const { data } = response;
+            if (data.code == 1) {
+              this.formData.photo_image = data.data.url;
+              this.$message.success('图片上传成功！');
+              this.caiMode = false;
+              this.caiImg = '';
+              this.$refs.cropper.stopCrop();
+              this.$refs.cropper.clearCrop();
+            } else {
+              this.$message.error('图片上传失败！');
+            }
+          })
+          .catch((error) => {
+            console.error('文件上传失败', error);
+          });
+      });
+    },
+    onCloseMy() {
+      this.caiMode = false;
+    },
+    realTime(data) {
+      this.previews = data;
+    },
     imgLoad(msg) {
       console.log(msg);
     },
-    formatResponse(res, type) {
-      console.log(res);
-      if (type == 0) {
-        this.formData.photo_image = res.data.url;
-      } else if (type == 1) {
-        this.formData.cardz_image = res.data.url;
-      } else if (type == 2) {
-        this.formData.cardf_image = res.data.url;
-      } else if (type == 3) {
-        this.formData.business_license_image = res.data.url;
-      } else if (type == 4) {
-        this.formData.documents_file = res.data.url;
-      } else {
-        this.formData.company_image = res.data.url;
-      }
+    openCai() {
+      this.caiImg = store.state.user.apiUrl + this.formData.photo_image;
+      this.$refs.cropper.startCrop();
+      this.caiMode = true;
+    },
+    getInfo() {
+      this.$request
+        .post('/member/find', { member_id: this.id })
+        .then((res) => {
+          console.log(res);
+          if (res.code == 0) {
+            this.$message.error('获取会员信息失败！', 5000);
+          } else {
+            //推荐方式
+            if (res.data.reporting_method == '' || res.data.reporting_method == null) {
+              this.formData.reporting_method = null;
+            } else {
+              this.formData.reporting_method = parseInt(res.data.reporting_method);
+            }
+            //来源渠道
+            this.formData.source_channel = res.data.source_channel;
+            //推荐城市
+            this.formData.recommended_cities = res.data.recommended_cities;
+            //推荐人姓名
+            this.formData.recommendation_name = res.data.recommendation_name;
+            //推荐人单位名称及职务
+            this.formData.recommendation_content = res.data.recommendation_content;
+            //意向加入协会职位
+            this.formData.intentional_association_position = res.data.intentional_association_position;
+            //身份证正面
+            this.formData.cardz_image = res.data.cardz_image == null ? '' : res.data.cardz_image;
+            //身份证反面
+            this.formData.cardf_image = res.data.cardf_image == null ? '' : res.data.cardf_image;
+            //照片
+            this.formData.photo_image = res.data.photo_image == null ? '' : res.data.photo_image;
+            //邮箱
+            this.formData.mailbox = res.data.mailbox;
+            //姓名
+            this.formData.nikename = res.data.nikename;
+            //曾用名
+            this.formData.ceng_nikename = res.data.ceng_nikename;
+            //性别
+            this.formData.gender = res.data.gender;
+            //出生日期
+            this.formData.birth_time = res.data.birth_time;
+            //民族
+            this.formData.nation = res.data.nation;
+            //政治面貌
+            this.formData.political = res.data.political;
+            //身份证号码
+            this.formData.card_number = res.data.card_number;
+            //工作单位
+            this.formData.work_unit = res.data.work_unit;
+            //单位职务
+            this.formData.unit_position = res.data.unit_position;
+            //籍贯
+            this.formData.jiguan = res.data.jiguan;
+            //毕业院校
+            this.formData.institution = res.data.institution;
+            //学历
+            this.formData.education = res.data.education;
+            //学位
+            this.formData.academic_degree = res.data.academic_degree;
+            //邮编
+            this.formData.zip_code = res.data.zip_code;
+            //手机号
+            this.formData.phone = res.data.phone;
+            //微信
+            this.formData.wx_number = res.data.wx_number;
+            //固定电话
+            this.formData.fixed_telephone = res.data.fixed_telephone;
+            //所在区域
+            this.formData.region_id = res.data.region_id;
+            //所在区域详细信息
+            this.formData.mail_address = res.data.mail_address;
+            //个人简介
+            this.formData.introduction = res.data.introduction;
+            //主要成就以及获奖情况
+            this.formData.achievement_award = res.data.achievement_award;
+            if (res.data.achievement_award == '' || res.data.achievement_award == null) {
+              this.formData.achievement = [];
+            } else {
+              try {
+                this.formData.achievement = JSON.parse(res.data.achievement_award);
+              } catch (e) {
+                this.formData.achievement = [];
+              }
+            }
+            //学习工作经历
+            this.formData.work_experience = res.data.work_experience;
+            if (res.data.work_experience == '' || res.data.work_experience == null) {
+              this.formData.work = [];
+            } else {
+              var work = JSON.parse(res.data.work_experience);
+              this.formData.work = work.map(item => ({
+                ...item,
+                time: item.time.split('至')
+              }));
+            }
+            //紧急联系人
+            this.formData.other_contacts = res.data.other_contacts;
+            if (res.data.other_contacts == '' || res.data.other_contacts == null) {
+              this.formData.other = [];
+            } else {
+              this.formData.other = JSON.parse(res.data.other_contacts);
+            }
+            this.formData.main_social_positions = res.data.main_social_positions;
+            //社会职务
+            if (res.data.main_social_positions == '' || res.data.main_social_positions == null) {
+              this.formData.main_social = [];
+            } else {
+              this.formData.main_social = res.data.main_social_positions.split(',');
+            }
+            //其他社会职务
+            this.formData.other_social_positions = res.data.other_social_positions;
+            //企业名称
+            this.formData.enterprise_name = res.data.enterprise_name;
+            //统一社会信用代码
+            this.formData.unified_code = res.data.unified_code;
+            //企业注册地
+            this.formData.enterprise_location = res.data.enterprise_location;
+            //经度
+            this.formData.longitude = res.data.longitude;
+            //纬度
+            this.formData.dimension = res.data.dimension;
+            //是否上市
+            this.formData.if_list = res.data.if_list;
+            //股票代码
+            this.formData.stock_code = res.data.stock_code;
+            //上市时间
+            this.formData.market_to_time = res.data.market_to_time;
+            //员工人数
+            this.formData.employee = res.data.employee;
+            //行业
+            this.formData.industry_id = res.data.industry_id;
+            //企业性质
+            this.formData.enterprise_nature = res.data.enterprise_nature;
+            //注册资金
+            this.formData.registered_capital = res.data.registered_capital;
+            //上年营业额（万元）
+            this.formData.previous_revenue = res.data.previous_revenue;
+            //上年纳税额（万元）
+            this.formData.previous_tax = res.data.previous_tax;
+            //上年度净利润（万元）
+            this.formData.previous_profit = res.data.previous_profit;
+            //上年公益性捐赠支出（万元）
+            this.formData.previous_donation = res.data.previous_donation;
+            //营业执照
+            this.formData.business_license_image = res.data.business_license_image == null ? '' : res.data.business_license_image;
+            //企业logo
+            this.formData.company_image = res.data.company_image == null ? '' : res.data.company_image;
+            //企业信用报告
+            this.formData.enterprise_credit_report = res.data.enterprise_credit_report == null ? '' : res.data.enterprise_credit_report;
+            //无犯罪记录证明
+            this.formData.certificate_of_no_criminal_record = res.data.certificate_of_no_criminal_record == null ? '' : res.data.certificate_of_no_criminal_record;
+            //上年度纳税证明
+            this.formData.certificate_of_business_tax_payment_for_the_previous_year = res.data.certificate_of_business_tax_payment_for_the_previous_year == null ? '' : res.data.certificate_of_business_tax_payment_for_the_previous_year;
+            //企业信用信息报告
+            this.formData.enterprise_credit_information_report = res.data.enterprise_credit_information_report == null ? '' : res.data.enterprise_credit_information_report;
+            //企业简介
+            this.formData.enterprise_Introduction = res.data.enterprise_Introduction;
+            //主营业务
+            this.formData.introdiction = res.data.introdiction;
+            //荣誉与专利
+            if (res.data.enterprise_honor == '' || res.data.enterprise_honor == null) {
+              this.formData.enterprise = [];
+            } else {
+              try {
+                this.formData.enterprise = JSON.parse(res.data.enterprise_honor);
+              } catch (e) {
+                this.formData.enterprise = [];
+              }
+            }
+            //其他企业人员资质情况
+            this.formData.qitaqiyerenzhiqingkuang = res.data.qitaqiyerenzhiqingkuang;
+            //企业履行社会责任情况
+            this.formData.enterprise_lvxingzeren = res.data.enterprise_lvxingzeren;
+            //是否海外业务
+            this.formData.if_abroad = res.data.if_abroad;
+            if (res.data.if_abroad == 1) {
+              this.right_card_list[4].content.push(
+                {
+                  title: '2.区域与资源',
+                  active: false,
+                  id: 'haiwiquyu',
+                  ok: false,
+                },
+                {
+                  title: '3.财务与运营',
+                  active: false,
+                  id: 'caiwuyunying',
+                  ok: false,
+                },
+                {
+                  title: '4.对华合作',
+                  active: false,
+                  id: 'duihuahezuo',
+                  ok: false,
+                });
+            }
+            //海外业务区域
+            if (res.data.abroad_region_id == '' || res.data.abroad_region_id == null) {
+              this.formData.abroad_region_id = '';
+              this.formData.abroad_region_arr = [];
+            } else {
+              //选择
+              this.formData.abroad_region_arr = res.data.abroad_region_id.split(',');
+              //信息
+              this.formData.abroad_region_id = res.data.abroad_region_id;
+              //名字
+              this.inputProps.value = res.data.abroad_region;
+            }
+            //var arr = 
+            //const result = arr.map((_, i) => arr.slice(0, i + 1).join('-'));
 
-      return { url: res.data.fullurl };
+            //人员规模
+            this.formData.staff_size = res.data.staff_size;
+            //上年度本地营业收入
+            this.formData.last_year_local_revenue = res.data.last_year_local_revenue;
+            //经营情况
+            this.formData.business_case = res.data.business_case;
+            //涉华经贸往来情况
+            this.formData.economic_and_trade_exchanges_with_china = res.data.economic_and_trade_exchanges_with_china;
+            //是否建立党组织
+            this.formData.if_party = res.data.if_party;
+            //党组织性质
+            this.formData.party_nature = res.data.party_nature;
+            //党组织成立时间
+            this.formData.partytime = res.data.partytime;
+            //党组织党员人数
+            this.formData.party_number = res.data.party_number;
+            //党组织青年人数
+            this.formData.party_youth_number = res.data.party_youth_number;
+            //上级党组织
+            this.formData.manager_party = res.data.manager_party;
+            //党组织负责人 
+            this.formData.party_json = res.data.party_json;
+            if (res.data.party_json == '' || res.data.party_json == null) {
+              this.formData.dang = [];
+            } else {
+              this.formData.dang = JSON.parse(res.data.party_json);
+            }
+            //是否建立团组织
+            this.formData.if_organization = res.data.if_organization;
+            //团组织性质
+            this.formData.nature = res.data.nature;
+            //建团时间
+            this.formData.jiantuan_time = res.data.jiantuan_time;
+            //建团人数
+            this.formData.jiantuan_number = res.data.jiantuan_number;
+            //青年人数
+            this.formData.youth_number = res.data.youth_number;
+            //上级团组织
+            this.formData.superior_nature = res.data.superior_nature;
+            //团委负责人信息
+            this.formData.tuanweifuzerenxinxi = res.data.tuanweifuzerenxinxi;
+            if (res.data.tuanweifuzerenxinxi == '' || res.data.tuanweifuzerenxinxi == null) {
+              this.formData.tuan = [];
+            } else {
+              this.formData.tuan = JSON.parse(res.data.tuanweifuzerenxinxi);
+            }
+            console.log(this.formData);
+          }
+        })
+        .catch((e) => {
+          console.log(e);
+        });
     },
     getRegion() {
       this.$request
@@ -1318,7 +2005,7 @@ export default {
     },
     getIndustry() {
       this.$request
-        .post('/industry')
+        .post('/move/industry/index', { association_id: 1 })
         .then((res) => {
           console.log(res);
           if (res.code == 1) {
@@ -1330,286 +2017,358 @@ export default {
           console.log(e);
         });
     },
-    getPlan() {
-      this.$request
-        .post('/position')
-        .then((res) => {
-          console.log(res);
-          if (res.code == 1) {
-            this.plan_list = res.data;
-          }
-        })
-        .catch((e) => {
-          console.log(e);
-        });
-    },
-    getInfo() {
-      this.$request
-        .post('/member/find', { member_id: this.id })
-        .then((res) => {
-          console.log(res);
-          this.info = res.data;
-          this.formData.phone = res.data.phone;
-          this.formData.position_id = res.data.position_id;
-          this.formData.industry_id = res.data.industry_id == 0 ? null : res.data.industry_id;
-          this.formData.region_id = res.data.region_id == 0 ? null : res.data.region_id;
-          this.formData.password = res.data.password;
-          this.formData.nikename = res.data.nikename;
-          this.formData.gender = res.data.gender;
-          this.formData.birth_time = res.data.birth_time;
-          this.formData.nation = res.data.nation;
-          this.formData.political = res.data.political;
-          this.formData.jiguan = res.data.jiguan;
-          this.formData.institution = res.data.institution;
-          this.formData.education = res.data.education;
-          this.formData.academic_degree = res.data.academic_degree;
-          this.formData.card_number = res.data.card_number;
-          this.formData.work_unit = res.data.work_unit;
-          this.formData.unit_position = res.data.unit_position;
-          this.formData.wx_number = res.data.wx_number;
-          this.formData.mailbox = res.data.mailbox;
-          this.formData.fixed_telephone = res.data.fixed_telephone;
-          this.formData.achievement_award = res.data.achievement_award;
-          this.formData.other_contacts = res.data.other_contacts;
-          this.formData.other_social_positions = res.data.other_social_positions;
-          this.formData.position = res.data.position;
-          this.formData.cardf_image = res.data.cardf_image;
-          this.formData.cardz_image = res.data.cardz_image;
-          this.formData.photo_image = res.data.photo_image;
-          this.formData.company_image = res.data.company_image;
-          this.formData.business_license_image = res.data.business_license_image;
-          this.formData.unified_code = res.data.unified_code;
-          this.formData.enterprise_nature = res.data.enterprise_nature;
-          this.formData.enterprise_website = res.data.enterprise_website;
-          this.formData.if_list = res.data.if_list + '';
-          this.formData.employee = res.data.employee;
-          this.formData.previous_revenue = res.data.previous_revenue;
-          this.formData.previous_tax = res.data.previous_tax;
-          this.formData.previous_profit = res.data.previous_profit;
-          this.formData.previous_donation = res.data.previous_donation;
-          this.formData.qitaqiyerenzhiqingkuang = res.data.qitaqiyerenzhiqingkuang;
-          this.formData.enterprise_Introduction = res.data.enterprise_Introduction;
-          this.formData.enterprise_lvxingzeren = res.data.enterprise_lvxingzeren;
-          this.formData.introdiction = res.data.introdiction;
-          this.formData.enterprise_honor = res.data.enterprise_honor;
-          if (res.data.if_organization != null) {
-            this.formData.if_organization = res.data.if_organization + '';
-          } else {
-            this.formData.if_organization = '1';
-          }
-          this.formData.nature = res.data.nature;
-          this.formData.jiantuan_time = res.data.jiantuan_time;
-          this.formData.jiantuan_number = res.data.jiantuan_number;
-          this.formData.youth_number = res.data.youth_number;
-          this.formData.superior_nature = res.data.superior_nature;
-          this.formData.tuanweifuzerenxinxi = res.data.tuanweifuzerenxinxi;
-          this.formData.documents_file = res.data.documents_file;
-          this.formData.enterprise_location = res.data.enterprise_location;
-          this.formData.documents_file_show = [{ url: store.state.user.apiUrl + res.data.documents_file }];
-          this.formData.introduction = res.data.introduction;
-          this.formData.enterprise_name = res.data.enterprise_name;
-          this.formData.longitude = res.data.longitude;
-          this.formData.dimension = res.data.dimension;
-          this.formData.reporting_method = res.data.reporting_method;
-          if (res.data.recommendation_id != '' && res.data.recommendation_id != null) {
-            this.formData.recommendation_id = res.data.recommendation_id;
-            var index = this.member_list.findIndex((item) => item.id == res.data.recommendation_id);
-            this.formData.recommendation_name = this.member_list[index].nikename;
-            this.formData.recommendation_content = res.data.recommendation_content;
-          }
-          this.formData.recommended_cities = res.data.recommended_cities;
-          this.formData.source_channel = res.data.source_channel;
-          this.formData.intentional_association_position = res.data.intentional_association_position;
-          this.formData.mail_address = res.data.mail_address;
-          this.formData.zip_code = res.data.zip_code;
-          this.formData.registered_capital = res.data.registered_capital;
-          if (res.data.tuanweifuzerenxinxi != '' && res.data.tuanweifuzerenxinxi != null) {
-            this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi);
-          } else {
-            this.tuan_list = [];
-          }
-          if (res.data.business_license_image == '') {
-            this.formData.business_license_image_show = [];
-          } else {
-            this.formData.business_license_image_show = [
-              { url: store.state.user.apiUrl + res.data.business_license_image },
-            ];
-          }
-          if (res.data.cardf_image == '') {
-            this.formData.cardf_image_show = [];
-          } else {
-            this.formData.cardf_image_show = [{ url: store.state.user.apiUrl + res.data.cardf_image }];
-          }
-          if (res.data.cardz_image == '') {
-            this.formData.cardz_image_show = [];
-          } else {
-            this.formData.cardz_image_show = [{ url: store.state.user.apiUrl + res.data.cardz_image }];
-          }
-          if (res.data.photo_image == '') {
-            this.formData.photo_image_show = [];
-          } else {
-            this.formData.photo_image_show = [{ url: store.state.user.apiUrl + res.data.photo_image }];
-          }
-          if (res.data.company_image == '') {
-            this.formData.company_image_show = [];
-          } else {
-            this.formData.company_image_show = [{ url: store.state.user.apiUrl + res.data.company_image }];
-          }
-          if (res.data.work_experience == null || res.data.work_experience == '') {
-            this.workList = [];
-          } else {
-            this.workList = JSON.parse(res.data.work_experience);
-          }
-          if (res.data.main_social_positions == '' || res.data.main_social_positions == null) {
-            this.social_duties = [];
-          } else {
-            this.social_duties = res.data.main_social_positions.split(',');
-          }
-          if (res.data.other_contacts == null || res.data.other_contacts == '') {
-            this.contactsList = [];
-          } else {
-            this.contactsList = JSON.parse(res.data.other_contacts);
-          }
-        })
-        .catch((e) => {
-          console.log(e);
-        });
+    formatResponse(res, type) {
+      console.log(res);
+      console.log(this.formData.enterprise);
+      console.log(type);
+      if (type == 0) {
+        this.formData.photo_image = res.data.url;
+      } else if (type == 1) {
+        this.formData.cardz_image = res.data.url;
+      } else if (type == 2) {
+        this.formData.cardf_image = res.data.url;
+      } else if (type == 3) {
+        this.formData.business_license_image = res.data.url;
+      } else if (type == 4) {
+        this.formData.documents_file = res.data.url;
+      } else if (type == 5) {
+        this.formData.enterprise.push(res.data.url);
+      } else if (type == 6) {
+        this.formData.company_image = res.data.url;
+      } else if (type == 7) {
+        this.formData.enterprise_credit_report = res.data.url;
+      } else if (type == 8) {
+        this.formData.enterprise_credit_information_report = res.data.url;
+      } else if (type == 9) {
+        this.formData.certificate_of_no_criminal_record = res.data.url;
+      } else if (type == 10) {
+        this.formData.certificate_of_business_tax_payment_for_the_previous_year = res.data.url;
+      }
+      return { url: res.data.fullurl };
     },
     submit() {
-      // if (this.formData.business_license_image == '') {
-      //   this.$message.error('请上传营业执照！');
-      //   return;
-      // }
-      if (this.formData.phone == '') {
-        this.$message.error('请填写手机号！');
+      console.log(this.formData);
+      if (this.formData.reporting_method == null || this.formData.reporting_method == '') {
+        this.$message.error('请选择推荐方式！');
         return;
       }
-      if (this.formData.nikename == '') {
-        this.$message.error('请填写会员姓名！');
+      if (this.formData.reporting_method == 1) {
+        if (this.formData.recommended_cities == null || this.formData.recommended_cities == '') {
+          this.$message.error('请选择推荐地市!');
+          return;
+        }
+        if (this.formData.intentional_association_position == null || this.formData.intentional_association_position == '') {
+          this.$message.error('请选择意向协会职务!');
+          return;
+        }
+      }
+      if (this.formData.cardz_image == '') {
+        this.$message.error('请上传身份证正面！');
         return;
       }
-      // if (this.formData.unified_code == '') {
-      //   this.$message.error('请输入统一社会信用代码！');
-      //   return;
-      // }
-      if (this.formData.enterprise_name == '') {
-        this.$message.error('请填写企业名称！');
+      if (this.formData.cardf_image == '') {
+        this.$message.error('请上传身份证反面！');
         return;
       }
       if (this.formData.photo_image == '') {
-        this.formData.photo_image = '/uploads/20240517/8b2da599cd1e90fcfbb56bdf0f4f4181.webp';
+        this.$message.error('请上传证件照！');
+        return;
       }
-      // if (this.formData.enterprise_nature == '') {
-      //   this.$message.error('请输入企业性质！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_website == '') {
-      //   this.$message.error('请输入企业网址！');
-      //   return;
-      // }
-      // if (this.formData.if_list == null) {
-      //   this.$message.error('请选择是否上市！');
-      //   return;
-      // }
-      // if (this.formData.employee == '') {
-      //   this.$message.error('请输入员工人数！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_location == '') {
-      //   this.$message.error('请输入企业注册地！');
-      //   return;
-      // }
-      // if (this.formData.previous_revenue == '') {
-      //   this.$message.error('请输入上年度营业额！');
-      //   return;
-      // }
-      // if (this.formData.previous_tax == '') {
-      //   this.$message.error('请输入上年度纳税额！');
-      //   return;
-      // }
-      // if (this.formData.education == '') {
-      //   this.$message.error('请输入学历！');
-      //   return;
-      // }
-      // if (this.formData.previous_profit == '') {
-      //   this.$message.error('请输入上年度净利润！');
-      //   return;
-      // }
-      // if (this.formData.previous_donation == '') {
-      //   this.$message.error('请输入上年度公益性捐赠支出！');
-      //   return;
-      // }
-      // if (this.formData.qitaqiyerenzhiqingkuang == '') {
-      //   this.$message.error('请输入其他企业任职情况！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_Introduction == '') {
-      //   this.$message.error('请输入企业介绍！');
-      //   return;
-      // }
-      // if (this.formData.introdiction == '') {
-      //   this.$message.error('请输入业务介绍！');
-      //   return;
-      // }
-      // if (this.formData.enterprise_honor == '') {
-      //   this.$message.error('请输入企业所获荣誉以及专利！');
-      //   return;
-      // }
-      // if (this.formData.if_organization == null) {
-      //   this.$message.error('是否建立团组织！');
-      //   return;
-      // }
-      // if (this.formData.if_organization == 0) {
-      //   if (this.formData.nature == '') {
-      //     this.$message.error('请输主团组织性质！');
-      //     return;
-      //   }
-      //   if (this.formData.jiantuan_time == '') {
-      //     this.$message.error('请输入建团时间！');
-      //     return;
-      //   }
-      //   if (this.formData.jiantuan_number == '') {
-      //     this.$message.error('请输入建团人数！');
-      //     return;
-      //   }
-      //   if (this.formData.youth_number == '') {
-      //     this.$message.error('请输入青年人数！');
-      //     return;
-      //   }
-      //   if (this.formData.superior_nature == '') {
-      //     this.$message.error('请输入上级团组织！');
-      //     return;
-      //   }
-      //   if (this.formData.tuanweifuzerenxinxi == '') {
-      //     this.$message.error('请输入团委负责人信息！');
-      //     return;
-      //   }
-      //   if (this.formData.documents_file == '') {
-      //     this.$message.error('请上传批复文件！');
-      //     return;
-      //   }
-      // }
-      this.formData.member_id = this.id;
-      if (this.workList && this.workList.length > 0) {
-        this.formData.work_experience = JSON.stringify(this.workList);
+      if (this.formData.nikename == '') {
+        this.$message.error('请输入姓名！');
+        return;
       }
-      if (this.contactsList && this.contactsList.length > 0) {
-        this.formData.other_contacts = JSON.stringify(this.contactsList);
+      if (this.formData.gender == null) {
+        this.$message.error('请选择性别！');
+        return;
+      }
+      if (this.formData.birth_time == '') {
+        this.$message.error('请选择出生日期！');
+        return;
+      }
+      if (this.formData.nation == '') {
+        this.$message.error('请选择民族！');
+        return;
+      }
+      if (this.formData.political == '' || this.formData.political == null) {
+        this.$message.error('请选择政治面貌！');
+        return;
+      }
+      if (this.formData.card_number == '') {
+        this.$message.error('请输入身份证号码！');
+        return;
+      }
+      if (this.formData.work_unit == '') {
+        this.$message.error('请输入工作单位！');
+        return;
+      }
+      if (this.formData.unit_position == '') {
+        this.$message.error('请输入单位职务！');
+        return;
+      }
+      if (this.formData.jiguan == '' || this.formData.jiguan == null) {
+        this.$message.error('请选择籍贯！');
+        return;
+      }
+      if (this.formData.institution == '' || this.formData.institution == null) {
+        this.$message.error('请选择学历！');
+        return;
+      }
+      if (this.formData.academic_degree == '' || this.formData.academic_degree == null) {
+        this.$message.error('请选择学位！');
+        return;
+      }
+      if (this.formData.zip_code == '' || this.formData.zip_code == null) {
+        this.$message.error('请输入邮政编码！');
+        return;
+      }
+      if (this.formData.phone == '' || this.formData.phone == null) {
+        this.$message.error('请输入手机号码！');
+        return;
+      }
+      if (this.formData.region_id == '' || this.formData.region_id == null) {
+        this.$message.error('请选择所在区域！');
+        return;
+      }
+      if (this.formData.mail_address == '' || this.formData.mail_address == null) {
+        this.$message.error('请输入所在区域详细地址！');
+        return;
+      }
+      if (this.formData.introduction == '' || this.formData.introduction == null) {
+        this.$message.error('请输入个人简介！');
+        return;
+      }
+      if (this.formData.work == null || this.formData.work.length == 0) {
+        this.$message.error('请输入学习工作经历！');
+        return;
+      } else {
+        //转json字符串
+        console.log(typeof this.formData.work);
+
+        //把work里面的time转成年月日 至 年月日
+        if (typeof this.formData.work == 'object') {
+          this.formData.work.forEach(item => {
+            if (typeof item.time == 'object') {
+              item.time = item.time[0] + '至' + item.time[1];
+            } else {
+              item.time = item.time;
+            }
+          });
+          this.formData.work_experience = JSON.stringify(this.formData.work);
+        }
+      }
+      if (this.formData.main_social == null || this.formData.main_social.length == 0) {
+        this.$message.error('请选择主要社会职务！');
+        return;
+      } else {
+        //数组转字符串
+        this.formData.main_social_positions = this.formData.main_social.join(',');
+      }
+      // if (this.formData.other_social_positions == null || this.formData.other_social_positions == '') {
+      //   this.$message.error('请输入其他社会职务资料！');
+      //   return;
+      // }
+      if (this.formData.enterprise_name == null || this.formData.enterprise_name == '') {
+        this.$message.error('请输入企业名称！');
+        return;
+      }
+      if (this.formData.unified_code == null || this.formData.unified_code == '') {
+        this.$message.error('请输入统一社会信用代码！');
+        return;
+      }
+      if (this.formData.enterprise_location == null || this.formData.enterprise_location == '') {
+        this.$message.error('请输入企业注册地！');
+        return;
+      }
+      if (this.formData.longitude == null || this.formData.longitude == '') {
+        this.$message.error('请输入企业位置经度！');
+        return;
+      }
+      if (this.formData.dimension == null || this.formData.dimension == '') {
+        this.$message.error('请输入企业位置纬度！');
+        return;
+      }
+      if (this.formData.registered_capital == null || this.formData.registered_capital == '') {
+        this.$message.error('请输入注册资金（万元）！');
+        return;
+      }
+      if (this.formData.if_list == null) {
+        this.$message.error('请选择是否上市！');
+        return;
+      }
+      if (this.formData.if_list == 0) {
+        if (this.formData.employee == null || this.formData.employee == '') {
+          this.$message.error('请输入股票代码！');
+          return;
+        }
+        if (this.formData.birth_time == null || this.formData.birth_time == '') {
+          this.$message.error('请输入上市时间！');
+          return;
+        }
+      }
+      if (this.formData.industry_id == null || this.formData.industry_id == '') {
+        this.$message.error('请选择所属行业领域！');
+        return;
+      }
+      if (this.formData.enterprise_nature == null || this.formData.enterprise_nature == '') {
+        this.$message.error('请选择企业性质！');
+        return;
+      }
+      if (this.formData.previous_revenue == null || this.formData.previous_revenue == '') {
+        this.$message.error('请输入上年营业额（万元）！');
+        return;
+      }
+      if (this.formData.previous_tax == null || this.formData.previous_tax == '') {
+        this.$message.error('请输入上年纳税额（万元）！');
+        return;
+      }
+      if (this.formData.previous_profit == null || this.formData.previous_profit == '') {
+        this.$message.error('请输入上年度净利润（万元）！');
+        return;
+      }
+      if (this.formData.previous_donation == null || this.formData.previous_donation == '') {
+        this.$message.error('请输入上年公益性捐赠支出（万元）！');
+        return;
+      }
+      if (this.formData.business_license_image == null || this.formData.business_license_image == '') {
+        this.$message.error('请上传营业执照！');
+        return;
+      }
+      if (this.formData.company_image == null || this.formData.company_image == '') {
+        this.$message.error('请上传公司LOGO！');
+        return;
+      }
+      if (this.formData.enterprise_credit_report == null || this.formData.enterprise_credit_report == '') {
+        this.$message.error('请上传企业征信报告!');
+        return;
+      }
+      if (this.formData.certificate_of_no_criminal_record == null || this.formData.certificate_of_no_criminal_record == '') {
+        this.$message.error('请上传无犯罪记录证明!');
+        return;
+      }
+      if (this.formData.certificate_of_business_tax_payment_for_the_previous_year == null || this.formData.certificate_of_business_tax_payment_for_the_previous_year == '') {
+        this.$message.error('请上传上一年度企业营业税完税证明!');
+      }
+      if (this.formData.enterprise_credit_information_report == null || this.formData.enterprise_credit_information_report == '') {
+        this.$message.error('请上传企业信用信息报告!');
+        return;
+      }
+      if (this.formData.other.length == 0) {
+        this.$message.error('请输入紧急联系人!');
+        return;
+      } else {
+        this.formData.other_contacts = JSON.stringify(this.formData.other);
+      }
+      if (this.formData.enterprise_Introduction == null || this.formData.enterprise_Introduction == '') {
+        this.$message.error('请输入企业简介!');
+        return;
+      }
+      if (this.formData.enterprise.length == 0) {
+        this.$message.error('请上传荣誉与专利!');
+        return;
+      } else {
+        this.formData.enterprise_honor = JSON.stringify(this.formData.enterprise);
+      }
+      if (this.formData.qitaqiyerenzhiqingkuang == null || this.formData.qitaqiyerenzhiqingkuang == '') {
+        this.$message.error('请输入其他企业任职情况!');
+        return;
+      }
+      if (this.formData.enterprise_lvxingzeren == null || this.formData.enterprise_lvxingzeren == '') {
+        this.$message.error('请输入企业履行社会责任情况!');
+        return;
+      }
+      if (this.formData.if_abroad == null) {
+        this.$message.error('请选择是否开展海外业务!');
+        return;
+      }
+      if (this.formData.if_abroad == 1) {
+        if (this.formData.abroad_region_arr.length == 0) {
+          this.$message.error('请选择国家/城市!');
+          return;
+        } else {
+          this.formData.abroad_region_id = this.formData.abroad_region_arr.join(',');
+        }
+        if (this.formData.staff_size == null || this.formData.staff_size == '') {
+          this.$message.error('请输入人员规模!');
+          return;
+        }
+        if (this.formData.business_case == null || this.formData.business_case == '') {
+          this.$message.error('请输入经营情况!');
+          return;
+        }
+        if (this.formData.economic_and_trade_exchanges_with_china == null || this.formData.economic_and_trade_exchanges_with_china == '') {
+          this.$message.error('请输入涉华经贸往来情况!');
+          return;
+        }
       }
 
-      console.log(this.tuan_list);
+      if (this.formData.if_party == null) {
+        this.$message.error('请选择是否成立党组织!');
+        return;
+      }
+      if (this.formData.if_party == 1) {
+        if (this.formData.party_nature == null) {
+          this.$message.error('请选择党组织性质!');
+          return;
+        }
+        if (this.formData.partytime == null || this.formData.partytime == '') {
+          this.$message.error('请输入建党时间!');
+          return;
+        }
+        if (this.formData.party_number == null || this.formData.party_number == '') {
+          this.$message.error('请输入建党人数!');
+          return;
+        }
+        if (this.formData.manager_party == null || this.formData.manager_party == '') {
+          this.$message.error('请输入上级党组织!');
+          return;
+        }
+        if (this.formData.dang.length == 0) {
+          this.$message.error('请输入党委负责人信息!');
+          return;
+        } else {
+          this.formData.party_json = JSON.stringify(this.formData.dang);
+        }
+      }
 
-      if (this.tuan_list && this.tuan_list.length > 0) {
-        this.formData.tuanweifuzerenxinxi = JSON.stringify(this.tuan_list);
+
+      if (this.formData.if_organization == null) {
+        this.$message.error('请选择是否成立团组织!');
+        return;
       }
-      if (this.social_duties.length > 0) {
-        const splitAndJoin = this.social_duties
-          .map((item) => item.split(','))
-          .flat()
-          .filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
-          .join(',');
-        this.formData.main_social_positions = splitAndJoin;
+      if (this.formData.if_organization == 0) {
+        if (this.formData.nature == null) {
+          this.$message.error('请选择团组织性质!');
+          return;
+        }
+        if (this.formData.jiantuan_time == null || this.formData.jiantuan_time == '') {
+          this.$message.error('请输入建团时间!');
+          return;
+        }
+        if (this.formData.jiantuan_number == null || this.formData.jiantuan_number == '') {
+          this.$message.error('请输入建团人数!');
+          return;
+        }
+        if (this.formData.youth_number == null || this.formData.youth_number == '') {
+          this.$message.error('请输入青年人数!');
+          return;
+        }
+        if (this.formData.superior_nature == null || this.formData.superior_nature == '') {
+          this.$message.error('请输入上级团组织!');
+          return;
+        }
+        if (this.formData.tuan.length == 0) {
+          this.$message.error('请输入团组织负责人信息!');
+          return;
+        } else {
+          this.formData.tuanweifuzerenxinxi = JSON.stringify(this.formData.tuan);
+        }
       }
+      if (this.formData.achievement.length > 0) {
+        this.formData.achievement_award = JSON.stringify(this.formData.achievement);
+      }
+      this.formData.id = this.id;
+      console.log(this.formData);
       this.$request
         .post('/member/update', this.formData)
         .then((res) => {
@@ -1619,6 +2378,9 @@ export default {
           } else {
             this.$message.error(res.msg);
           }
+          // setTimeout(() => {
+          //   this.$router.push(`/login?id=`+this.id);
+          // }, 1000);
           this.getInfo();
         })
         .catch((e) => {
@@ -1646,6 +2408,12 @@ export default {
     onCreatedLX(editor) {
       this.editorLX = Object.seal(editor);
     },
+    onCreatedJY(editor) {
+      this.editorJY = Object.seal(editor);
+    },
+    onCreatedSH(editor) {
+      this.editorSH = Object.seal(editor);
+    },
     customPaste(editor, event, callback) {
       console.log('ClipboardEvent 粘贴事件对象', event);
       var text = event.clipboardData.getData('text/plain');
@@ -1655,11 +2423,198 @@ export default {
       callback(false);
       // 返回 true ，继续默认的粘贴行为
     },
+    addHj() {
+      this.formData.achievement.push({
+        time: '',
+        name: '',
+        organ: '',
+      });
+    },
+    delHj(index) {
+      this.formData.achievement.splice(index, 1);
+    },
+    delZl(index) {
+      this.formData.enterprise.splice(index, 1);
+    },
+    delParty(index) {
+      this.formData.dang.splice(index, 1);
+    },
+    addParty() {
+      this.formData.dang.push({
+        name: '',
+        sex: '',
+        danwei_zhiwu: '',
+        party_zhiwu: '',
+        phone: '',
+      });
+    },
+    scrollTo(v, k, item, index) {
+      // First set all cards to inactive
+      this.right_card_list.forEach((card, i) => {
+        card.active = (i === index);
+        if (card.key != 7) {
+          card.content.forEach(content => {
+            content.active = false;
+          });
+        }
+      });
+
+      // Then set the specific content item to active
+      this.right_card_list[index].content[k].active = true;
+    },
+    handleScroll() {
+      const scrollY = window.scrollY || document.documentElement.scrollTop;
+      //console.log(scrollY);
+      if (scrollY >= 0 && scrollY <= 150) {
+        this.collapse = [1];
+        this.clearActive();
+        this.right_card_list[0].active = true;
+        this.right_card_list[0].content[0].active = true;
+      } else if (scrollY > 150 && scrollY <= 305) {
+        this.collapse = [1];
+        this.clearActive();
+        this.right_card_list[0].active = true;
+        this.right_card_list[0].content[1].active = true;
+      } else if (scrollY > 305 && scrollY <= 555) {
+        this.collapse = [1];
+        this.clearActive();
+        this.right_card_list[0].active = true;
+        this.right_card_list[0].content[2].active = true;
+      } else if (scrollY > 555 && scrollY <= 1181) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[0].active = true;
+      } else if (scrollY > 1181 && scrollY <= 1639) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[1].active = true;
+      } else if (scrollY > 1639 && scrollY <= 1842) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[2].active = true;
+      } else if (scrollY > 1842 && scrollY <= 1957) {
+        this.collapse = [2];
+        this.clearActive();
+        this.right_card_list[1].active = true;
+        this.right_card_list[1].content[3].active = true;
+      } else if (scrollY > 1700 && scrollY <= 2455) {
+        this.collapse = [3];
+        this.clearActive();
+        this.right_card_list[2].active = true;
+        this.right_card_list[2].content[0].active = true;
+      } else if (scrollY > 2455 && scrollY <= 2894) {
+        this.collapse = [3];
+        this.clearActive();
+        this.right_card_list[2].active = true;
+        this.right_card_list[2].content[1].active = true;
+      } else if (scrollY > 2894 && scrollY <= 3331) {
+        this.collapse = [3];
+        this.clearActive();
+        this.right_card_list[2].active = true;
+        this.right_card_list[2].content[2].active = true;
+      } else if (scrollY > 3243 && scrollY <= 4900) {
+        this.collapse = [4];
+        this.clearActive();
+        this.right_card_list[3].active = true;
+        this.right_card_list[3].content[0].active = true;
+      } else if (scrollY > 4900 && scrollY <= 4975) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[0].active = true;
+      } else if (scrollY > 4975 && scrollY <= 5112) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[1].active = true;
+      } else if (scrollY > 5112 && scrollY <= 5246) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[2].active = true;
+      } else if (scrollY > 5246 && scrollY <= 5723) {
+        this.collapse = [5];
+        this.clearActive();
+        this.right_card_list[4].active = true;
+        this.right_card_list[4].content[3].active = true;
+      } else if (scrollY > 5723 && scrollY <= 6340) {
+        this.collapse = [6];
+        this.clearActive();
+        this.right_card_list[5].active = true;
+        this.right_card_list[5].content[0].active = true;
+      } else if (scrollY > 6340 && scrollY <= 6506) {
+        this.collapse = [6];
+        this.clearActive();
+        this.right_card_list[5].active = true;
+        this.right_card_list[5].content[1].active = true;
+      }
+    },
+    clearActive() {
+      this.right_card_list.forEach(item => {
+        item.active = false;
+        if (item.key != 7) {
+          item.content.forEach(content => {
+            content.active = false;
+          });
+        }
+      });
+    },
+    getExt(url) {
+      if (url == null) {
+        return '';
+      }
+      return url.split('.').pop();
+    },
+    scrollToSubmit(item) {
+      console.log(item);
+      if (item.key == 7) {
+        this.collapse = [7];
+        this.clearActive();
+        this.right_card_list[6].active = true;
+      }
+    },
   },
+
 };
 </script>
 <style src="@wangeditor/editor/dist/css/style.css"></style>
-<style scoped lang="less">
+<style lang="less">
+.result-success {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 75vh;
+
+  &-icon {
+    font-size: 72px;
+    color: var(--td-success-color);
+  }
+
+  &-title {
+    margin-top: 28px;
+    font-size: 20px;
+    color: var(--td-text-color-primary);
+    text-align: center;
+    line-height: 28px;
+    font-weight: 500;
+  }
+
+  &-describe {
+    margin: 8px 0 32px;
+    font-size: 14px;
+    color: var(--td-text-color-secondary);
+    line-height: 22px;
+  }
+}
+
+.t-button+.t-button {
+  margin-left: var(--td-comp-margin-s);
+}
+
 .cropper-content {
   display: flex;
   display: -webkit-flex;
@@ -1740,14 +2695,78 @@ export default {
 .sfz {
   cursor: pointer;
   text-align: center;
-  width: 300px;
-  height: 200px;
-  line-height: 200px;
-  border: 1px dashed #999999;
-  margin-bottom: 20px;
 }
 
-.sfz:hover {
-  border: 1px dashed #409eff;
+.w-e-full-screen-container {
+  z-index: 1024;
 }
-</style>
+
+.top_title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 8px;
+  width: 185px;
+  padding: 0px 10px;
+  font-weight: 400;
+}
+
+.top_title_no_active {
+  background: #F5F6F8;
+  color: #000000;
+}
+
+.top_title_active {
+  background: #2552CD;
+  color: #fff;
+}
+
+.nei_color {
+  color: #999999;
+}
+
+.nei_color_active {
+  color: #2552CD;
+}
+
+.title_box {
+  font-size: 17px;
+  font-weight: 600;
+  margin: 20px 0px;
+  color: #3D3D3D;
+}
+
+.title_box_active {
+  font-size: 17px;
+  font-weight: 600;
+  margin: 20px 0px;
+  color: #2552CD;
+}
+
+//优化滚动条
+::-webkit-scrollbar {
+  width: 5px !important;
+  height: 5px !important;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1 !important;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #000;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #889fdd;
+}
+
+.input_box {
+  width: 270px;
+}
+
+.input_box_end {
+  width: 565px;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/user/user_info.vue b/src/pages/user/user_info.vue
index 76b6f87..619e9a4 100644
--- a/src/pages/user/user_info.vue
+++ b/src/pages/user/user_info.vue
@@ -435,7 +435,7 @@
                   {{ info.last_year_local_revenue }}
                 </td>
                 <td>
-                  {{ info.business_case }}
+                  <div v-html="info.business_case"></div>
                 </td>
                 <td>
                   <div v-html="info.economic_and_trade_exchanges_with_china"></div>
@@ -487,9 +487,9 @@
                         </tr>
                       </thead>
                       <tbody>
-                        <tr v-for="(item, index) in info.dangweifuzerenxinxi">
+                        <tr v-for="(item, index) in info.party_json">
                           <td>{{ item.name }}</td>
-                          <td>{{ item.sex }}</td>
+                          <td>{{ item.sex==0?'女':'男' }}</td>
                           <td>{{ item.danwei_zhiwu }}</td>
                           <td>{{ item.party_zhiwu }}</td>
                           <td>{{ item.phone }}</td>
@@ -546,7 +546,7 @@
                       <tbody>
                         <tr v-for="(item, index) in info.tuanweifuzerenxinxi">
                           <td>{{ item.name }}</td>
-                          <td>{{ item.sex }}</td>
+                          <td>{{ item.sex==0?'女':'男' }}</td>
                           <td>{{ item.job }}</td>
                           <td>{{ item.tun_job }}</td>
                           <td>{{ item.phone }}</td>
@@ -637,6 +637,7 @@ export default {
           key.tuanweifuzerenxinxi = key.tuanweifuzerenxinxi != '' ? JSON.parse(key.tuanweifuzerenxinxi) : '';
           key.achievement_award = key.achievement_award != '' ? JSON.parse(key.achievement_award) : '';
           key.enterprise_honor = key.enterprise_honor != '' ? JSON.parse(key.enterprise_honor) : '';
+          key.party_json = key.party_json != '' ? JSON.parse(key.party_json) : '';
           this.info = key;
         })
         .catch((e) => {