shengqingqixie-admin/src/pages/register/index.vue

<template>
  <div v-if="show"
    style="background-color: #f5f5f5;padding: 30px;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 style="width: 88%;">
      <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="推荐方式" :requiredMark="true">
                  <t-select size="large" v-model="formData.reporting_method">
                    <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="来源渠道" :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>
                      <t-option value="朋友推荐" label="朋友推荐" key="朋友推荐"></t-option>
                      <t-option value="其他渠道" label="其他渠道" key="其他渠道"></t-option>
                    </t-select>
                  </t-form-item>
                </template>
                <template v-if="formData.reporting_method == 1">
                  <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-select>
                  </t-form-item>
                </template>
                <template v-if="formData.reporting_method == 2">
                  <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="推荐人单位名称及职务" :requiredMark="true">
                    <t-input size="large" readonly v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务" />
                  </t-form-item>
                </template>
                <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>
                  </t-select>
                </t-form-item>
              </t-form>
            </div>
          </div>
          <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'" v-model="formData.cardz_image_show"
                  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">
                    <img v-if="formData.cardz_image != ''" :src="$store.state.user.apiUrl + formData.cardz_image"
                      style="width: 100%; max-height: 200px" />
                  </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'" v-model="formData.cardf_image_show"
                  :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="$store.state.user.apiUrl + formData.cardf_image"
                      style="width: 100%; max-height: 200px" />
                  </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'"
                    v-model="formData.photo_image_show" :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="姓名" :requiredMark="true">
                      <t-input size="large" v-model="formData.nikename" placeholder="请输入姓名" class="input_box" />
                    </t-form-item>
                    <t-form-item label="曾姓名">
                      <t-input size="large" v-model="formData.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="出生年月日" :requiredMark="true">
                      <t-date-picker size="large" v-model="formData.birth_time" class="input_box" />
                    </t-form-item>
                    <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="政治面貌" :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>
                        <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-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-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
                      </t-select>
                    </t-form-item>
                    <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="工作单位" :requiredMark="true">
                      <t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位" class="input_box" />
                    </t-form-item>
                    <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="籍贯" :requiredMark="true">
                      <t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯" class="input_box" />
                    </t-form-item>
                    <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="学历" :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>
                        <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-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="邮编" :requiredMark="true">
                      <t-input size="large" v-model="formData.zip_code" placeholder="请输入邮编" class="input_box" />
                    </t-form-item>
                    <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="请输入微信" class="input_box" />
                    </t-form-item>

                    <t-form-item label="固定电话">
                      <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"
                        class="input_box" />
                    </t-form-item>
                    <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 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 layout="inline" labelAlign="top" :labelWidth="100" v-for="(item, index) in formData.hj">
                    <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="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
                        @change="onChange" />
                    </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-space direction="vertical">
                    <t-form>
                      <t-form-item>
                        <t-checkbox-group v-model="formData.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-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>
        <!-- <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="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="企业名称" :requiredMark="true">
                      <t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称"
                        style="width: 400px;" />
                    </t-form-item>
                    <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="企业注册地" :requiredMark="true">
                      <t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"
                        style="width: 500px;" />
                    </t-form-item>
                    <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 :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="注册资金（万元）" :requiredMark="true">
                      <t-input size="large" v-model="formData.registered_capital" placeholder="注册资金（万元）"
                        style="width: 400px;" />
                    </t-form-item>
                    <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>
                    <template v-if="formData.if_list == 0">
                      <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="上市时间" :requiredMark="true">
                        <t-date-picker size="large" v-model="formData.birth_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" :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-input size="large" v-model="formData.enterprise_website" placeholder="企业网址" />
                    </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>
                        <t-option key="集体" label="集体" value="集体"></t-option>
                        <t-option key="外贸" label="外贸" value="外贸"></t-option>
                        <t-option key="其他" label="其他" value="其他"></t-option>
                      </t-select>
                    </t-form-item>
                    <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="上年纳税额（万元）" :requiredMark="true">
                      <t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）" class="input_box" />
                    </t-form-item>
                    <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="上年公益性捐赠支出（万元）" :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 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'" v-model="formData.cardz_image_show"
                  theme="custom" :data="{ association_id: 1 }" accept="image/*"
                  :format-response="(response) => formatResponse(response, 3)">
                  <div class="sfz">
                    <img v-if="formData.business_license_image == ''" src="/src/assets/c4.png"
                      style="width:220px; height: 124px" />
                    <img v-if="formData.business_license_image != ''"
                      :src="$store.state.user.apiUrl + formData.business_license_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>公司LOGO:</span>
                </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, 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="$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'" v-model="formData.cardz_image_show"
                  theme="custom" :data="{ association_id: 1 }" accept="image/*"
                  :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.enterprise_credit_report != ''"
                      :src="$store.state.user.apiUrl + formData.enterprise_credit_report"
                      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'" v-model="formData.cardz_image_show"
                  theme="custom" :data="{ association_id: 1 }" accept="image/*"
                  :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 != ''"
                      :src="$store.state.user.apiUrl + formData.certificate_of_no_criminal_record"
                      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'" v-model="formData.cardz_image_show"
                  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 != ''"
                      :src="$store.state.user.apiUrl + formData.certificate_of_business_tax_payment_for_the_previous_year"
                      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'" v-model="formData.cardz_image_show"
                  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 != ''"
                      :src="$store.state.user.apiUrl + formData.enterprise_credit_information_report"
                      style="width:220px; height: 124px;object-fit: cover;" />
                  </div>
                </t-upload>
              </div>
            </div>
          </div>
          <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.contacts">
                    <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>
                    </t-form-item>
                  </t-form>
                  <t-button @click="addContacts" theme="primary"> <add-icon slot="icon" />添加更多</t-button>
                </t-space>
              </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="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>
              <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'" v-model="formData.zl_show"
                    theme="custom" :data="{ association_id: 1 }" accept="image/*"
                    :format-response="(response) => formatResponse(response, 5)">
                    <div class="sfz" style="display: flex;justify-content: start;">
                      <div v-if="formData.zl_list.length > 0" v-for="(item, index) in formData.zl_list" :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>
                        <img :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>
        <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="0"></t-option>
                <t-option key="1" label="否" :value="1"></t-option>
              </t-select>
            </div>
            <div v-if="formData.if_abroad == 0">
              <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-select size="large" v-model="formData.abroad_region_id" style="width:500px;">
                      <t-option key="0" label="是" :value="0"></t-option>
                      <t-option key="1" label="否" :value="1"></t-option>
                    </t-select>
                  </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="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_party == 0" 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.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 == 0">
              <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.party">
                      <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 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>
        </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>
          <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 :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>
                <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 store from '@/store';
import { VueCropper } from 'vue-cropper';
import axios from 'axios';
import {
  AddIcon, CloseCircleIcon, SearchIcon, DiscountIcon, CloudDownloadIcon,
} from 'tdesign-icons-vue';
export default {
  components: {
    CloseCircleIcon,
    AddIcon,
    VueCropper,
    Editor,
    Toolbar,
  },
  data() {
    return {
      editorJJ: null,
      editorCJ: null,
      editorGS: null,
      editorZY: null,
      editorRY: null,
      editorQT: null,
      editorLX: null,
      editorJY: null,
      editorSH: null,
      toolbarConfig: {
        showLinkImg: false,
        uploadImgShowBase64: true,
        excludeKeys: [
          'insertVideo', // 删除视频
          'uploadVideo',
          'group-video',
          'insertImage', // 删除网络图片上传
          'uploadImage',
          'group-image',
          'insertLink', // 删除链接
          'insertTable', // 删除表格
          'codeBlock', // 删除代码块
        ],
      },
      editorConfig: {
        placeholder: '',
        readOnly: false, // 是否只允许阅读，不可编辑
        autoFocus: true,
      },
      show: false,
      caiMode: false,
      previews: {},
      caiImg: '',

      work_time: [],
      workList: [],

      contactsList: [],

      tuan_list: [],
      formData: {
        enterprise_credit_report: '',
        enterprise_credit_information_report: '',
        certificate_of_no_criminal_record: '',
        certificate_of_business_tax_payment_for_the_previous_year: '',
        if_party: null,
        if_abroad: null,
        abroad_region_id: null,
        staff_size: '',
        last_year_local_revenue: '',
        social_duties: [],
        business_case: '',
        economic_and_trade_exchanges_with_china: '',
        enterprise_lvxingzeren: '',
        registered_capital: '',
        zip_code: '',
        mail_address: '',
        intentional_association_position: '',
        source_channel: '',
        region_id: '',
        recommendation_id: '',
        recommendation_name: '',
        position_id: '',
        industry_id: '',
        phone: '',
        password: '',
        nikename: '',
        gender: null,
        birth_time: '',
        nation: '',
        political: '',
        jiguan: '',
        zl_list: [],
        zl_show: [],
        institution: '',
        education: '',
        academic_degree: '',
        card_number: '',
        work_unit: '',
        unit_position: '',
        wx_number: '',
        mailbox: '',
        fixed_telephone: '',
        achievement_award: '',
        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: '',
        previous_profit: '',
        previous_donation: '',
        qitaqiyerenzhiqingkuang: '',
        enterprise_Introduction: '',
        introdiction: '',
        enterprise_honor: '',
        if_organization: null,
        nature: '',
        jiantuan_time: '',
        jiantuan_number: '',
        youth_number: '',
        superior_nature: '',
        tuanweifuzerenxinxi: '',
        documents_file: '',
        documents_file_show: [],
        enterprise_location: '',
        introduction: '',
        enterprise_name: '',
        company_image: '',
        company_image_show: [],
        token: '',
        openid: '',
        work_experience: '',
        main_social_positions: '',
        reporting_method: 3,
        recommendation_content: '',
        recommended_cities: '',
        longitude: '',
        dimension: '',
        tuan: [{
          name: '',
          sex: '',
          job: '',
          tun_job: '',
          phone: '',
        }],
        hj: [
          {
            time: '',
            name: '',
            organ: ''
          }
        ],
        work: [{
          time: '',
          address: '',
          book: '',
        }],
        contacts: [{
          name: '',
          post: '',
          phone: '',
        }],
        party: [{
          name: '',
          sex: '',
          danwei_zhiwu: '',
          party_zhiwu: '',
          phone: '',
        }]
      },
      current: 2,
      industry_list: [],
      plan_list: [],
      member_list: [],
      region_list: [],
      collapse: [1],

      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,
            },
            {
              title: '2.区域与资源',
              active: false,
              id: 'haiwiquyu',
              ok: false,
            },
            {
              title: '3.财务与运营',
              active: false,
              id: 'caiwuyunying',
              ok: false,
            },
            {
              title: '4.对华合作',
              active: false,
              id: 'duihuahezuo',
              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,
            },

          ]
        }
      ],
    };
  },
  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;
          console.log(this.right_card_list[0].content[2].ok);
        }
        //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.hj.length > 0) {
          if (newVal.hj[0].time != '' && newVal.hj[0].name != '' && newVal.hj[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.social_duties.length > 0) {
          this.right_card_list[1].content[3].ok = true;
        } else {
          this.right_card_list[1].content[3].ok = false;
        }
        //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.contacts.length > 0) {
          if (newVal.contacts[0].name != '' && newVal.contacts[0].post != '' && newVal.contacts[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 == 0) {
          if (newVal.abroad_region_id != null && 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;
          }
        }
        if (newVal.if_abroad == 0) {
          this.right_card_list[4].ok = true;
        } else {
          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() {
    window.removeEventListener('scroll', this.handleScroll);
  },
  mounted() {
    window.addEventListener('scroll', this.handleScroll);
    console.log(this.$route.query.id);
    this.formData.token = this.$route.query.token;
    this.formData.openid = this.$route.query.openid;
    this.show = true;
    this.getIndustry();
    this.getRegion();
    //this.getInfo();
    //this.getUserList();
  },
  methods: {
    getMemberInfo(d) {
      var index = this.member_list.findIndex(item => item.id == d.id);
      this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
    },
    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/member/getrecommendationSelect', { openid: this.$route.query.openid })
        .then((res) => {
          console.log(res);
          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];
    },
    addTuan() {
      this.formData.tuan.push({
        name: '',
        sex: '',
        job: '',
        tun_job: '',
        phone: '',
      });

    },
    delTuan(index) {
      this.formData.tuan.splice(index, 1);
    },
    addWork() {
      if (this.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.contacts.push({
        name: '',
        post: '',
        phone: '',
      });
    },
    delContacts(index) {
      this.formData.contacts.splice(index, 1);
    },
    download() {
      //https://hnyea.0rui.cn/api/move/pdf_member/exportPdf      PDF导出
      //window.location.href="https://hnyea.0rui.cn/api/move/pdf_member/exportPdf?openid="+this.formData.openid;
      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) {
      // 上传图片
      // 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中的一种');
        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);
    },
    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);
    },
    openCai() {
      this.caiImg = store.state.user.apiUrl + this.formData.photo_image;
      this.$refs.cropper.startCrop();
      this.caiMode = true;
    },
    getInfo() {
      this.$request
        .post('/move/temporary_token/tokenMember', { openid: this.formData.openid, token: this.formData.token })
        .then((res) => {
          console.log(res);
          if (res.code == 0) {
            this.$message.error('入会链接有误，请前往小程序重新获取！', 5000);
          } else {
            this.show = true;
            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;
            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 == null ? '' : res.data.cardf_image;
            this.formData.cardz_image = res.data.cardz_image == null ? '' : res.data.cardz_image;
            this.formData.photo_image = res.data.photo_image == null ? '' : res.data.photo_image;
            this.formData.company_image = res.data.company_image == null ? '' : res.data.company_image;
            this.formData.business_license_image =
              res.data.business_license_image == null ? '' : 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 = parseInt(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.introdiction = res.data.introdiction;
            this.formData.enterprise_honor = res.data.enterprise_honor;
            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;
            this.formData.documents_file = res.data.documents_file;
            this.formData.enterprise_location = res.data.enterprise_location;
            this.formData.introduction = res.data.introduction;
            this.formData.enterprise_name = res.data.enterprise_name;
            this.formData.main_social_positions = res.data.main_social_positions;

            this.formData.work_experience = res.data.work_experience;
            if (res.data.reporting_method != null) {
              this.formData.reporting_method = res.data.reporting_method;
            }
            this.formData.recommendation_content = res.data.recommendation_content;
            this.formData.documents_file = res.data.documents_file;
            if (res.data.documents_file == '') {
              this.formData.documents_file_show = [];
            } else {
              this.formData.documents_file_show = [{ url: store.state.user.apiUrl + res.data.documents_file }];
            }
            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;
            this.formData.enterprise_lvxingzeren = res.data.enterprise_lvxingzeren;

            this.formData.longitude = res.data.longitude;
            this.formData.dimension = res.data.dimension;
            if (res.data.work_experience != null) {
              this.workList = JSON.parse(res.data.work_experience);
            } else {
              this.workList = [];
            }
            this.social_duties = res.data.main_social_positions.split(',');
            this.contactsList = JSON.parse(res.data.other_contacts);
            this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi);
          }
        })
        .catch((e) => {
          console.log(e);
        });
    },
    getRegion() {
      this.$request
        .post('/region')
        .then((res) => {
          console.log(res);
          if (res.code == 1) {
            this.region_list = res.data;
          }
        })
        .catch((e) => {
          console.log(e);
        });
    },
    getIndustry() {
      this.$request
        .post('/move/industry/index', { association_id: 1 })
        .then((res) => {
          console.log(res);
          if (res.code == 1) {
            this.industry_list = res.data;
            this.industry_list.push({ id: -1, industry_name: '其他行业' });
          }
        })
        .catch((e) => {
          console.log(e);
        });
    },
    formatResponse(res, type) {
      console.log(res);
      console.log(this.formData.zl_list);
      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.zl_list.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() {
      console.log(this.formData)
      if (this.formData.reporting_method == null || this.formData.reporting_method == '') {
        this.$message.error('请选择推荐方式！');
        return;
      }
      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.cardf_image == '') {
        this.$message.error('请上传身份证反面！');
        return;
      }
      if (this.formData.photo_image == '') {
        this.$message.error('请上传证件照！');
        return;
      }
      if (this.formData.nikename == '') {
        this.$message.error('请输入姓名！');
        return;
      }
      if (this.formData.gender == '' || 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 {
        this.formData.work = JSON.parse(this.formData.work);
      }
      if (this.formData.social_duties == null || this.formData.social_duties.length == 0) {
        this.$message.error('请选择主要社会职务！');
        return;
      }
      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.formData.if_list == '') {
        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.contacts.length == 0) {
        this.$message.error('请输入紧急联系人!');
        return;
      }else{
        this.formData.contacts = JSON.parse(this.formData.contacts);
      }
      if (this.formData.enterprise_Introduction == null || this.formData.enterprise_Introduction == '') {
        this.$message.error('请输入企业简介!');
        return;
      }
      if (this.formData.zl_list.length == 0) {
        this.$message.error('请上传荣誉与专利!');
        return;
      }else{
        this.formData.zl_list = JSON.parse(this.formData.zl_list);
      }
      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.formData.if_abroad == '') {
        this.$message.error('请选择是否开展海外业务!');
        return;
      }
      if (this.formData.if_abroad == 0) {
        if (this.formData.abroad_region_id == null || this.formData.abroad_region_id == '') {
          this.$message.error('请选择国家/城市!');
          return;
        }
        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.formData.if_party == '') {
        this.$message.error('请选择是否成立党组织!');
        return;
      }
      if (this.formData.if_party == 0) {
        if (this.formData.party_nature == null || this.formData.party_nature == '') {
          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.party.length == 0) {
          this.$message.error('请输入党委负责人信息!');
          return;
        } else {
          this.formData.party = JSON.parse(this.formData.party);
        }
      }


      if (this.formData.if_organization == null || this.formData.if_organization == '') {
        this.$message.error('请选择是否成立团组织!');
        return;
      }
      if (this.formData.if_party == 0) {
        if (this.formData.nature == null || this.formData.nature == '') {
          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.party.length == 0) {
          this.$message.error('请输入团组织负责人信息!');
          return;
        } else {
          this.formData.tuan = JSON.parse(this.formData.tuan);
        }
      }
      if(this.formData.hj.length >0){
        this.formData.hj = JSON.parse(this.formData.hj);
      }
      this.$request
        .post('/move/temporary_token/shenqing', this.formData)
        .then((res) => {
          console.log(res);
          if (res.code == 1) {
            this.$message.success(res.msg);
          } else {
            this.$message.error(res.msg);
          }
          // setTimeout(() => {
          //   this.$router.push(`/login?id=`+this.id);
          // }, 1000);
          //this.getInfo();
        })
        .catch((e) => {
          console.log(e);
        });
    },
    onCreatedJJ(editor) {
      this.editorJJ = Object.seal(editor);
    },
    onCreatedCJ(editor) {
      this.editorCJ = Object.seal(editor);
    },
    onCreatedGS(editor) {
      this.editorGS = Object.seal(editor);
    },
    onCreatedZY(editor) {
      this.editorZY = Object.seal(editor);
    },
    onCreatedRY(editor) {
      this.editorRY = Object.seal(editor);
    },
    onCreatedQT(editor) {
      this.editorQT = Object.seal(editor);
    },
    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');
      text = text.replace(/\s+/g, '');
      editor.insertText(text);
      event.preventDefault();
      callback(false);
      // 返回 true ，继续默认的粘贴行为
    },
    addHj() {
      this.formData.hj.push({
        time: '',
        name: '',
        organ: '',
      });
    },
    delHj(index) {
      this.formData.hj.splice(index, 1);
    },
    delZl(index) {
      this.formData.zl_list.splice(index, 1);
    },
    delParty(index) {
      this.formData.party.splice(index, 1);
    },
    addParty() {
      this.formData.party.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);
        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('页面正在滚动');
      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;
        item.content.forEach(content => {
          content.active = false;
        });
      });
    }
  },

};
</script>
<style src="@wangeditor/editor/dist/css/style.css"></style>
<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;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;

  .cropper {
    width: 350px;
    height: 300px;
  }

  .show-preview {
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;

    .preview {
      overflow: hidden;
      border-radius: 50%;
      border: 1px solid #cccccc;
      background: #cccccc;
      margin-left: 40px;
    }
  }
}

.footer-btn {
  margin-top: 30px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;

  .scope-btn {
    width: 350px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }

  .upload-btn {
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  }

  .btn {
    outline: none;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;
    padding: 8px 15px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
  }
}

.sfz {
  cursor: pointer;
  text-align: center;
}

.w-e-full-screen-container {
  z-index: 1024;
}

.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>