2504 lines
110 KiB
Vue
2504 lines
110 KiB
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> |