wo123/shengqingqixie-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
王创世 2024-08-22 18:09:35 +08:00
parent 9cca26dd00
commit bf6f1b51af
7 changed files with 1755 additions and 946 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

419
src/pages/register/index.vue
View File

@ -11,20 +11,46 @@
<div style="padding: 30px 0px">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item name="name" label="推荐方式">
<t-select filterable v-model="formData.reporting_method">
<t-option label="个人自荐" :value="3"/>
<t-option label="会员推荐" :value="2"/>
<t-option label="组织推荐" :value="1"/>
<t-select size="large" filterable v-model="formData.reporting_method">
<t-option label="个人自荐" value="3"/>
<t-option label="会员推荐" value="2"/>
<t-option label="组织推荐" value="1"/>
</t-select>
</t-form-item>
<t-form-item name="name" label="推荐人">
<t-select filterable v-model="formData.recommendation_id">
<template v-if="formData.reporting_method==3">
<t-form-item name="name" label="来源渠道">
<t-select size="large" v-model="formData.recommended_cities" 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="推荐地市">
<t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
<t-option v-for="item in region_list" :value="item.value" :label="item.label" :key="item.value"></t-option>
</t-select>
</t-form-item>
</template>
<template v-if="formData.reporting_method==2">
<t-form-item name="name" label="推荐人姓名">
<t-select size="large" filterable v-model="formData.recommendation_id">
<t-option label="无" :value="0"/>
<t-option v-for="item in member_list" :label="item.nikename" :value="item.id"/>
</t-select>
</t-form-item>
<t-form-item label="推荐人单位名称及职务">
<t-input v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
<t-input size="large" v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
</t-form-item>
</template>
<t-form-item label="意向协会职务">
<t-select size="large" :style="{ width: '200px' }">
<t-option :key="0" label="会员" :value="0"></t-option>
<t-option :key="1" label="理事" :value="1"></t-option>
<t-option :key="2" label="常务理事" :value="2"></t-option>
</t-select>
</t-form-item>
</t-form>
</div>
@ -33,99 +59,127 @@
<div style="color: #2E2E2E;font-size: 30px;">2.基本信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div>
<div style="width: 50%">
<div>证件照</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div class="t-upload" @click="openCai" style="margin-top: 20px">
<div class="t-upload__card-container" style="cursor: pointer">
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 110px;height: 110px;"
<div class="t-upload" @click="openCai" style="margin-top: 20px;">
<div style="cursor: pointer;text-align: center;width: 200px;height: 200px;line-height: 200px;border: 1px dashed #999999;">
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 200px;display: block"
v-if="formData.photo_image!=''">
<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"
<svg style=" font-size: 35px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.photo_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg>
<p class="t-size-s t-upload__add-text" v-if="formData.photo_image==''">点击上传图片</p>
</div>
<small class="t-upload__tips t-size-s">请上传证件照，照片将作为会员证照</small>
</div>
</div>
<div style="margin-left: 40px">
<div style="margin-left: 50px">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="姓名" :rules="[ { required: true, message: '此项必填' }]">
<t-input v-model="formData.nikename" placeholder="请输入姓名"/>
<t-input size="large" v-model="formData.nikename" placeholder="请输入姓名"/>
</t-form-item>
<t-form-item label="手机号" :rules="[ { required: true, message: '此项必填' }]">
<t-input v-model="formData.phone" placeholder="请输入手机号"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="区域" name="region_id">
<t-cascader v-model="formData.region_id" :options="region_list"></t-cascader>
</t-form-item>
<t-form-item label="出生年月日">
<t-date-picker :style="{ width: '200px' }" v-model="formData.birth_time"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="性别" name="name">
<t-select v-model="formData.gender" :style="{ width: '200px' }">
<t-select size="large" v-model="formData.gender" :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-item label="政治面貌">
<t-input v-model="formData.political" placeholder="请输入政治面貌"/>
<t-form-item label="出生年月日">
<t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.birth_time"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="民族">
<t-input v-model="formData.nation" placeholder="请输入民族"/>
<t-input size="large" v-model="formData.nation" placeholder="请输入民族"/>
</t-form-item>
<t-form-item label="毕业院校">
<t-input v-model="formData.institution" placeholder="请输入毕业院校"/>
<t-form-item label="政治面貌">
<t-select size="large" v-model="formData.political" placeholder="请选择政治面貌" :style="{ width: '200px' }">
<t-option value="中共党员" label="中共党员" key="中共党员"></t-option>
<t-option value="中共预备党员" label="中共预备党员" key="中共预备党员"></t-option>
<t-option value="共青团员" label="共青团员" key="共青团员"></t-option>
<t-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>
</t-space>
</div>
<div>
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="身份证号码">
<t-input v-model="formData.card_number" placeholder="请输入身份证号码"/>
<t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码"/>
</t-form-item>
<t-form-item label="籍贯">
<t-input v-model="formData.jiguan" placeholder="请输入籍贯"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="邮箱">
<t-input v-model="formData.mailbox" placeholder="请输入邮箱"/>
<t-form-item label="工作单位">
<t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位"/>
</t-form-item>
<t-form-item label="单位职务">
<t-input v-model="formData.unit_position" placeholder="请输入单位职务"/>
<t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务"/>
</t-form-item>
<t-form-item label="通讯地址">
<t-input size="large" placeholder="请输入通讯地址"/>
</t-form-item>
<t-form-item label="籍贯">
<t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯"/>
</t-form-item>
<t-form-item label="毕业院校">
<t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校"/>
</t-form-item>
<t-form-item label="学历">
<t-select size="large" v-model="formData.education" placeholder="请选择学历" :style="{ width: '200px' }">
<t-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>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="学位">
<t-input v-model="formData.academic_degree" placeholder="请输入学位"/>
<t-select size="large" v-model="formData.academic_degree" placeholder="请选择学位" :style="{ width: '200px' }">
<t-option value="博士" label="博士" key="博士"></t-option>
<t-option value="硕士" label="硕士" key="硕士"></t-option>
<t-option value="学士" label="学士" key="学士"></t-option>
<t-option value="其他" label="其他" key="其他"></t-option>
</t-select>
</t-form-item>
<t-form-item label="邮编">
<t-input size="large" placeholder="请输入邮编"/>
</t-form-item>
<t-form-item label="手机号" :rules="[ { required: true, message: '此项必填' }]">
<t-input size="large" v-model="formData.phone" placeholder="请输入手机号"/>
</t-form-item>
<t-form-item label="邮箱">
<t-input size="large" v-model="formData.mailbox" placeholder="请输入邮箱"/>
</t-form-item>
<t-form-item label="微信">
<t-input size="large" v-model="formData.wx_number" placeholder="请输入微信"/>
</t-form-item>
<t-form-item label="固定电话">
<t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"/>
</t-form-item>
<t-form-item label="所在区域" name="region_id">
<t-cascader size="large" v-model="formData.region_id" :options="region_list" :style="{ width: '200px' }"></t-cascader>
</t-form-item>
</t-form>
</t-space>
</div>
</div>
<div>
<div>身份证照</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div>
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.cardz_image==''">请上传身份证正面照片</span>
<span v-if="formData.cardz_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.cardz_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.cardz_image!=''" :src="$store.state.user.apiUrl+formData.cardz_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px;">请上传身份证正面照片</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardz_image_show"
@ -137,12 +191,16 @@
<t-button>上传图片</t-button>
</t-upload>
</div>
<div style="margin-left: 100px">
<div style="margin-left: 100px;text-align: center">
<div class="sfz">
<span v-if="formData.cardf_image==''">请上传身份证背面照片</span>
<span v-if="formData.cardf_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.cardf_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.cardf_image!=''" :src="$store.state.user.apiUrl+formData.cardf_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px;">请上传身份证背面照片</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardf_image_show"
@ -182,33 +240,36 @@
<t-space direction="vertical">
<t-form labelAlign="top" :labelWidth="100">
<t-form-item label="起止日期">
<t-input v-model="work.time" placeholder="起止日期"/>
<!-- <t-input v-model="work.time" placeholder="起止日期"/>-->
<t-date-range-picker size="large" v-model="work_time" allow-input @change="onChange" />
</t-form-item>
<t-form-item label="地区单位">
<t-input v-model="work.address" placeholder="请输入地区单位"/>
<t-input size="large" v-model="work.address" placeholder="请输入地区单位"/>
</t-form-item>
<t-form-item label="担任职务">
<t-input v-model="work.book" placeholder="请输入担任职务"/>
<t-input size="large" v-model="work.book" placeholder="请输入担任职务"/>
</t-form-item>
</t-form>
<t-button @click="addWork" theme="primary">添加</t-button>
</t-space>
</div>
<div style="width: 100%">
<div style="display: flex;justify-content: space-around;width: 100%">
<div>起止日期</div>
<div>地区单位</div>
<div>担任职务</div>
<div>操作</div>
</div>
<div v-for="(item,index) in workList" style="display: flex;justify-content: space-around;margin-top: 10px;">
<div style="text-align: center">{{ item.time }}</div>
<div style="text-align: center">{{ item.address }}</div>
<div style="text-align: center">{{ item.book }}</div>
<div style="text-align: center">
<table style=";width: 100%; border-collapse: collapse;">
<tr align="center" >
<th>起止日期</th>
<th>地区单位</th>
<th>担任职务</th>
<th>操作</th>
</tr>
<tr align="center" v-for="(item, index) in workList" :key="index">
<td>{{ item.time }}</td>
<td>{{ item.address }}</td>
<td>{{ item.book }}</td>
<td>
<t-button @click="delWork(index)" theme="danger" size="small">移除</t-button>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top: 30px">社会职务资料</div>
@ -246,126 +307,107 @@
</div>
</div>
</div>
<div style="margin-top: 30px">联系人</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 v-model="contacts.name" placeholder="请输入姓名"/>
<t-input size="large" v-model="contacts.name" placeholder="请输入姓名"/>
</t-form-item>
<t-form-item label="职务">
<t-input v-model="contacts.post" placeholder="请输入职务"/>
<t-input size="large" v-model="contacts.post" placeholder="请输入职务"/>
</t-form-item>
<t-form-item label="电话">
<t-input v-model="contacts.phone" placeholder="请输入电话"/>
<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%">
<div style="display: flex;justify-content: space-around;width: 100%">
<div>姓名</div>
<div>职务</div>
<div>电话</div>
<div>操作</div>
</div>
<div v-for="(item,index) in contactsList"
style="display: flex;justify-content: space-around;margin-top: 10px">
<div>{{ item.name }}</div>
<div>{{ item.post }}</div>
<div>{{ item.phone }}</div>
<div style="text-align: center">
<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>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">3.企业信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div style="width: 20%">
<div style="width: 100%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业注册地">
<t-input v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
<t-form-item label="企业名称">
<t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称"/>
</t-form-item>
<t-form-item label="统一社会信用代码">
<t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码"/>
</t-form-item>
<t-form-item label="企业注册地">
<t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
</t-form-item>
<t-form-item label="注册资金（万元）">
<t-input size="large" placeholder="注册资金（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="是否上市" name="name">
<t-select v-model="formData.if_list" :style="{ width: '200px' }">
<t-select size="large" v-model="formData.if_list" :style="{ width: '200px' }">
<t-option key="0" label="是" value="0"></t-option>
<t-option key="1" label="否" value="1"></t-option>
</t-select>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="员工人数">
<t-input v-model="formData.employee" placeholder="请输入员工人数"/>
<t-input size="large" v-model="formData.employee" placeholder="请输入员工人数"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="所属行业" name="name">
<t-select v-model="formData.industry_id" :style="{ width: '200px' }">
<t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in industry_list" :label="item.industry_name"
:value="item.id"></t-option>
</t-select>
</t-form-item>
</t-form>
<!-- <t-form layout="inline" labelAlign="top" :labelWidth="100">-->
<!-- <t-form-item label="注册资金" name="name">-->
<!-- <t-input placeholder="请输入注册资金"/>-->
<!-- </t-form-item>-->
<!-- </t-form>-->
</t-space>
</div>
<div style="width: 20%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业名称">
<t-input v-model="formData.enterprise_name" placeholder="请输入企业名称"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业网址">
<t-input v-model="formData.enterprise_website" placeholder="请输入企业网址"/>
<t-input size="large" v-model="formData.enterprise_website" placeholder="企业网址"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="统一社会信用代码">
<t-input v-model="formData.unified_code" placeholder="请输入统一社会信用代码"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业性质">
<t-input v-model="formData.enterprise_nature" placeholder="请输入企业性质"/>
<t-select size="large" v-model="formData.enterprise_nature" :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-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>
</t-space>
</div>
<div style="width: 20%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年营业额（万元）">
<t-input v-model="formData.previous_revenue" placeholder="请输入上年营业额（万元）"/>
<t-input size="large" v-model="formData.previous_revenue" placeholder="上年营业额（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年纳税额（万元）">
<t-input v-model="formData.previous_tax" placeholder="请输入上年纳税额（万元）"/>
<t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年度净利润（万元）">
<t-input v-model="formData.previous_profit" placeholder="请输入上年度净利润（万元）"/>
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年公益性捐赠支出（万元）">
<t-input v-model="formData.previous_donation" placeholder="请输入上年公益性捐赠支出（万元）"/>
<t-input size="large" v-model="formData.previous_donation" placeholder="上年公益性捐赠支出（万元）"/>
</t-form-item>
</t-form>
</t-space>
@ -375,13 +417,17 @@
<div>公司形象</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div>
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.business_license_image==''">请上传营业执照</span>
<span v-if="formData.business_license_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.business_license_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.business_license_image!=''"
:src="$store.state.user.apiUrl+formData.business_license_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传营业执照</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.business_license_image_show"
@ -393,12 +439,16 @@
<t-button>上传图片</t-button>
</t-upload>
</div>
<div style="margin-left: 100px">
<div style="margin-left: 100px;text-align: center">
<div class="sfz">
<span v-if="formData.company_image==''">请上传公司LOGO</span>
<span v-if="formData.company_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.company_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.company_image!=''" :src="$store.state.user.apiUrl+formData.company_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传公司LOGO</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.company_image_show"
@ -456,7 +506,7 @@
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="是否建立团组织" name="name">
<t-select v-model="formData.if_organization" :style="{ width: '200px' }">
<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>
@ -465,40 +515,61 @@
<t-form v-if="formData.if_organization==0" labelAlign="top"
layout="inline">
<t-form-item label="团组织性质" name="nature">
<t-input v-model="formData.nature" placeholder="团组织性质"></t-input>
<t-input size="large" v-model="formData.nature" placeholder="团组织性质"></t-input>
</t-form-item>
<t-form-item label="建团时间" name="jiantuan_time">
<t-date-picker :style="{ width: '200px' }" v-model="formData.jiantuan_time"/>
<t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.jiantuan_time"/>
</t-form-item>
<t-form-item label="建团人数" name="jiantuan_number">
<t-input v-model="formData.jiantuan_number" placeholder="建团人数"></t-input>
<t-input size="large" v-model="formData.jiantuan_number" placeholder="建团人数"></t-input>
</t-form-item>
<t-form-item label="青年人数" name="youth_number">
<t-input v-model="formData.youth_number" placeholder="青年人数"></t-input>
<t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
</t-form-item>
<t-form-item label="上级团组织" name="superior_nature">
<t-input v-model="formData.superior_nature" placeholder="上级团组织"></t-input>
<t-input size="large" v-model="formData.superior_nature" placeholder="上级团组织"></t-input>
</t-form-item>
<t-form-item label="团委负责人信息" name="tuanweifuzerenxinxi">
<t-input v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>
<t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>
</t-form-item>
<t-form-item label="批复文件">
<!-- <t-upload-->
<!-- :action="$store.state.user.apiUrl+'/api/common/upload'"-->
<!-- v-model="formData.documents_file_show"-->
<!-- theme="image"-->
<!-- tips="请选择批复文件(图片)"-->
<!-- accept="image/*"-->
<!-- :format-response="(response) => formatResponse(response, 4)"-->
<!-- ></t-upload>-->
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.documents_file==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.documents_file==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.documents_file!=''" :src="$store.state.user.apiUrl+formData.documents_file"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传批复文件</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.documents_file_show"
theme="image"
tips="请选择批复文件(图片)"
v-model="formData.company_image_show"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 4)"
></t-upload>
>
<t-button>上传图片</t-button>
</t-upload>
</div>
</t-form-item>
</t-form>
</t-space>
</div>
</div>
<div style="padding: 100px 0px;text-align: center">
<t-button @click="submit">确定保存</t-button>
<t-button @click="download" theme="warning" style="margin-left: 40px">生成PDF</t-button>
<t-button @click="submit" size="large">确定保存</t-button>
<t-button size="large" @click="download" theme="warning" style="margin-left: 50px">生成PDF</t-button>
</div>
</div>
<t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
@ -561,6 +632,7 @@ export default {
address: '',
book: '',
},
work_time:[],
workList: [],
contacts: {
name: '',
@ -634,8 +706,9 @@ export default {
openid: '',
work_experience: '',
main_social_positions: '',
reporting_method: 3,
reporting_method: '3',
recommendation_content: '',
recommended_cities:'',
},
current: 2,
industry_list: [],
@ -663,12 +736,16 @@ export default {
this.getInfo();
},
methods: {
onChange(value, context){
this.work.time=value[0]+'至'+value[1];
},
addWork() {
var k = {...this.work};
this.workList.push(k);
this.work.time = '';
this.work.address = '';
this.work.book = '';
this.work_time=[];
},
delWork(index) {
this.workList.splice(index, 1);
@ -781,7 +858,7 @@ export default {
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;
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;
@ -839,6 +916,14 @@ export default {
this.workList = JSON.parse(res.data.work_experience);
this.formData.reporting_method = res.data.reporting_method;
this.formData.recommendation_content = res.data.recommendation_content;
this.formData.recommendation_id=res.data.recommendation_id;
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;
}
})
.catch((e) => {
@ -1153,10 +1238,10 @@ export default {
height: 200px;
line-height: 200px;
border: 1px dashed #999999;
margin-bottom: 20px;
}
.sfz:hover {
color: #409EFF;
border: 1px dashed #409EFF;
}
</style>

752
src/pages/user/user_add.vue
View File

@ -1,229 +1,462 @@
<template>
<div class="detail-base">
<t-card title="新增会员" :bordered="false" class="info-block">
<t-card title="" :bordered="false" class="info-block">
<div style="padding: 20px">
<div style="padding-bottom: 20px;font-weight: bold">登陆信息</div>
<t-form
layout="inline"
labelAlign="top"
>
<t-form-item label="手机号" name="phone" :requiredMark="true">
<t-input v-model="formData.phone" placeholder="请输入手机号"></t-input>
</t-form-item>
<t-form-item label="密码" name="password">
<t-input v-model="formData.password" placeholder="请输入密码"></t-input>
</t-form-item>
<t-form-item label="职位" name="position_id">
<t-select v-model="formData.position_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in plan_list" :label="item.position_name" :value="item.id"></t-option>
<div>
<div style="color: #2E2E2E;font-size: 30px;">1.入会资料</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="padding: 30px 0px">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item name="name" label="推荐方式">
<t-select filterable v-model="formData.reporting_method">
<t-option label="个人自荐" value="3"/>
<t-option label="会员推荐" value="2"/>
<t-option label="组织推荐" value="1"/>
</t-select>
</t-form-item>
<t-form-item label="行业" name="industry_id">
<t-select v-model="formData.industry_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in industry_list" :label="item.industry_name" :value="item.id"></t-option>
<t-form-item name="name" label="推荐人">
<t-select filterable v-model="formData.recommendation_id">
<t-option label="无" :value="0"/>
<t-option v-for="item in member_list" :label="item.nikename" :value="item.id"/>
</t-select>
</t-form-item>
<t-form-item label="区域" name="region_id">
<t-select v-model="formData.region_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in region_list" :label="item.region_name" :value="item.id"></t-option>
</t-select>
<t-form-item label="推荐人单位名称及职务">
<t-input v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
</t-form-item>
</t-form>
</div>
<div style="padding: 20px">
<div style="padding-bottom: 20px;font-weight: bold">人员信息</div>
<t-form
labelAlign="top"
layout="inline"
>
<t-form-item label="会员姓名" name="nikename" :requiredMark="true">
<t-input v-model="formData.nikename" placeholder="请输入会员姓名"></t-input>
</t-form-item>
<t-form-item label="性别" name="gender">
<t-select v-model="formData.gender" :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-item label="民族" name="nation">
<t-input v-model="formData.nation" placeholder="请输入民族"></t-input>
</t-form-item>
<t-form-item label="政治面貌" name="political">
<t-input v-model="formData.political" placeholder="请输入政治面貌"></t-input>
</t-form-item>
<t-form-item label="出生日期" name="birth_time">
<t-date-picker :style="{ width: '200px' }" v-model="formData.birth_time"/>
</t-form-item>
<t-form-item label="身份证号码" name="card_number">
<t-input v-model="formData.card_number" placeholder="请输入身份证号码"></t-input>
</t-form-item>
<t-form-item label="籍贯" name="jiguan">
<t-input v-model="formData.jiguan" placeholder="请输入籍贯"></t-input>
</t-form-item>
<t-form-item label="毕业院校" name="institution">
<t-input v-model="formData.institution" placeholder="请输入毕业院校"></t-input>
</t-form-item>
<t-form-item label="学历" name="education">
<t-input v-model="formData.education" placeholder="请输入学历"></t-input>
</t-form-item>
<t-form-item label="学位" name="academic_degree">
<t-input v-model="formData.academic_degree" placeholder="请输入学位"></t-input>
</t-form-item>
<!-- <t-form-item label="工作单位" name="academic_degree">-->
<!-- <t-input v-model="formData.work_unit" placeholder="请输入工作单位"></t-input>-->
<!-- </t-form-item>-->
<t-form-item label="单位职务" name="unit_position">
<t-input v-model="formData.unit_position" placeholder="请输入单位职务"></t-input>
</t-form-item>
<t-form-item label="微信号" name="wx_number">
<t-input v-model="formData.wx_number" placeholder="请输入微信号"></t-input>
</t-form-item>
<t-form-item label="邮箱" name="mailbox">
<t-input v-model="formData.mailbox" placeholder="请输入邮箱"></t-input>
</t-form-item>
<t-form-item label="固定电话" name="fixed_telephone">
<t-input v-model="formData.fixed_telephone" placeholder="请输入固定电话"></t-input>
</t-form-item>
<t-form-item label="其他社会职务" name="other_social_positions">
<t-input v-model="formData.other_social_positions" placeholder="请输入其他社会职务"></t-input>
</t-form-item>
<t-form-item label="其他联系人" name="other_contacts">
<t-input v-model="formData.other_contacts" placeholder="请输入其他联系人"></t-input>
</t-form-item>
<!-- <t-form-item label="意向协会职务" name="position">-->
<!-- <t-input v-model="formData.position" placeholder="请输入意向协会职务"></t-input>-->
<!-- </t-form-item>-->
<t-form-item label="自我介绍" name="introduction">
<t-textarea placeholder="请输入自我介绍" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.introduction"/>
</t-form-item>
<t-form-item label="主要成就以及获奖情况" name="achievement_award">
<t-textarea placeholder="请输入主要成就以及获奖情况" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.achievement_award"/>
</t-form-item>
</t-form>
</div>
<div style="padding: 0px 20px">
<t-form labelAlign="top"
layout="inline">
<t-form-item label="形象照">
<div class="t-upload" @click="openCai">
<div style="margin-top: 20px">
<div style="color: #2E2E2E;font-size: 30px;">2.基本信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div>
<div>证件照</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div class="t-upload" @click="openCai" style="margin-top: 20px">
<div class="t-upload__card-container" style="cursor: pointer">
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 110px;height: 110px;" v-if="formData.photo_image!=''">
<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" v-if="formData.photo_image==''">
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 110px;height: 110px;"
v-if="formData.photo_image!=''">
<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"
v-if="formData.photo_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg>
<p class="t-size-s t-upload__add-text" v-if="formData.photo_image==''">点击上传图片</p>
</div>
<small class="t-upload__tips t-size-s">请选择身份证正面照</small>
<small class="t-upload__tips t-size-s">请上传证件照，照片将作为会员证照</small>
</div>
</div>
<div style="margin-left: 40px">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="姓名" :rules="[ { required: true, message: '此项必填' }]">
<t-input v-model="formData.nikename" placeholder="请输入姓名"/>
</t-form-item>
<t-form-item label="身份证正面照">
<t-form-item label="手机号" :rules="[ { required: true, message: '此项必填' }]">
<t-input v-model="formData.phone" placeholder="请输入手机号"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="区域" name="region_id">
<t-cascader v-model="formData.region_id" :options="region_list"></t-cascader>
</t-form-item>
<t-form-item label="出生年月日">
<t-date-picker :style="{ width: '200px' }" v-model="formData.birth_time"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="性别" name="name">
<t-select v-model="formData.gender" :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-item label="政治面貌">
<t-input v-model="formData.political" placeholder="请输入政治面貌"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="民族">
<t-input v-model="formData.nation" placeholder="请输入民族"/>
</t-form-item>
<t-form-item label="毕业院校">
<t-input v-model="formData.institution" placeholder="请输入毕业院校"/>
</t-form-item>
</t-form>
</t-space>
</div>
<div>
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="身份证号码">
<t-input v-model="formData.card_number" placeholder="请输入身份证号码"/>
</t-form-item>
<t-form-item label="籍贯">
<t-input v-model="formData.jiguan" placeholder="请输入籍贯"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="邮箱">
<t-input v-model="formData.mailbox" placeholder="请输入邮箱"/>
</t-form-item>
<t-form-item label="单位职务">
<t-input v-model="formData.unit_position" placeholder="请输入单位职务"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="学位">
<t-input v-model="formData.academic_degree" placeholder="请输入学位"/>
</t-form-item>
</t-form>
</t-space>
</div>
</div>
<div>
<div>身份证照</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div>
<div class="sfz">
<span v-if="formData.cardz_image==''">请上传身份证正面照片</span>
<img v-if="formData.cardz_image!=''" :src="$store.state.user.apiUrl+formData.cardz_image"
style="width: 100%;max-height: 200px;">
</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardz_image_show"
theme="image"
:data="{association_id:this.association.association_id}"
tips="请选择身份证正面照"
theme="custom"
:data="{association_id:1}"
accept="image/*"
:format-response="(response) => formatResponse(response, 1)"
></t-upload>
</t-form-item>
<t-form-item label="身份证反面照">
>
<t-button>上传图片</t-button>
</t-upload>
</div>
<div style="margin-left: 100px">
<div class="sfz">
<span v-if="formData.cardf_image==''">请上传身份证背面照片</span>
<img v-if="formData.cardf_image!=''" :src="$store.state.user.apiUrl+formData.cardf_image"
style="width: 100%;max-height: 200px;">
</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardf_image_show"
:data="{association_id:this.association.association_id}"
theme="image"
tips="请选择身份证反面照"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 2)"
></t-upload>
>
<t-button>上传图片</t-button>
</t-upload>
</div>
</div>
</div>
<div style="display: flex;justify-items: center;justify-content: space-between">
<div style="width: 49%">
<div>个人简介</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入个人简介" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.introduction"/>
</div>
</div>
<div style="width: 49%">
<div>主要成就以及获奖情况</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入主要成就以及获奖情况" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.achievement_award"/>
</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 v-model="work.time" placeholder="起止日期"/>
</t-form-item>
<t-form-item label="地区单位">
<t-input v-model="work.address" placeholder="请输入地区单位"/>
</t-form-item>
<t-form-item label="担任职务">
<t-input v-model="work.book" placeholder="请输入担任职务"/>
</t-form-item>
</t-form>
<t-button @click="addWork" theme="primary">添加</t-button>
</t-space>
</div>
<div style="width: 100%">
<div style="display: flex;justify-content: space-around;width: 100%">
<div>起止日期</div>
<div>地区单位</div>
<div>担任职务</div>
<div>操作</div>
</div>
<div v-for="(item,index) in workList" style="display: flex;justify-content: space-around;margin-top: 10px;">
<div style="text-align: center">{{ item.time }}</div>
<div style="text-align: center">{{ item.address }}</div>
<div style="text-align: center">{{ item.book }}</div>
<div style="text-align: center">
<t-button @click="delWork(index)" theme="danger" size="small">移除</t-button>
</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: 35%">
<div>主要社会职务(可多选)</div>
<div style="margin-top: 20px">
<t-space direction="vertical">
<t-form>
<t-form-item>
<t-checkbox-group v-model="social_duties">
<t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
<t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
<t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
<t-checkbox value="省级人大代表">省级人大代表</t-checkbox>
<t-checkbox value="省级政协委员">省级政协委员</t-checkbox>
<t-checkbox value="省级青联委员">省级青联委员</t-checkbox>
<t-checkbox value="市级人大代表">市级人大代表</t-checkbox>
<t-checkbox value="市级政协委员">市级政协委员</t-checkbox>
<t-checkbox value="市级青联委员">市级青联委员</t-checkbox>
</t-checkbox-group>
</t-form-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 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 v-model="contacts.name" placeholder="请输入姓名"/>
</t-form-item>
<t-form-item label="职务">
<t-input v-model="contacts.post" placeholder="请输入职务"/>
</t-form-item>
<t-form-item label="电话">
<t-input 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%">
<div style="display: flex;justify-content: space-around;width: 100%">
<div>姓名</div>
<div>职务</div>
<div>电话</div>
<div>操作</div>
</div>
<div v-for="(item,index) in contactsList"
style="display: flex;justify-content: space-around;margin-top: 10px">
<div>{{ item.name }}</div>
<div>{{ item.post }}</div>
<div>{{ item.phone }}</div>
<div style="text-align: center">
<t-button @click="delContacts(index)" theme="danger" size="small">移除</t-button>
</div>
</div>
</div>
</div>
</div>
<div style="padding: 20px">
<div style="padding: 20px 0px;font-weight: bold">企业信息</div>
<t-form labelAlign="top"
layout="inline">
<t-form-item label="营业执照">
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.business_license_image_show"
theme="image"
:data="{association_id:this.association.association_id}"
tips="请选择营业执照"
accept="image/*"
:format-response="(response) => formatResponse(response, 3)"
></t-upload>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">3.企业信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div style="width: 20%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业注册地">
<t-input v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
</t-form-item>
<t-form-item label="公司Logo">
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.company_image_show"
theme="image"
:data="{association_id:this.association.association_id}"
tips="请选择营业执照"
accept="image/*"
:format-response="(response) => formatResponse(response, 5)"
></t-upload>
</t-form-item>
<t-form-item label="统一社会信用代码" name="unified_code">
<t-input v-model="formData.unified_code" placeholder="请输入统一社会信用代码"></t-input>
</t-form-item>
<t-form-item label="企业名称" name="enterprise_name" :requiredMark="true">
<t-input v-model="formData.enterprise_name" placeholder="请输入企业名称"></t-input>
</t-form-item>
<t-form-item label="企业性质" name="enterprise_nature">
<t-input v-model="formData.enterprise_nature" placeholder="请输入企业性质"></t-input>
</t-form-item>
<t-form-item label="企业网址" name="enterprise_website">
<t-input v-model="formData.enterprise_website" placeholder="请输入企业网址"></t-input>
</t-form-item>
<t-form-item label="是否上市" name="if_list">
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="是否上市" name="name">
<t-select v-model="formData.if_list" :style="{ width: '200px' }">
<t-option key="0" label="是" value="0"></t-option>
<t-option key="1" label="否" value="1"></t-option>
</t-select>
</t-form-item>
<t-form-item label="员工人数" name="employee">
<t-input v-model="formData.employee" placeholder="请输入员工人数"></t-input>
</t-form-item>
<t-form-item label="企业地址" name="enterprise_location">
<t-input v-model="formData.enterprise_location" placeholder="请输入企业地址"></t-input>
</t-form-item>
<t-form-item label="上年度营业额" name="previous_revenue">
<t-input v-model="formData.previous_revenue" placeholder="请输入上年度营业额"></t-input>
</t-form-item>
<t-form-item label="上年度纳税额" name="previous_tax">
<t-input v-model="formData.previous_tax" placeholder="请输入上年度纳税额"></t-input>
</t-form-item>
<t-form-item label="上年度净利润" name="previous_profit">
<t-input v-model="formData.previous_profit" placeholder="请输入上年度净利润"></t-input>
</t-form-item>
<t-form-item label="上年度公益性捐赠支出" name="previous_donation">
<t-input v-model="formData.previous_donation" placeholder="上年度公益性捐赠支出"></t-input>
</t-form-item>
<t-form-item label="其他企业任职情况" name="qitaqiyerenzhiqingkuang">
<t-input v-model="formData.qitaqiyerenzhiqingkuang" placeholder="其他企业任职情况"></t-input>
</t-form-item>
<t-form-item label="公司介绍" name="enterprise_Introduction">
<t-textarea placeholder="请输入企业介绍" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.enterprise_Introduction"/>
</t-form-item>
<t-form-item label="业务介绍" name="introdiction">
<t-textarea placeholder="请输入业务介绍" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.introdiction"/>
</t-form-item>
<t-form-item label="企业所获荣誉以及专利" name="enterprise_honor">
<t-textarea placeholder="请输入企业所获荣誉以及专利" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.enterprise_honor"/>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="员工人数">
<t-input v-model="formData.employee" placeholder="请输入员工人数"/>
</t-form-item>
</t-form>
<t-form labelAlign="top"
layout="inline">
<t-form-item label="是否建立团组织" name="if_organization">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="所属行业" name="name">
<t-select v-model="formData.industry_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in industry_list" :label="item.industry_name"
:value="item.id"></t-option>
</t-select>
</t-form-item>
</t-form>
<!-- <t-form layout="inline" labelAlign="top" :labelWidth="100">-->
<!-- <t-form-item label="注册资金" name="name">-->
<!-- <t-input placeholder="请输入注册资金"/>-->
<!-- </t-form-item>-->
<!-- </t-form>-->
</t-space>
</div>
<div style="width: 20%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业名称">
<t-input v-model="formData.enterprise_name" placeholder="请输入企业名称"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业网址">
<t-input v-model="formData.enterprise_website" placeholder="请输入企业网址"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="统一社会信用代码">
<t-input v-model="formData.unified_code" placeholder="请输入统一社会信用代码"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业性质">
<t-input v-model="formData.enterprise_nature" placeholder="请输入企业性质"/>
</t-form-item>
</t-form>
</t-space>
</div>
<div style="width: 20%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年营业额（万元）">
<t-input v-model="formData.previous_revenue" placeholder="请输入上年营业额（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年纳税额（万元）">
<t-input v-model="formData.previous_tax" placeholder="请输入上年纳税额（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年度净利润（万元）">
<t-input v-model="formData.previous_profit" placeholder="请输入上年度净利润（万元）"/>
</t-form-item>
</t-form>
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="上年公益性捐赠支出（万元）">
<t-input v-model="formData.previous_donation" placeholder="请输入上年公益性捐赠支出（万元）"/>
</t-form-item>
</t-form>
</t-space>
</div>
</div>
<div>
<div>公司形象</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div>
<div class="sfz">
<span v-if="formData.business_license_image==''">请上传营业执照</span>
<img v-if="formData.business_license_image!=''"
:src="$store.state.user.apiUrl+formData.business_license_image"
style="width: 100%;max-height: 200px;">
</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.business_license_image_show"
theme="custom"
:data="{association_id:1}"
accept="image/*"
:format-response="(response) => formatResponse(response, 3)"
>
<t-button>上传图片</t-button>
</t-upload>
</div>
<div style="margin-left: 100px">
<div class="sfz">
<span v-if="formData.company_image==''">请上传公司LOGO</span>
<img v-if="formData.company_image!=''" :src="$store.state.user.apiUrl+formData.company_image"
style="width: 100%;max-height: 200px;">
</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.company_image_show"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 5)"
>
<t-button>上传图片</t-button>
</t-upload>
</div>
</div>
</div>
<div style="display: flex;justify-items: center;justify-content: space-between;margin-top: 20px">
<div style="width: 49%">
<div>公司介绍</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入公司介绍" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.enterprise_Introduction"/>
</div>
</div>
<div style="width: 49%">
<div>主营业务介绍</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入主营业务介绍" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.introdiction"/>
</div>
</div>
</div>
<div style="display: flex;justify-items: center;justify-content: space-between;margin-top: 20px">
<div style="width: 49%">
<div>企业所获荣誉以及专利</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入企业所获荣誉以及专利" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.enterprise_honor"/>
</div>
</div>
<div style="width: 49%">
<div>其他企业任职情况</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入其他企业任职情况" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.qitaqiyerenzhiqingkuang"/>
</div>
</div>
</div>
</div>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">4.建团信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="padding: 30px 0px">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="是否建立团组织" name="name">
<t-select 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>
@ -261,9 +494,12 @@
></t-upload>
</t-form-item>
</t-form>
</t-space>
</div>
</div>
<div style="text-align: center;margin-top: 40px">
<t-space :style="{ width: '300px',margin:'0 auto',textAlign:'center' }">
<t-button @click="submit">提交</t-button>
<t-button @click="submit">保存</t-button>
</t-space>
</div>
</div>
@ -271,7 +507,7 @@
<t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
<div class="cropper-content">
<div class="cropper">
<vueCropper
<vue-cropper
ref="cropper"
:img="caiImg"
:canMoveBox="false"
@ -287,7 +523,7 @@
@imgLoad="imgLoad"
:fixed="true"
:fixedNumber="[1,1]"
></vueCropper>
></vue-cropper>
</div>
<div class="show-preview"
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}">
@ -307,8 +543,7 @@
</div>
</template>
<script lang="ts">
import {UserIcon, LockOnIcon} from 'tdesign-icons-vue';
import {CheckCircleIcon} from 'tdesign-icons-vue';
import {UserIcon, LockOnIcon, CheckCircleIcon} from 'tdesign-icons-vue';
import store from '@/store';
import {VueCropper} from 'vue-cropper';
import axios from 'axios';
@ -325,12 +560,29 @@ export default {
caiMode: false,
previews: {},
caiImg: '',
association:{},
association: {},
work: {
time: '',
address: '',
book: '',
},
workList: [],
contacts: {
name: '',
post: '',
phone: '',
},
contactsList: [],
social_duties: [],
member_list:[],
formData: {
recommendation_id:'',
reporting_method:'',
recommendation_content:'',
phone: '',
password: '',
nikename: '',
gender: '',
gender: null,
birth_time: '',
nation: '',
political: '',
@ -359,20 +611,20 @@ export default {
unified_code: '',
enterprise_nature: '',
enterprise_website: '',
if_list: '',
if_list: null,
employee: '',
previous_revenue: '',
previous_tax: '',
position_id: '',
position_id: null,
previous_profit: '',
previous_donation: '',
enterprise_location: '',
industry_id: '',
industry_id: null,
qitaqiyerenzhiqingkuang: '',
enterprise_Introduction: '',
introdiction: '',
enterprise_honor: '',
if_organization: '',
if_organization: null,
nature: '',
jiantuan_time: '',
jiantuan_number: '',
@ -383,55 +635,77 @@ export default {
documents_file_show: [],
introduction: '',
enterprise_name: '',
company_image:'',
company_image_show:[],
region_id:'',
if_xianshi:1,
company_image: '',
company_image_show: [],
region_id: null,
},
id: 0,
info: '',
plan_list: [],
region_list:[],
region_list: [],
industry_list: []
};
},
mounted() {
if(typeof (store.state.user.association)=='object'){
this.association=store.state.user.association;
}else{
this.association=JSON.parse(store.state.user.association);
if (typeof (store.state.user.association) === 'object') {
this.association = store.state.user.association;
} else {
this.association = JSON.parse(store.state.user.association);
}
console.log( this.association);
console.log(this.association);
this.id = this.$route.query.id;
//this.getInfo();
this.getPlan();
this.getIndustry();
this.getRegion();
this.getMemberList();
},
methods: {
addWork() {
var k = {...this.work};
this.workList.push(k);
this.work.time = '';
this.work.address = '';
this.work.book = '';
},
delWork(index) {
this.workList.splice(index, 1);
},
addContacts() {
var k = {...this.contacts};
this.contactsList.push(k);
this.contacts.name = '';
this.contacts.post = '';
this.contacts.phone = '';
},
delContacts(index) {
this.contactsList.splice(index, 1);
},
onSubmit() {
this.$refs.cropper.getCropBlob(data => {
// do something
console.log(data)
console.log(this.caiImg);
let formData = new FormData();
const formData = new FormData();
formData.append('file', data, 'image.jpg');
formData.append('association_id', this.association.association_id);
console.log(formData);
axios.post(store.state.user.apiUrl + '/api/common/upload', formData, {
axios.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
console.log(response);
var data=response.data;
if(data.code==1){
this.formData.photo_image=data.data.url;
const {data} = response;
if (data.code == 1) {
this.formData.photo_image = data.data.url;
this.$message.success('图片上传成功！');
this.caiMode=false;
this.caiImg='';
this.caiMode = false;
this.caiImg = '';
this.$refs.cropper.stopCrop();
this.$refs.cropper.clearCrop();
}else{
} else {
this.$message.error('图片上传失败！');
}
})
@ -451,14 +725,14 @@ export default {
this.previews = data
},
uploadImg(e, num) {
//上传图片
// 上传图片
// this.option.img
var file = e.target.files[0]
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
}
var reader = new FileReader()
const reader = new FileReader()
reader.onload = (e) => {
let data
if (typeof e.target.result === 'object') {
@ -478,6 +752,19 @@ export default {
// 转化为blob
reader.readAsArrayBuffer(file)
},
getMemberList() {
this.$request
.post("/move/association/memberList")
.then((res) => {
console.log(res);
if (res.code == 1) {
this.member_list = res.data;
}
})
.catch((e) => {
console.log(e);
});
},
imgLoad(msg) {
console.log(msg)
},
@ -491,9 +778,9 @@ export default {
this.formData.cardf_image = res.data.url;
} else if (type == 3) {
this.formData.business_license_image = res.data.url;
} else if(type==4){
} else if (type == 4) {
this.formData.documents_file = res.data.url;
}else{
} else {
this.formData.company_image = res.data.url;
}
@ -512,6 +799,10 @@ export default {
console.log(e);
});
},
onChange(val, context) {
console.log(val, context);
console.log('path: ', context.node.getPath());
},
getIndustry() {
this.$request
.post("/industry")
@ -653,15 +944,14 @@ export default {
// return;
// }
// }
this.formData.member_id = this.id;
console.log(this.formData);
this.$request
.post("/member/add", this.formData)
.then((res) => {
console.log(res);
if (res.code == 1) {
this.$message.success('添加成功！');
setTimeout(()=>{
this.$router.push('/user/user_index');
},1000)
this.$message.success(res.msg);
} else {
this.$message.error(res.msg);
}
@ -752,4 +1042,18 @@ export default {
border-color: #67c23a;
}
}
.sfz {
cursor: pointer;
text-align: center;
width: 300px;
height: 200px;
line-height: 200px;
border: 1px dashed #999999;
margin-bottom: 20px;
}
.sfz:hover {
border: 1px dashed #409EFF;
}
</style>

739
src/pages/user/user_edit.vue
View File

@ -1,233 +1,510 @@
<template>
<div class="detail-base">
<t-card title="会员信息修改" :bordered="false" class="info-block">
<div style="padding: 20px">
<div style="padding-bottom: 20px;font-weight: bold">登陆信息</div>
<t-form
layout="inline"
labelAlign="top"
>
<t-form-item label="手机号" name="phone" :requiredMark="true">
<t-input v-model="formData.phone" placeholder="请输入手机号"></t-input>
</t-form-item>
<!-- <t-form-item label="密码" name="password">-->
<!-- <t-input v-model="formData.password" placeholder="请输入密码"></t-input>-->
<!-- </t-form-item>-->
<t-form-item label="职位" name="position_id">
<t-select v-model="formData.position_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in plan_list" :label="item.position_name" :value="item.id"></t-option>
<t-card title="" :bordered="false" class="info-block">
<div style="padding: 20px;margin-top: 20px">
<div >
<div>
<div style="color: #2E2E2E;font-size: 30px;">1.入会资料</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="padding: 30px 0px">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item name="name" label="推荐方式">
<t-select size="large" filterable v-model="formData.reporting_method">
<t-option label="个人自荐" value="3"/>
<t-option label="会员推荐" value="2"/>
<t-option label="组织推荐" value="1"/>
</t-select>
</t-form-item>
<t-form-item label="行业" name="industry_id">
<t-select v-model="formData.industry_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in industry_list" :label="item.industry_name" :value="item.id"></t-option>
<template v-if="formData.reporting_method==3">
<t-form-item name="name" label="来源渠道">
<t-select size="large" 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>
<t-form-item label="区域" name="region_id">
<!-- <t-select v-model="formData.region_id" :style="{ width: '200px' }">-->
<!-- <t-option v-for="(item,index) in region_list" :label="item.region_name" :value="item.id"></t-option>-->
<!-- </t-select>-->
<t-cascader v-model="formData.region_id" :options="region_list" @change="onChange"></t-cascader>
</template>
<template v-if="formData.reporting_method==1">
<t-form-item name="name" label="推荐地市">
<t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
<t-option v-for="item in region_list" :value="item.value" :label="item.label" :key="item.value"></t-option>
</t-select>
</t-form-item>
</template>
<template v-if="formData.reporting_method==2">
<t-form-item name="name" label="推荐人姓名">
<t-select size="large" filterable v-model="formData.recommendation_id">
<t-option label="无" :value="0"/>
<t-option v-for="item in member_list" :label="item.nikename" :value="item.id"/>
</t-select>
</t-form-item>
<t-form-item label="推荐人单位名称及职务">
<t-input size="large" v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
</t-form-item>
</template>
<t-form-item label="意向协会职务">
<t-select size="large" :style="{ width: '200px' }">
<t-option :key="0" label="会员" :value="0"></t-option>
<t-option :key="1" label="理事" :value="1"></t-option>
<t-option :key="2" label="常务理事" :value="2"></t-option>
</t-select>
</t-form-item>
</t-form>
</div>
<div style="padding: 20px">
<div style="padding-bottom: 20px;font-weight: bold">人员信息</div>
<t-form
labelAlign="top"
layout="inline"
>
<t-form-item label="会员姓名" name="nikename" :requiredMark="true">
<t-input v-model="formData.nikename" placeholder="请输入会员姓名"></t-input>
</div>
<div style="margin-top: 20px">
<div style="color: #2E2E2E;font-size: 30px;">2.基本信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div style="width: 50%">
<div>证件照</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div class="t-upload" @click="openCai" style="margin-top: 20px;">
<div style="cursor: pointer;text-align: center;width: 200px;height: 200px;line-height: 200px;border: 1px dashed #999999;">
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 200px;display: block"
v-if="formData.photo_image!=''">
<svg style=" font-size: 35px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.photo_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg>
</div>
<small class="t-upload__tips t-size-s">请上传证件照，照片将作为会员证照</small>
</div>
</div>
<div style="margin-left: 50px">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="姓名" :rules="[ { required: true, message: '此项必填' }]">
<t-input size="large" v-model="formData.nikename" placeholder="请输入姓名"/>
</t-form-item>
<t-form-item label="性别" name="gender">
<t-select v-model="formData.gender" :style="{ width: '200px' }">
<t-form-item label="性别" name="name">
<t-select size="large" v-model="formData.gender" :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-item label="民族" name="nation">
<t-input v-model="formData.nation" placeholder="请输入民族"></t-input>
<t-form-item label="出生年月日">
<t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.birth_time"/>
</t-form-item>
<t-form-item label="政治面貌" name="political">
<t-input v-model="formData.political" placeholder="请输入政治面貌"></t-input>
<t-form-item label="民族">
<t-input size="large" v-model="formData.nation" placeholder="请输入民族"/>
</t-form-item>
<t-form-item label="出生日期" name="birth_time">
<t-date-picker :style="{ width: '200px' }" v-model="formData.birth_time"/>
<t-form-item label="政治面貌">
<t-select size="large" v-model="formData.political" placeholder="请选择政治面貌" :style="{ width: '200px' }">
<t-option value="中共党员" label="中共党员" key="中共党员"></t-option>
<t-option value="中共预备党员" label="中共预备党员" key="中共预备党员"></t-option>
<t-option value="共青团员" label="共青团员" key="共青团员"></t-option>
<t-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="身份证号码" name="card_number">
<t-input v-model="formData.card_number" placeholder="请输入身份证号码"></t-input>
<t-form-item label="身份证号码">
<t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码"/>
</t-form-item>
<t-form-item label="籍贯" name="jiguan">
<t-input v-model="formData.jiguan" placeholder="请输入籍贯"></t-input>
<t-form-item label="工作单位">
<t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位"/>
</t-form-item>
<t-form-item label="毕业院校" name="institution">
<t-input v-model="formData.institution" placeholder="请输入毕业院校"></t-input>
<t-form-item label="单位职务">
<t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务"/>
</t-form-item>
<t-form-item label="学历" name="education">
<t-input v-model="formData.education" placeholder="请输入学历"></t-input>
<t-form-item label="通讯地址">
<t-input size="large" placeholder="请输入通讯地址"/>
</t-form-item>
<t-form-item label="学位" name="academic_degree">
<t-input v-model="formData.academic_degree" placeholder="请输入学位"></t-input>
<t-form-item label="籍贯">
<t-input size="large" v-model="formData.jiguan" placeholder="请输入籍贯"/>
</t-form-item>
<!-- <t-form-item label="工作单位" name="academic_degree">-->
<!-- <t-input v-model="formData.work_unit" placeholder="请输入工作单位"></t-input>-->
<!-- </t-form-item>-->
<t-form-item label="单位职务" name="unit_position">
<t-input v-model="formData.unit_position" placeholder="请输入单位职务"></t-input>
<t-form-item label="毕业院校">
<t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校"/>
</t-form-item>
<t-form-item label="微信号" name="wx_number">
<t-input v-model="formData.wx_number" placeholder="请输入微信号"></t-input>
<t-form-item label="学历">
<t-select size="large" v-model="formData.education" placeholder="请选择学历" :style="{ width: '200px' }">
<t-option value="博士研究生" label="博士研究生" key="博士研究生"></t-option>
<t-option value="硕士研究生" label="硕士研究生" key="硕士研究生"></t-option>
<t-option value="本科" label="本科" key="本科"></t-option>
<t-option value="专科" label="专科" key="专科"></t-option>
<t-option value="其他" label="其他" key="其他"></t-option>
</t-select>
</t-form-item>
<t-form-item label="邮箱" name="mailbox">
<t-input v-model="formData.mailbox" placeholder="请输入邮箱"></t-input>
<t-form-item label="学位">
<t-select size="large" v-model="formData.academic_degree" placeholder="请选择学位" :style="{ width: '200px' }">
<t-option value="博士" label="博士" key="博士"></t-option>
<t-option value="硕士" label="硕士" key="硕士"></t-option>
<t-option value="学士" label="学士" key="学士"></t-option>
<t-option value="其他" label="其他" key="其他"></t-option>
</t-select>
</t-form-item>
<t-form-item label="固定电话" name="fixed_telephone">
<t-input v-model="formData.fixed_telephone" placeholder="请输入固定电话"></t-input>
<t-form-item label="邮编">
<t-input size="large" placeholder="请输入邮编"/>
</t-form-item>
<t-form-item label="其他社会职务" name="other_social_positions">
<t-input v-model="formData.other_social_positions" placeholder="请输入其他社会职务"></t-input>
<t-form-item label="手机号" :rules="[ { required: true, message: '此项必填' }]">
<t-input size="large" v-model="formData.phone" placeholder="请输入手机号"/>
</t-form-item>
<t-form-item label="其他联系人" name="other_contacts">
<t-input v-model="formData.other_contacts" placeholder="请输入其他联系人"></t-input>
<t-form-item label="邮箱">
<t-input size="large" v-model="formData.mailbox" placeholder="请输入邮箱"/>
</t-form-item>
<!-- <t-form-item label="意向协会职务" name="position">-->
<!-- <t-input v-model="formData.position" placeholder="请输入意向协会职务"></t-input>-->
<!-- </t-form-item>-->
<t-form-item label="个人简介" name="introduction">
<t-textarea placeholder="请输入个人简介" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.introduction"/>
<t-form-item label="微信">
<t-input size="large" v-model="formData.wx_number" placeholder="请输入微信"/>
</t-form-item>
<t-form-item label="主要成就以及获奖情况" name="achievement_award">
<t-textarea placeholder="请输入主要成就以及获奖情况" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.achievement_award"/>
<t-form-item label="固定电话">
<t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"/>
</t-form-item>
<t-form-item label="所在区域" name="region_id">
<t-cascader size="large" v-model="formData.region_id" :options="region_list" :style="{ width: '200px' }"></t-cascader>
</t-form-item>
</t-form>
</t-space>
</div>
<div style="padding: 0px 20px">
<t-form labelAlign="top"
layout="inline">
<t-form-item label="形象照">
<div class="t-upload" @click="openCai">
<div class="t-upload__card-container" style="cursor: pointer">
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 110px;height: 110px;"
v-if="formData.photo_image!=''">
<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add"
v-if="formData.photo_image==''">
</div>
<div>
<div>身份证照</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.cardz_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.cardz_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg>
<p class="t-size-s t-upload__add-text" v-if="formData.photo_image==''">点击上传图片</p>
</svg></span>
<img v-if="formData.cardz_image!=''" :src="$store.state.user.apiUrl+formData.cardz_image"
style="width: 100%;max-height: 200px;">
</div>
<small class="t-upload__tips t-size-s">请选择身份证正面照</small>
</div>
</t-form-item>
<t-form-item label="身份证正面照">
<div style="margin: 10px 0px;">请上传身份证正面照片</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardz_image_show"
theme="image"
:data="{association_id:this.association.association_id}"
tips="请选择身份证正面照"
theme="custom"
:data="{association_id:1}"
accept="image/*"
:format-response="(response) => formatResponse(response, 1)"
></t-upload>
</t-form-item>
<t-form-item label="身份证反面照">
>
<t-button>上传图片</t-button>
</t-upload>
</div>
<div style="margin-left: 100px;text-align: center">
<div class="sfz">
<span v-if="formData.cardf_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.cardf_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.cardf_image!=''" :src="$store.state.user.apiUrl+formData.cardf_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px;">请上传身份证背面照片</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardf_image_show"
:data="{association_id:this.association.association_id}"
theme="image"
tips="请选择身份证反面照"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 2)"
></t-upload>
>
<t-button>上传图片</t-button>
</t-upload>
</div>
</div>
</div>
<div style="display: flex;justify-items: center;justify-content: space-between">
<div style="width: 49%">
<div>个人简介</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入个人简介" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.introduction"/>
</div>
</div>
<div style="width: 49%">
<div>主要成就以及获奖情况</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入主要成就以及获奖情况" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.achievement_award"/>
</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 v-model="work.time" placeholder="起止日期"/>-->
<t-date-range-picker size="large" v-model="work_time" allow-input @change="onChange" />
</t-form-item>
<t-form-item label="地区单位">
<t-input size="large" v-model="work.address" placeholder="请输入地区单位"/>
</t-form-item>
<t-form-item label="担任职务">
<t-input size="large" v-model="work.book" placeholder="请输入担任职务"/>
</t-form-item>
</t-form>
<t-button @click="addWork" theme="primary">添加</t-button>
</t-space>
</div>
<div style="padding: 20px">
<div style="padding: 20px 0px;font-weight: bold">企业信息</div>
<t-form labelAlign="top"
layout="inline">
<t-form-item label="营业执照">
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.business_license_image_show"
theme="image"
:data="{association_id:this.association.association_id}"
tips="请选择营业执照"
accept="image/*"
:format-response="(response) => formatResponse(response, 3)"
></t-upload>
<div style="width: 100%">
<table style=";width: 100%; border-collapse: collapse;">
<tr align="center" >
<th>起止日期</th>
<th>地区单位</th>
<th>担任职务</th>
<th>操作</th>
</tr>
<tr align="center" v-for="(item, index) in workList" :key="index">
<td>{{ item.time }}</td>
<td>{{ item.address }}</td>
<td>{{ item.book }}</td>
<td>
<t-button @click="delWork(index)" theme="danger" size="small">移除</t-button>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top: 30px">社会职务资料</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;margin-top: 20px">
<div style="width: 35%">
<div>主要社会职务(可多选)</div>
<div style="margin-top: 20px">
<t-space direction="vertical">
<t-form>
<t-form-item>
<t-checkbox-group v-model="social_duties">
<t-checkbox value="全国人大代表">全国人大代表</t-checkbox>
<t-checkbox value="全国政协委员">全国政协委员</t-checkbox>
<t-checkbox value="全国青联委员">全国青联委员</t-checkbox>
<t-checkbox value="省级人大代表">省级人大代表</t-checkbox>
<t-checkbox value="省级政协委员">省级政协委员</t-checkbox>
<t-checkbox value="省级青联委员">省级青联委员</t-checkbox>
<t-checkbox value="市级人大代表">市级人大代表</t-checkbox>
<t-checkbox value="市级政协委员">市级政协委员</t-checkbox>
<t-checkbox value="市级青联委员">市级青联委员</t-checkbox>
</t-checkbox-group>
</t-form-item>
<t-form-item label="公司Logo">
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.company_image_show"
theme="image"
:data="{association_id:this.association.association_id}"
tips="请选择营业执照"
accept="image/*"
:format-response="(response) => formatResponse(response, 5)"
></t-upload>
</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 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="统一社会信用代码" name="unified_code">
<t-input v-model="formData.unified_code" placeholder="请输入统一社会信用代码"></t-input>
<t-form-item label="职务">
<t-input size="large" v-model="contacts.post" placeholder="请输入职务"/>
</t-form-item>
<t-form-item label="企业名称" name="enterprise_name" :requiredMark="true">
<t-input v-model="formData.enterprise_name" placeholder="请输入企业名称"></t-input>
<t-form-item label="电话">
<t-input size="large" v-model="contacts.phone" placeholder="请输入电话"/>
</t-form-item>
<t-form-item label="企业性质" name="enterprise_nature">
<t-input v-model="formData.enterprise_nature" placeholder="请输入企业性质"></t-input>
</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="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">3.企业信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div style="width: 100%">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="企业名称">
<t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称"/>
</t-form-item>
<t-form-item label="企业网址" name="enterprise_website">
<t-input v-model="formData.enterprise_website" placeholder="请输入企业网址"></t-input>
<t-form-item label="统一社会信用代码">
<t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码"/>
</t-form-item>
<t-form-item label="是否上市" name="if_list">
<t-select v-model="formData.if_list" :style="{ width: '200px' }">
<t-form-item label="企业注册地">
<t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
</t-form-item>
<t-form-item label="注册资金（万元）">
<t-input size="large" placeholder="注册资金（万元）"/>
</t-form-item>
<t-form-item label="是否上市" name="name">
<t-select size="large" v-model="formData.if_list" :style="{ width: '200px' }">
<t-option key="0" label="是" value="0"></t-option>
<t-option key="1" label="否" value="1"></t-option>
</t-select>
</t-form-item>
<t-form-item label="员工人数" name="employee">
<t-input v-model="formData.employee" placeholder="请输入员工人数"></t-input>
<t-form-item label="员工人数">
<t-input size="large" v-model="formData.employee" placeholder="请输入员工人数"/>
</t-form-item>
<t-form-item label="企业地址" name="enterprise_location">
<t-input v-model="formData.enterprise_location" placeholder="请输入企业地址"></t-input>
<t-form-item label="所属行业" name="name">
<t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
<t-option v-for="(item,index) in industry_list" :label="item.industry_name"
:value="item.id"></t-option>
</t-select>
</t-form-item>
<t-form-item label="上年度营业额" name="previous_revenue">
<t-input v-model="formData.previous_revenue" placeholder="请输入上年度营业额"></t-input>
<t-form-item label="企业网址">
<t-input size="large" v-model="formData.enterprise_website" placeholder="企业网址"/>
</t-form-item>
<t-form-item label="上年度纳税额" name="previous_tax">
<t-input v-model="formData.previous_tax" placeholder="请输入上年度纳税额"></t-input>
<t-form-item label="企业性质">
<t-select size="large" v-model="formData.enterprise_nature" :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-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="上年度净利润" name="previous_profit">
<t-input v-model="formData.previous_profit" placeholder="请输入上年度净利润"></t-input>
<t-form-item label="上年营业额（万元）">
<t-input size="large" v-model="formData.previous_revenue" placeholder="上年营业额（万元）"/>
</t-form-item>
<t-form-item label="上年度公益性捐赠支出" name="previous_donation">
<t-input v-model="formData.previous_donation" placeholder="上年度公益性捐赠支出"></t-input>
<t-form-item label="上年纳税额（万元）">
<t-input size="large" v-model="formData.previous_tax" placeholder="上年纳税额（万元）"/>
</t-form-item>
<t-form-item label="其他企业任职情况" name="qitaqiyerenzhiqingkuang">
<t-input v-model="formData.qitaqiyerenzhiqingkuang" placeholder="其他企业任职情况"></t-input>
<t-form-item label="上年度净利润（万元）">
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"/>
</t-form-item>
<t-form-item label="公司介绍" name="enterprise_Introduction">
<t-textarea placeholder="请输入企业介绍" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.enterprise_Introduction"/>
</t-form-item>
<t-form-item label="业务介绍" name="introdiction">
<t-textarea placeholder="请输入业务介绍" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.introdiction"/>
</t-form-item>
<t-form-item label="企业所获荣誉以及专利" name="enterprise_honor">
<t-textarea placeholder="请输入企业所获荣誉以及专利" :autosize="{ minRows: 3, maxRows: 5 }"
v-model="formData.enterprise_honor"/>
<t-form-item label="上年公益性捐赠支出（万元）">
<t-input size="large" v-model="formData.previous_donation" placeholder="上年公益性捐赠支出（万元）"/>
</t-form-item>
</t-form>
<t-form labelAlign="top"
layout="inline">
<t-form-item label="是否建立团组织" name="if_organization">
<t-select v-model="formData.if_organization" :style="{ width: '200px' }">
</t-space>
</div>
</div>
<div>
<div>公司形象</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="display: flex;justify-items: center;padding: 30px 0px">
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.business_license_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.business_license_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.business_license_image!=''"
:src="$store.state.user.apiUrl+formData.business_license_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传营业执照</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.business_license_image_show"
theme="custom"
:data="{association_id:1}"
accept="image/*"
:format-response="(response) => formatResponse(response, 3)"
>
<t-button>上传图片</t-button>
</t-upload>
</div>
<div style="margin-left: 100px;text-align: center">
<div class="sfz">
<span v-if="formData.company_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.company_image==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.company_image!=''" :src="$store.state.user.apiUrl+formData.company_image"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传公司LOGO</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.company_image_show"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 5)"
>
<t-button>上传图片</t-button>
</t-upload>
</div>
</div>
</div>
<div style="display: flex;justify-items: center;justify-content: space-between;margin-top: 20px">
<div style="width: 49%">
<div>公司介绍</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入公司介绍" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.enterprise_Introduction"/>
</div>
</div>
<div style="width: 49%">
<div>主营业务介绍</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入主营业务介绍" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.introdiction"/>
</div>
</div>
</div>
<div style="display: flex;justify-items: center;justify-content: space-between;margin-top: 20px">
<div style="width: 49%">
<div>企业所获荣誉以及专利</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入企业所获荣誉以及专利" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.enterprise_honor"/>
</div>
</div>
<div style="width: 49%">
<div>其他企业任职情况</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div style="margin-top: 20px;">
<t-textarea placeholder="请输入其他企业任职情况" :autosize="{ minRows: 15, maxRows: 20 }"
v-model="formData.qitaqiyerenzhiqingkuang"/>
</div>
</div>
</div>
</div>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">4.建团信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="padding: 30px 0px">
<t-space direction="vertical">
<t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="是否建立团组织" name="name">
<t-select size="large" v-model="formData.if_organization" :style="{ width: '200px' }">
<t-option key="0" label="是" value="0"></t-option>
<t-option key="1" label="否" value="1"></t-option>
</t-select>
@ -236,41 +513,62 @@
<t-form v-if="formData.if_organization==0" labelAlign="top"
layout="inline">
<t-form-item label="团组织性质" name="nature">
<t-input v-model="formData.nature" placeholder="团组织性质"></t-input>
<t-input size="large" v-model="formData.nature" placeholder="团组织性质"></t-input>
</t-form-item>
<t-form-item label="建团时间" name="jiantuan_time">
<t-date-picker :style="{ width: '200px' }" v-model="formData.jiantuan_time"/>
<t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.jiantuan_time"/>
</t-form-item>
<t-form-item label="建团人数" name="jiantuan_number">
<t-input v-model="formData.jiantuan_number" placeholder="建团人数"></t-input>
<t-input size="large" v-model="formData.jiantuan_number" placeholder="建团人数"></t-input>
</t-form-item>
<t-form-item label="青年人数" name="youth_number">
<t-input v-model="formData.youth_number" placeholder="青年人数"></t-input>
<t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
</t-form-item>
<t-form-item label="上级团组织" name="superior_nature">
<t-input v-model="formData.superior_nature" placeholder="上级团组织"></t-input>
<t-input size="large" v-model="formData.superior_nature" placeholder="上级团组织"></t-input>
</t-form-item>
<t-form-item label="团委负责人信息" name="tuanweifuzerenxinxi">
<t-input v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>
<t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>
</t-form-item>
<t-form-item label="批复文件">
<!-- <t-upload-->
<!-- :action="$store.state.user.apiUrl+'/api/common/upload'"-->
<!-- v-model="formData.documents_file_show"-->
<!-- theme="image"-->
<!-- tips="请选择批复文件(图片)"-->
<!-- accept="image/*"-->
<!-- :format-response="(response) => formatResponse(response, 4)"-->
<!-- ></t-upload>-->
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.documents_file==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.documents_file==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.documents_file!=''" :src="$store.state.user.apiUrl+formData.documents_file"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传批复文件</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.documents_file_show"
theme="image"
tips="请选择批复文件(图片)"
v-model="formData.company_image_show"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 4)"
></t-upload>
>
<t-button>上传图片</t-button>
</t-upload>
</div>
</t-form-item>
</t-form>
<div style="text-align: center;margin-top: 40px">
<t-space :style="{ width: '300px',margin:'0 auto',textAlign:'center' }">
<t-button @click="submit">提交修改</t-button>
</t-space>
</div>
</div>
</t-card>
<div style="padding: 50px 0px;text-align: center">
<t-button size="large" @click="submit">提交修改</t-button>
</div>
</div>
<t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
<div class="cropper-content">
<div class="cropper">
@ -308,9 +606,11 @@
</div>
</t-dialog>
</div>
</t-card>
</div>
</template>
<script lang="ts">
import {UserIcon, LockOnIcon,CheckCircleIcon} from 'tdesign-icons-vue';
import {UserIcon, LockOnIcon, CheckCircleIcon} from 'tdesign-icons-vue';
import store from '@/store';
import {VueCropper} from 'vue-cropper';
import axios from 'axios';
@ -328,7 +628,27 @@ export default {
previews: {},
caiImg: '',
association: {},
work: {
time: '',
address: '',
book: '',
},
work_time:[],
workList: [],
contacts: {
name: '',
post: '',
phone: '',
},
contactsList: [],
social_duties: [],
member_list:[],
formData: {
work_unit:'',
recommended_cities:'',
recommendation_id:'',
reporting_method:'',
recommendation_content:'',
phone: '',
password: '',
nikename: '',
@ -408,8 +728,30 @@ export default {
this.getPlan();
this.getIndustry();
this.getRegion();
this.getMemberList();
},
methods: {
addWork() {
var k = {...this.work};
this.workList.push(k);
this.work.time = '';
this.work.address = '';
this.work.book = '';
this.work_time=[];
},
delWork(index) {
this.workList.splice(index, 1);
},
addContacts() {
var k = {...this.contacts};
this.contactsList.push(k);
this.contacts.name = '';
this.contacts.post = '';
this.contacts.phone = '';
},
delContacts(index) {
this.contactsList.splice(index, 1);
},
onSubmit() {
this.$refs.cropper.getCropBlob(data => {
// do something
@ -419,7 +761,7 @@ export default {
formData.append('file', data, 'image.jpg');
formData.append('association_id', this.association.association_id);
console.log(formData);
axios.post(`${store.state.user.apiUrl }/api/common/upload`, formData, {
axios.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
@ -481,6 +823,19 @@ export default {
// 转化为blob
reader.readAsArrayBuffer(file)
},
getMemberList() {
this.$request
.post("/move/association/memberList")
.then((res) => {
console.log(res);
if (res.code == 1) {
this.member_list = res.data;
}
})
.catch((e) => {
console.log(e);
});
},
imgLoad(msg) {
console.log(msg)
},
@ -554,7 +909,7 @@ export default {
this.info = res.data;
this.formData.phone = res.data.phone;
this.formData.position_id = res.data.position_id;
this.formData.industry_id = res.data.industry_id;
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;
@ -631,7 +986,13 @@ export default {
this.formData.documents_file_show = [{url: store.state.user.apiUrl + res.data.documents_file}];
this.formData.introduction = res.data.introduction;
this.formData.enterprise_name = res.data.enterprise_name;
this.workList = JSON.parse(res.data.work_experience);
this.social_duties = res.data.main_social_positions.split(',');
this.contactsList = JSON.parse(res.data.other_contacts);
this.formData.reporting_method = res.data.reporting_method;
this.formData.recommendation_id=res.data.recommendation_id;
this.formData.recommendation_content = res.data.recommendation_content;
this.formData.recommended_cities=res.data.recommended_cities;
})
.catch((e) => {
console.log(e);
@ -849,4 +1210,18 @@ export default {
border-color: #67c23a;
}
}
.sfz {
cursor: pointer;
text-align: center;
width: 300px;
height: 200px;
line-height: 200px;
border: 1px dashed #999999;
margin-bottom: 20px;
}
.sfz:hover {
border: 1px dashed #409EFF;
}
</style>

12
src/pages/user/user_index.vue
View File

@ -31,10 +31,12 @@
</t-select>
</t-form-item>
<t-form-item label="区域" name="phone">
<t-select v-model="formData.region_id" style="width: 200px">
<t-option label="全部" value=""/>
<t-option v-for="(item,index) in region_list" :label="item.region_name" :value="item.id"/>
</t-select>
<t-cascader v-model="formData.region_id" :options="region_list"></t-cascader>
<!-- <t-select v-model="formData.region_id" style="width: 200px">-->
<!-- <t-option label="全部" value=""/>-->
<!-- <t-option v-for="(item,index) in region_list" :label="item.region_name" :value="item.id"/>-->
<!-- -->
<!-- </t-select>-->
</t-form-item>
<t-form-item label="届数" name="phone">
<t-select v-model="formData.number_of_sessions" style="width: 200px">
@ -136,7 +138,7 @@ export default {
size: 10,
formData: {
position_id: '',
region_id: '',
region_id:'' ,
nikename: '',
phone: '',
number_of_sessions:0,

348
src/pages/user/user_info.vue
View File

@ -4,148 +4,184 @@
<t-steps :current="0" readonly v-if="info.if_xianshi!=1">
<t-step-item title="信息审核" content="提交的信息审核"></t-step-item>
<t-step-item v-if="info.if_xianshi!=2" title="会费缴纳" content="等待会费缴纳"></t-step-item>
<t-step-item v-if="info.if_xianshi==2" status="error" title="已被拒绝" :content="info.result.content"></t-step-item>
<t-step-item v-if="info.if_xianshi==2" status="error" title="已被拒绝"
:content="info.result.content"></t-step-item>
<t-step-item title="成功入会" content="已成功入会"></t-step-item>
</t-steps>
<t-descriptions :column="3" bordered layout="horizontal" item-layout="horizontal" style="margin-top: 40px">
<t-descriptions-item label="形象照">
<div slot="content">
<t-image-viewer v-model="visible" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.photo_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.photo_image" style="width: 100px;height: 100px;" class="tdesign-demo-image-viewer__ui-image--img" />
<div>
<div>
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">1.入会资料</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="padding: 30px 0px">
<table>
<tr>
<td style="padding:0px 30px">
推荐方式：
<span v-if="info.reporting_method==1">组织推荐</span>
<span v-if="info.reporting_method==2">会员推荐</span>
<span v-if="info.reporting_method==3">个人自荐</span>
</td>
<td style="padding:0px 30px">推荐人：{{ info.recommendation_name }}</td>
<td style="padding:0px 30px">推荐人单位名称及职务：{{ info.recommendation_content }}</td>
</tr>
</table>
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="身份证正面照">
<div slot="content">
<t-image-viewer v-model="visibleZm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardz_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.cardz_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="身份证反面照">
<div slot="content">
<t-image-viewer v-model="visibleFm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardf_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.cardf_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="会员姓名" :content="info.nikename"></t-descriptions-item>
<t-descriptions-item label="身份证号码" :content="info.card_number"></t-descriptions-item>
<t-descriptions-item label="手机号" :content="info.phone"></t-descriptions-item>
<t-descriptions-item label="出生日期" :content="info.birth_time"></t-descriptions-item>
<t-descriptions-item label="职位" :content="info.position_name"></t-descriptions-item>
<t-descriptions-item label="行业" :content="info.industry_id==-1?'其他行业':info.industry_name"></t-descriptions-item>
<t-descriptions-item label="区域" :content="info.region_name"></t-descriptions-item>
<t-descriptions-item label="微信号" :content="info.wx_number"></t-descriptions-item>
<t-descriptions-item label="性别">
<div slot="content">
{{info.gender==1?"男":"女"}}
</div>
</t-descriptions-item>
<t-descriptions-item label="籍贯" :content="info.jiguan"></t-descriptions-item>
<t-descriptions-item label="民族" :content="info.nation"></t-descriptions-item>
<t-descriptions-item label="政治面貌" :content="info.political"></t-descriptions-item>
<t-descriptions-item label="毕业院校" :content="info.institution"></t-descriptions-item>
<t-descriptions-item label="学历" :content="info.education"></t-descriptions-item>
<t-descriptions-item label="学位" :content="info.academic_degree"></t-descriptions-item>
<t-descriptions-item :span="3" label="个人简介">
<div slot="content" style="width: 600px;">
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">2.基本信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="padding: 30px 0px">
<table>
<tr>
<td rowspan="3" style="padding:0px 30px">
<img :src="$store.state.user.apiUrl+info.photo_image" style="width: 110px;height: 110px;"></td>
<td style="padding:0px 30px">姓名：{{ info.nikename }}</td>
<td style="padding:0px 30px">性别：{{ info.gender == 0 ? '女' : '男' }}</td>
<td style="padding:0px 30px">手机号：{{ info.phone }}</td>
<td style="padding:0px 30px">区域：{{ info.region_name }}</td>
<td style="padding:0px 30px">出生年月日：{{ info.birth_time }}</td>
</tr>
<tr>
<td style="padding:0px 30px">毕业院校：{{ info.institution }}</td>
<td style="padding:0px 30px" colspan="2">身份证号码：{{ info.card_number }}</td>
<td style="padding:0px 30px">籍贯：{{ info.jiguan }}</td>
<td style="padding:0px 30px">邮箱：{{ info.mailbox }}</td>
</tr>
<tr>
<td style="padding:0px 30px">政治面貌：{{ info.political }}</td>
<td style="padding:0px 30px">民族：{{ info.nation }}</td>
<td style="padding:0px 30px">单位职务：{{ info.unit_position }}</td>
<td style="padding:0px 30px">学位：{{ info.academic_degree }}</td>
</tr>
<tr align="center">
<td colspan="4" style="padding-top: 30px">
身份证正面照：
<img :src="$store.state.user.apiUrl+info.cardz_image" style="height: 150px;"></td>
<td colspan="4" style="padding-top: 30px">
身份证背面照：
<img :src="$store.state.user.apiUrl+info.cardf_image" style="height: 150px;"></td>
</tr>
<tr align="center">
<td colspan="4" style="padding-top: 50px">
<div style="font-size: 18px;font-weight: 600;">个人简介</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
<td colspan="4" style="padding-top: 50px">
<div style="font-size: 18px;font-weight: 600">主要成就以及获奖情况</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
</tr>
<tr >
<td colspan="4" style="width: 50%;padding:0px 30px">
{{info.introduction}}
</div>
</t-descriptions-item>
</td>
<td colspan="4" style="width: 50%;padding:0px 30px">
{{info.achievement_award}}
</td>
</tr>
<tr align="center">
<td colspan="4" style="padding-top: 50px">
<div style="font-size: 18px;font-weight: 600">学习工作经历</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
<td colspan="4" style="padding-top: 50px">
<div style="font-size: 18px;font-weight: 600">社会职务资料</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
</tr>
<tr align="center">
<td colspan="4">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>起止日期</th>
<th>地区单位</th>
<th>担任职务</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.work_experience">
<td>{{ item.time }}</td>
<td>{{ item.address }}</td>
<td>{{ item.book }}</td>
</tr>
</tbody>
</table>
</td>
<td colspan="4">
{{info.main_social_positions}},{{info.other_social_positions}}
</td>
</tr>
<tr align="center">
<td colspan="4" style="padding-top: 30px">
<div style="font-size: 18px;font-weight: 600">其他联系人</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
<td colspan="4" style="padding-top: 30px">
<!-- <t-descriptions-item label="工作单位" :content="info.work_unit"></t-descriptions-item>-->
<t-descriptions-item label="单位职务" :content="info.unit_position"></t-descriptions-item>
<t-descriptions-item label="邮箱地址" :content="info.mailbox"></t-descriptions-item>
<t-descriptions-item label="固定电话" :content="info.fixed_telephone"></t-descriptions-item>
<t-descriptions-item label="其他社会职务" :content="info.other_social_positions"></t-descriptions-item>
<t-descriptions-item label="其他联系人" :content="info.other_contacts"></t-descriptions-item>
<t-descriptions-item label="主要成就以及获奖情况" :content="info.achievement_award"></t-descriptions-item>
<t-descriptions-item label="营业执照">
<div slot="content">
<t-image-viewer v-model="visibleZz" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.business_license_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.business_license_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</td>
</tr>
<tr align="center">
<td colspan="4">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>姓名</th>
<th>职务</th>
<th>电话</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.other_contacts">
<td>{{ item.name }}</td>
<td>{{ item.post }}</td>
<td>{{ item.phone }}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="公司Logo">
<div slot="content">
<t-image-viewer v-model="visiblelogo" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.company_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.company_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">3.企业信息</div>
<div style="padding: 30px 0px">
<table>
<tr style="padding-top: 30px;display: inline-block">
<td style="padding:0px 30px" colspan="3">企业名称 ：{{ info.nikename }}</td>
<td style="padding:0px 30px" >统一社会信用代码 ：{{ info.unified_code }}</td>
<td style="padding:0px 30px">企业注册地 ：{{ info.enterprise_location }}</td>
<td style="padding:0px 30px">员工人数 ：{{ info.employee }}</td>
<td style="padding:0px 30px">是否上市 ：{{ info.if_list==0?'是':'否' }}</td>
<td style="padding:0px 30px">企业性质 ：{{ info.enterprise_nature }}</td>
</tr>
<tr style="padding-top: 30px;display: inline-block">
<td style="padding:0px 30px">所属行业 ：{{ info.industry_name }}</td>
<td style="padding:0px 30px">企业网址 ：{{ info.enterprise_website }}</td>
</tr>
<tr style="padding-top: 30px;display: inline-block">
<td style="padding:0px 30px">上年营业额（万元） ：{{ info.previous_revenue }}</td>
<td style="padding:0px 30px">上年纳税额（万元） ：{{ info.previous_tax }}</td>
<td style="padding:0px 30px">上年度净利润（万元） ：{{ info.previous_profit }}</td>
<td style="padding:0px 30px">上年公益性捐赠支出（万元） ：{{ info.previous_donation }}</td>
</tr>
</table>
<table align="center" style="margin-top: 50px">
<tr align="center">
<td style="text-align: center;">
营业执照：<br>
<img :src="$store.state.user.apiUrl + info.business_license_image" style="height: 150px; ">
</td>
<td style="text-align: center;padding-left: 100px">
公司LOGO：<br>
<img :src="$store.state.user.apiUrl + info.company_image" style="height: 150px; ">
</td>
</tr>
</table>
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="统一社会信用代码" :content="info.unified_code"></t-descriptions-item>
<t-descriptions-item label="公司名称" :content="info.enterprise_name"></t-descriptions-item>
<t-descriptions-item label="企业性质" :content="info.enterprise_nature"></t-descriptions-item>
<t-descriptions-item label="企业网址" :content="info.enterprise_website "></t-descriptions-item>
<t-descriptions-item label="是否上市">
<div slot="content">
{{info.if_list==1?"否":"是"}}
</div>
</t-descriptions-item>
<t-descriptions-item label="企业地址" :content="info.enterprise_location"></t-descriptions-item>
<t-descriptions-item label="上年度营业额" :content="!info.previous_revenue?'':info.previous_revenue+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度纳税额" :content="!info.previous_tax?'':info.previous_tax+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度净利润" :content="!info.previous_profit?'':info.previous_profit+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度公益性捐赠支出" :content="!info.previous_donation?'':info.previous_donation+'万'"></t-descriptions-item>
<t-descriptions-item label="企业介绍" >
<div slot="content" style="width: 300px;">
{{info.enterprise_Introduction}}
</div>
</t-descriptions-item>
<t-descriptions-item label="业务介绍" :content="info.introdiction"></t-descriptions-item>
<t-descriptions-item label="企业所获荣誉以及专利" :content="info.enterorise_honor"></t-descriptions-item>
<t-descriptions-item label="其他企业任职情况" :content="info.qitaqiyerenzhiqingkuang"></t-descriptions-item>
<t-descriptions-item label="是否建立团组织">
<div slot="content">
{{info.if_organization==1?"否":"是"}}
</div>
</t-descriptions-item>
<template v-if="info.if_organization==0">
<t-descriptions-item label="团组织性质" :content="info.nature"></t-descriptions-item>
<t-descriptions-item label="建团时间" :content="info.jiantuan_time"></t-descriptions-item>
<t-descriptions-item label="建团人数" :content="info.jiantuan_number"></t-descriptions-item>
<t-descriptions-item label="青年人数" :content="info.youth_number"></t-descriptions-item>
<t-descriptions-item label="上级团组织" :content="info.superior_nature"></t-descriptions-item>
<t-descriptions-item label="批复文件">
<div slot="content">
<t-image-viewer v-model="visiblePf" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.documents_file]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.documents_file" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="团委负责人信息" :content="info.tuanweifuzerenxinxi"></t-descriptions-item>
<t-descriptions-item label="建团时间" :content="info.jiantuan_time"></t-descriptions-item>
</template>
</t-descriptions>
<div v-if="info.if_xianshi==0" style="text-align: center;margin-top: 50px">
<t-popconfirm theme="danger" @confirm="tgSelect(2)">
<template slot="content">
@ -172,42 +208,48 @@
export default {
data() {
return {
visible:false,
visibleTg:false,
visibleZz:false,
visibleZm:false,
visibleFm:false,
visiblePf:false,
visiblelogo:false,
info:{},
member_id:0,
reason:'',
visible: false,
visibleTg: false,
visibleZz: false,
visibleZm: false,
visibleFm: false,
visiblePf: false,
visiblelogo: false,
info: {},
member_id: 0,
reason: '',
}
},
mounted() {
this.member_id=this.$route.query.id;
this.member_id = this.$route.query.id;
this.getInfo();
},
methods: {
getInfo() {
this.$request
.post("/member/find",{member_id:this.member_id})
.then( (res) => {
console.log(res);
this.info=res.data;
.post("/member/find", {member_id: this.member_id})
.then((res) => {
var key=res.data;
key.work_experience = JSON.parse(key.work_experience);
key.other_contacts = JSON.parse(key.other_contacts);
this.info = key;
console.log(key);
})
.catch((e) => {
console.log(e);
});
},
tgSelect(type){
tgSelect(type) {
this.$request
.post("/member/examine",{member_id:this.member_id,if_xianshi:type,content:this.reason})
.then( (res) => {
.post("/member/examine", {if_member:type==1?1:2,member_id: this.member_id, if_xianshi: type, content: this.reason})
.then((res) => {
console.log(res);
if (res.code==1){
if (res.code == 1) {
this.$message.success(res.msg);
}else{
} else {
this.$message.error(res.msg);
}
this.getInfo();
@ -220,7 +262,7 @@ export default {
}
</script>
<style scoped lang="less">
.info-block{
.info-block {
margin-bottom: 20px;
}
}
</style>

2
src/router/index.js
View File

@ -20,7 +20,7 @@ const defaultRouterList = [
{
path: '/register',
name: 'register',
meta: {title: '会员注册'},
meta: {title: '入会资料填写'},
component: () => import('@/pages/register/index.vue'),
},
{

3
src/utils/request.ts
View File

@ -4,7 +4,7 @@ import store from '../store'
//const API_HOST ="https://hnyea.0rui.cn/api/";
const API_HOST ="/api/";
const CODE = {
LOGIN_TIMEOUT: 100000,
LOGIN_TIMEOUT: 1000000,
REQUEST_SUCCESS: 0,
REQUEST_FOBID: 1001,
};
@ -41,6 +41,7 @@ instance.interceptors.request.use((config) => {
instance.interceptors.response.use(
(response) => {
const { data } = response;
console.log(data);
return data;
},
(err) => {