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

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

@ -1,229 +1,462 @@
<template> <template>
<div class="detail-base"> <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: 20px">
<div style="padding-bottom: 20px;font-weight: bold">登陆信息</div> <div>
<t-form <div style="color: #2E2E2E;font-size: 30px;">1.入会资料</div>
layout="inline" <div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
labelAlign="top" <div style="padding: 30px 0px">
> <t-form layout="inline" labelAlign="top" :labelWidth="100">
<t-form-item label="手机号" name="phone" :requiredMark="true"> <t-form-item name="name" label="推荐方式">
<t-input v-model="formData.phone" placeholder="请输入手机号"></t-input> <t-select filterable v-model="formData.reporting_method">
</t-form-item> <t-option label="个人自荐" value="3"/>
<t-form-item label="密码" name="password"> <t-option label="会员推荐" value="2"/>
<t-input v-model="formData.password" placeholder="请输入密码"></t-input> <t-option label="组织推荐" value="1"/>
</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-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="行业" name="industry_id"> <t-form-item name="name" label="推荐人">
<t-select v-model="formData.industry_id" :style="{ width: '200px' }"> <t-select filterable v-model="formData.recommendation_id">
<t-option v-for="(item,index) in industry_list" :label="item.industry_name" :value="item.id"></t-option> <t-option label="无" :value="0"/>
<t-option v-for="item in member_list" :label="item.nikename" :value="item.id"/>
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="区域" name="region_id"> <t-form-item label="推荐人单位名称及职务">
<t-select v-model="formData.region_id" :style="{ width: '200px' }"> <t-input v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
<t-option v-for="(item,index) in region_list" :label="item.region_name" :value="item.id"></t-option>
</t-select>
</t-form-item> </t-form-item>
</t-form> </t-form>
</div> </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>
<div style="padding: 0px 20px"> <div style="margin-top: 20px">
<t-form labelAlign="top" <div style="color: #2E2E2E;font-size: 30px;">2.基本信息</div>
layout="inline"> <div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<t-form-item label="形象照"> <div style="display: flex;justify-items: center;padding: 30px 0px">
<div class="t-upload" @click="openCai"> <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"> <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!=''"> <img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 110px;height: 110px;"
<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-add" v-if="formData.photo_image==''"> 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> <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg> </svg>
<p class="t-size-s t-upload__add-text" v-if="formData.photo_image==''">点击上传图片</p> <p class="t-size-s t-upload__add-text" v-if="formData.photo_image==''">点击上传图片</p>
</div> </div>
<small class="t-upload__tips t-size-s">请选择身份证正面照</small> <small class="t-upload__tips t-size-s">请上传证件照，照片将作为会员证照</small>
</div> </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>
<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 <t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'" :action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardz_image_show" v-model="formData.cardz_image_show"
theme="image" theme="custom"
:data="{association_id:this.association.association_id}" :data="{association_id:1}"
tips="请选择身份证正面照"
accept="image/*" accept="image/*"
:format-response="(response) => formatResponse(response, 1)" :format-response="(response) => formatResponse(response, 1)"
></t-upload> >
</t-form-item> <t-button>上传图片</t-button>
<t-form-item label="身份证反面照"> </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 <t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'" :action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.cardf_image_show" v-model="formData.cardf_image_show"
:data="{association_id:this.association.association_id}" :data="{association_id:1}"
theme="image" theme="custom"
tips="请选择身份证反面照"
accept="image/*" accept="image/*"
:format-response="(response) => formatResponse(response, 2)" :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-item>
</t-form> </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>
<div style="padding: 20px"> <div style="padding: 20px">
<div style="padding: 20px 0px;font-weight: bold">企业信息</div> <div style="margin-top: 30px">
<t-form labelAlign="top" <div style="color: #2E2E2E;font-size: 30px;">3.企业信息</div>
layout="inline"> <div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<t-form-item label="营业执照"> <div style="display: flex;justify-items: center;padding: 30px 0px">
<t-upload <div style="width: 20%">
:action="$store.state.user.apiUrl+'/api/common/upload'" <t-space direction="vertical">
v-model="formData.business_license_image_show" <t-form layout="inline" labelAlign="top" :labelWidth="100">
theme="image" <t-form-item label="企业注册地">
:data="{association_id:this.association.association_id}" <t-input v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
tips="请选择营业执照"
accept="image/*"
:format-response="(response) => formatResponse(response, 3)"
></t-upload>
</t-form-item> </t-form-item>
<t-form-item label="公司Logo"> </t-form>
<t-upload <t-form layout="inline" labelAlign="top" :labelWidth="100">
:action="$store.state.user.apiUrl+'/api/common/upload'" <t-form-item label="是否上市" name="name">
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-select v-model="formData.if_list" :style="{ width: '200px' }"> <t-select v-model="formData.if_list" :style="{ width: '200px' }">
<t-option key="0" label="是" value="0"></t-option> <t-option key="0" label="是" value="0"></t-option>
<t-option key="1" label="否" value="1"></t-option> <t-option key="1" label="否" value="1"></t-option>
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="员工人数" name="employee"> </t-form>
<t-input v-model="formData.employee" placeholder="请输入员工人数"></t-input> <t-form layout="inline" labelAlign="top" :labelWidth="100">
</t-form-item> <t-form-item label="员工人数">
<t-form-item label="企业地址" name="enterprise_location"> <t-input v-model="formData.employee" placeholder="请输入员工人数"/>
<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-item> </t-form-item>
</t-form> </t-form>
<t-form labelAlign="top" <t-form layout="inline" labelAlign="top" :labelWidth="100">
layout="inline"> <t-form-item label="所属行业" name="name">
<t-form-item label="是否建立团组织" name="if_organization"> <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-select v-model="formData.if_organization" :style="{ width: '200px' }">
<t-option key="0" label="是" value="0"></t-option> <t-option key="0" label="是" value="0"></t-option>
<t-option key="1" label="否" value="1"></t-option> <t-option key="1" label="否" value="1"></t-option>
@ -261,9 +494,12 @@
></t-upload> ></t-upload>
</t-form-item> </t-form-item>
</t-form> </t-form>
</t-space>
</div>
</div>
<div style="text-align: center;margin-top: 40px"> <div style="text-align: center;margin-top: 40px">
<t-space :style="{ width: '300px',margin:'0 auto',textAlign:'center' }"> <t-space :style="{ width: '300px',margin:'0 auto',textAlign:'center' }">
<t-button @click="submit">提交</t-button> <t-button @click="submit">保存</t-button>
</t-space> </t-space>
</div> </div>
</div> </div>
@ -271,7 +507,7 @@
<t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit"> <t-dialog header="图片上传" :visible="caiMode" width="40%" top="20px" :onClose="onCloseMy" @confirm="onSubmit">
<div class="cropper-content"> <div class="cropper-content">
<div class="cropper"> <div class="cropper">
<vueCropper <vue-cropper
ref="cropper" ref="cropper"
:img="caiImg" :img="caiImg"
:canMoveBox="false" :canMoveBox="false"
@ -287,7 +523,7 @@
@imgLoad="imgLoad" @imgLoad="imgLoad"
:fixed="true" :fixed="true"
:fixedNumber="[1,1]" :fixedNumber="[1,1]"
></vueCropper> ></vue-cropper>
</div> </div>
<div class="show-preview" <div class="show-preview"
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}"> :style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}">
@ -307,8 +543,7 @@
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import {UserIcon, LockOnIcon} from 'tdesign-icons-vue'; import {UserIcon, LockOnIcon, CheckCircleIcon} from 'tdesign-icons-vue';
import {CheckCircleIcon} from 'tdesign-icons-vue';
import store from '@/store'; import store from '@/store';
import {VueCropper} from 'vue-cropper'; import {VueCropper} from 'vue-cropper';
import axios from 'axios'; import axios from 'axios';
@ -326,11 +561,28 @@ export default {
previews: {}, previews: {},
caiImg: '', caiImg: '',
association: {}, association: {},
work: {
time: '',
address: '',
book: '',
},
workList: [],
contacts: {
name: '',
post: '',
phone: '',
},
contactsList: [],
social_duties: [],
member_list:[],
formData: { formData: {
recommendation_id:'',
reporting_method:'',
recommendation_content:'',
phone: '', phone: '',
password: '', password: '',
nikename: '', nikename: '',
gender: '', gender: null,
birth_time: '', birth_time: '',
nation: '', nation: '',
political: '', political: '',
@ -359,20 +611,20 @@ export default {
unified_code: '', unified_code: '',
enterprise_nature: '', enterprise_nature: '',
enterprise_website: '', enterprise_website: '',
if_list: '', if_list: null,
employee: '', employee: '',
previous_revenue: '', previous_revenue: '',
previous_tax: '', previous_tax: '',
position_id: '', position_id: null,
previous_profit: '', previous_profit: '',
previous_donation: '', previous_donation: '',
enterprise_location: '', enterprise_location: '',
industry_id: '', industry_id: null,
qitaqiyerenzhiqingkuang: '', qitaqiyerenzhiqingkuang: '',
enterprise_Introduction: '', enterprise_Introduction: '',
introdiction: '', introdiction: '',
enterprise_honor: '', enterprise_honor: '',
if_organization: '', if_organization: null,
nature: '', nature: '',
jiantuan_time: '', jiantuan_time: '',
jiantuan_number: '', jiantuan_number: '',
@ -385,8 +637,7 @@ export default {
enterprise_name: '', enterprise_name: '',
company_image: '', company_image: '',
company_image_show: [], company_image_show: [],
region_id:'', region_id: null,
if_xianshi:1,
}, },
id: 0, id: 0,
info: '', info: '',
@ -396,34 +647,57 @@ export default {
}; };
}, },
mounted() { mounted() {
if(typeof (store.state.user.association)=='object'){ if (typeof (store.state.user.association) === 'object') {
this.association = store.state.user.association; this.association = store.state.user.association;
} else { } else {
this.association = JSON.parse(store.state.user.association); 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.getPlan();
this.getIndustry(); this.getIndustry();
this.getRegion(); this.getRegion();
this.getMemberList();
}, },
methods: { 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() { onSubmit() {
this.$refs.cropper.getCropBlob(data => { this.$refs.cropper.getCropBlob(data => {
// do something // do something
console.log(data) console.log(data)
console.log(this.caiImg); console.log(this.caiImg);
let formData = new FormData(); const formData = new FormData();
formData.append('file', data, 'image.jpg'); formData.append('file', data, 'image.jpg');
formData.append('association_id', this.association.association_id); formData.append('association_id', this.association.association_id);
console.log(formData); console.log(formData);
axios.post(store.state.user.apiUrl + '/api/common/upload', formData, { axios.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
headers: { headers: {
'Content-Type': 'multipart/form-data' 'Content-Type': 'multipart/form-data'
} }
}) })
.then(response => { .then(response => {
console.log(response); console.log(response);
var data=response.data; const {data} = response;
if (data.code == 1) { if (data.code == 1) {
this.formData.photo_image = data.data.url; this.formData.photo_image = data.data.url;
this.$message.success('图片上传成功！'); this.$message.success('图片上传成功！');
@ -453,12 +727,12 @@ export default {
uploadImg(e, num) { uploadImg(e, num) {
// 上传图片 // 上传图片
// this.option.img // 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)) { if (!/\.(gif|jpg|jpeg|png|bmp|GIF|JPG|PNG)$/.test(e.target.value)) {
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种') alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种')
return false return false
} }
var reader = new FileReader() const reader = new FileReader()
reader.onload = (e) => { reader.onload = (e) => {
let data let data
if (typeof e.target.result === 'object') { if (typeof e.target.result === 'object') {
@ -478,6 +752,19 @@ export default {
// 转化为blob // 转化为blob
reader.readAsArrayBuffer(file) 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) { imgLoad(msg) {
console.log(msg) console.log(msg)
}, },
@ -512,6 +799,10 @@ export default {
console.log(e); console.log(e);
}); });
}, },
onChange(val, context) {
console.log(val, context);
console.log('path: ', context.node.getPath());
},
getIndustry() { getIndustry() {
this.$request this.$request
.post("/industry") .post("/industry")
@ -653,15 +944,14 @@ export default {
// return; // return;
// } // }
// } // }
this.formData.member_id = this.id;
console.log(this.formData);
this.$request this.$request
.post("/member/add", this.formData) .post("/member/add", this.formData)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
this.$message.success('添加成功！'); this.$message.success(res.msg);
setTimeout(()=>{
this.$router.push('/user/user_index');
},1000)
} else { } else {
this.$message.error(res.msg); this.$message.error(res.msg);
} }
@ -752,4 +1042,18 @@ export default {
border-color: #67c23a; 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> </style>

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

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

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

@ -31,10 +31,12 @@
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="区域" name="phone"> <t-form-item label="区域" name="phone">
<t-select v-model="formData.region_id" style="width: 200px"> <t-cascader v-model="formData.region_id" :options="region_list"></t-cascader>
<t-option label="全部" value=""/> <!-- <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 label="全部" value=""/>-->
</t-select> <!-- <t-option v-for="(item,index) in region_list" :label="item.region_name" :value="item.id"/>-->
<!-- -->
<!-- </t-select>-->
</t-form-item> </t-form-item>
<t-form-item label="届数" name="phone"> <t-form-item label="届数" name="phone">
<t-select v-model="formData.number_of_sessions" style="width: 200px"> <t-select v-model="formData.number_of_sessions" style="width: 200px">

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

@ -4,148 +4,184 @@
<t-steps :current="0" readonly v-if="info.if_xianshi!=1"> <t-steps :current="0" readonly v-if="info.if_xianshi!=1">
<t-step-item title="信息审核" content="提交的信息审核"></t-step-item> <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" 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-step-item title="成功入会" content="已成功入会"></t-step-item>
</t-steps> </t-steps>
<t-descriptions :column="3" bordered layout="horizontal" item-layout="horizontal" style="margin-top: 40px"> <div>
<t-descriptions-item label="形象照"> <div>
<div slot="content"> <div style="color: #2E2E2E;font-size: 28px;font-weight: bold">1.入会资料</div>
<t-image-viewer v-model="visible" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.photo_image]"> <div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<template #trigger="{ open }"> <div style="padding: 30px 0px">
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <table>
<img alt="" :src="$store.state.user.apiUrl+info.photo_image" style="width: 100px;height: 100px;" class="tdesign-demo-image-viewer__ui-image--img" /> <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> </div>
</template>
</t-image-viewer>
</div> </div>
</t-descriptions-item> <div style="margin-top: 30px">
<t-descriptions-item label="身份证正面照"> <div style="color: #2E2E2E;font-size: 28px;font-weight: bold">2.基本信息</div>
<div slot="content"> <div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<t-image-viewer v-model="visibleZm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardz_image]"> <div style="padding: 30px 0px">
<template #trigger="{ open }"> <table>
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <tr>
<img alt="" :src="$store.state.user.apiUrl+info.cardz_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" /> <td rowspan="3" style="padding:0px 30px">
</div> <img :src="$store.state.user.apiUrl+info.photo_image" style="width: 110px;height: 110px;"></td>
</template> <td style="padding:0px 30px">姓名：{{ info.nikename }}</td>
</t-image-viewer> <td style="padding:0px 30px">性别：{{ info.gender == 0 ? '女' : '男' }}</td>
</div> <td style="padding:0px 30px">手机号：{{ info.phone }}</td>
</t-descriptions-item> <td style="padding:0px 30px">区域：{{ info.region_name }}</td>
<t-descriptions-item label="身份证反面照"> <td style="padding:0px 30px">出生年月日：{{ info.birth_time }}</td>
<div slot="content"> </tr>
<t-image-viewer v-model="visibleFm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardf_image]"> <tr>
<template #trigger="{ open }"> <td style="padding:0px 30px">毕业院校：{{ info.institution }}</td>
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <td style="padding:0px 30px" colspan="2">身份证号码：{{ info.card_number }}</td>
<img alt="" :src="$store.state.user.apiUrl+info.cardf_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" /> <td style="padding:0px 30px">籍贯：{{ info.jiguan }}</td>
</div> <td style="padding:0px 30px">邮箱：{{ info.mailbox }}</td>
</template> </tr>
</t-image-viewer> <tr>
</div> <td style="padding:0px 30px">政治面貌：{{ info.political }}</td>
</t-descriptions-item> <td style="padding:0px 30px">民族：{{ info.nation }}</td>
<t-descriptions-item label="会员姓名" :content="info.nikename"></t-descriptions-item> <td style="padding:0px 30px">单位职务：{{ info.unit_position }}</td>
<t-descriptions-item label="身份证号码" :content="info.card_number"></t-descriptions-item> <td style="padding:0px 30px">学位：{{ info.academic_degree }}</td>
<t-descriptions-item label="手机号" :content="info.phone"></t-descriptions-item> </tr>
<t-descriptions-item label="出生日期" :content="info.birth_time"></t-descriptions-item> <tr align="center">
<t-descriptions-item label="职位" :content="info.position_name"></t-descriptions-item> <td colspan="4" style="padding-top: 30px">
<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> <img :src="$store.state.user.apiUrl+info.cardz_image" style="height: 150px;"></td>
<t-descriptions-item label="微信号" :content="info.wx_number"></t-descriptions-item> <td colspan="4" style="padding-top: 30px">
<t-descriptions-item label="性别"> 身份证背面照：
<div slot="content"> <img :src="$store.state.user.apiUrl+info.cardf_image" style="height: 150px;"></td>
{{info.gender==1?"男":"女"}} </tr>
</div> <tr align="center">
</t-descriptions-item> <td colspan="4" style="padding-top: 50px">
<t-descriptions-item label="籍贯" :content="info.jiguan"></t-descriptions-item> <div style="font-size: 18px;font-weight: 600;">个人简介</div>
<t-descriptions-item label="民族" :content="info.nation"></t-descriptions-item> <div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<t-descriptions-item label="政治面貌" :content="info.political"></t-descriptions-item> </td>
<t-descriptions-item label="毕业院校" :content="info.institution"></t-descriptions-item> <td colspan="4" style="padding-top: 50px">
<t-descriptions-item label="学历" :content="info.education"></t-descriptions-item> <div style="font-size: 18px;font-weight: 600">主要成就以及获奖情况</div>
<t-descriptions-item label="学位" :content="info.academic_degree"></t-descriptions-item> <div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<t-descriptions-item :span="3" label="个人简介"> </td>
<div slot="content" style="width: 600px;"> </tr>
<tr >
<td colspan="4" style="width: 50%;padding:0px 30px">
{{info.introduction}} {{info.introduction}}
</div> </td>
</t-descriptions-item> <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">
</td>
<!-- <t-descriptions-item label="工作单位" :content="info.work_unit"></t-descriptions-item>--> </tr>
<t-descriptions-item label="单位职务" :content="info.unit_position"></t-descriptions-item> <tr align="center">
<td colspan="4">
<t-descriptions-item label="邮箱地址" :content="info.mailbox"></t-descriptions-item> <table style="width: 100%; text-align: center; border-collapse: collapse;">
<t-descriptions-item label="固定电话" :content="info.fixed_telephone"></t-descriptions-item> <thead>
<t-descriptions-item label="其他社会职务" :content="info.other_social_positions"></t-descriptions-item> <tr>
<t-descriptions-item label="其他联系人" :content="info.other_contacts"></t-descriptions-item> <th>姓名</th>
<t-descriptions-item label="主要成就以及获奖情况" :content="info.achievement_award"></t-descriptions-item> <th>职务</th>
<t-descriptions-item label="营业执照"> <th>电话</th>
<div slot="content"> </tr>
<t-image-viewer v-model="visibleZz" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.business_license_image]"> </thead>
<template #trigger="{ open }"> <tbody>
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <tr v-for="(item, index) in info.other_contacts">
<img alt="" :src="$store.state.user.apiUrl+info.business_license_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" /> <td>{{ item.name }}</td>
<td>{{ item.post }}</td>
<td>{{ item.phone }}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div> </div>
</template>
</t-image-viewer>
</div> </div>
</t-descriptions-item> <div style="margin-top: 30px">
<t-descriptions-item label="公司Logo"> <div style="color: #2E2E2E;font-size: 28px;font-weight: bold">3.企业信息</div>
<div slot="content"> <div style="padding: 30px 0px">
<t-image-viewer v-model="visiblelogo" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.company_image]"> <table>
<template #trigger="{ open }"> <tr style="padding-top: 30px;display: inline-block">
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <td style="padding:0px 30px" colspan="3">企业名称 ：{{ info.nikename }}</td>
<img alt="" :src="$store.state.user.apiUrl+info.company_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" /> <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> </div>
</template>
</t-image-viewer>
</div> </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> </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"> <div v-if="info.if_xianshi==0" style="text-align: center;margin-top: 50px">
<t-popconfirm theme="danger" @confirm="tgSelect(2)"> <t-popconfirm theme="danger" @confirm="tgSelect(2)">
<template slot="content"> <template slot="content">
@ -185,16 +221,22 @@ export default {
} }
}, },
mounted() { mounted() {
this.member_id = this.$route.query.id; this.member_id = this.$route.query.id;
this.getInfo(); this.getInfo();
}, },
methods: { methods: {
getInfo() { getInfo() {
this.$request this.$request
.post("/member/find", {member_id: this.member_id}) .post("/member/find", {member_id: this.member_id})
.then((res) => { .then((res) => {
console.log(res); var key=res.data;
this.info=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) => { .catch((e) => {
console.log(e); console.log(e);
@ -202,7 +244,7 @@ export default {
}, },
tgSelect(type) { tgSelect(type) {
this.$request this.$request
.post("/member/examine",{member_id:this.member_id,if_xianshi:type,content:this.reason}) .post("/member/examine", {if_member:type==1?1:2,member_id: this.member_id, if_xianshi: type, content: this.reason})
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {

2
src/router/index.js
View File

@ -20,7 +20,7 @@ const defaultRouterList = [
{ {
path: '/register', path: '/register',
name: 'register', name: 'register',
meta: {title: '会员注册'}, meta: {title: '入会资料填写'},
component: () => import('@/pages/register/index.vue'), 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 ="https://hnyea.0rui.cn/api/";
const API_HOST ="/api/"; const API_HOST ="/api/";
const CODE = { const CODE = {
LOGIN_TIMEOUT: 100000, LOGIN_TIMEOUT: 1000000,
REQUEST_SUCCESS: 0, REQUEST_SUCCESS: 0,
REQUEST_FOBID: 1001, REQUEST_FOBID: 1001,
}; };
@ -41,6 +41,7 @@ instance.interceptors.request.use((config) => {
instance.interceptors.response.use( instance.interceptors.response.use(
(response) => { (response) => {
const { data } = response; const { data } = response;
console.log(data);
return data; return data;
}, },
(err) => { (err) => {