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

441
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-option label="无" :value="0"/> <t-select size="large" v-model="formData.recommended_cities" placeholder="请选择来源渠道">
<t-option v-for="item in member_list" :label="item.nikename" :value="item.id"/> <t-option value="网络来源" label="网络来源" key="网络来源"></t-option>
<t-option value="微信公众号来源" label="微信公众号来源" key="微信公众号来源"></t-option>
<t-option value="朋友推荐" label="朋友推荐" key="朋友推荐"></t-option>
<t-option value="其他渠道" label="其他渠道" key="其他渠道"></t-option>
</t-select>
</t-form-item>
</template>
<template v-if="formData.reporting_method==1">
<t-form-item name="name" label="推荐地市">
<t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
<t-option v-for="item in region_list" :value="item.value" :label="item.label" :key="item.value"></t-option>
</t-select>
</t-form-item>
</template>
<template v-if="formData.reporting_method==2">
<t-form-item name="name" label="推荐人姓名">
<t-select size="large" filterable v-model="formData.recommendation_id">
<t-option label="无" :value="0"/>
<t-option v-for="item in member_list" :label="item.nikename" :value="item.id"/>
</t-select>
</t-form-item>
<t-form-item label="推荐人单位名称及职务">
<t-input 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-select>
</t-form-item>
<t-form-item label="推荐人单位名称及职务">
<t-input v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
</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>
<t-button @click="delWork(index)" theme="danger" size="small">移除</t-button> <td>
</div> <t-button @click="delWork(index)" theme="danger" size="small">移除</t-button>
</div> </td>
</tr>
</table>
</div> </div>
</div> </div>
<div style="margin-top: 30px">社会职务资料</div> <div style="margin-top: 30px">社会职务资料</div>
@ -220,7 +281,7 @@
<t-space direction="vertical"> <t-space direction="vertical">
<t-form> <t-form>
<t-form-item> <t-form-item>
<t-checkbox-group v-model="social_duties"> <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>
@ -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>
<t-button @click="delContacts(index)" theme="danger" size="small">移除</t-button> <td>{{ item.post }}</td>
</div> <td>{{ item.phone }}</td>
</div> <td style="text-align: center">
<t-button @click="delContacts(index)" theme="danger" size="small">移除</t-button>
</td>
</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 <!-- <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.documents_file_show"-->
theme="image" <!-- theme="image"-->
tips="请选择批复文件(图片)" <!-- tips="请选择批复文件(图片)"-->
accept="image/*" <!-- accept="image/*"-->
:format-response="(response) => formatResponse(response, 4)" <!-- :format-response="(response) => formatResponse(response, 4)"-->
></t-upload> <!-- ></t-upload>-->
<div style="text-align: center">
<div class="sfz">
<span v-if="formData.documents_file==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add"
v-if="formData.documents_file==''">
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg></span>
<img v-if="formData.documents_file!=''" :src="$store.state.user.apiUrl+formData.documents_file"
style="width: 100%;max-height: 200px;">
</div>
<div style="margin: 10px 0px">请上传批复文件</div>
<t-upload
:action="$store.state.user.apiUrl+'/api/common/upload'"
v-model="formData.company_image_show"
:data="{association_id:1}"
theme="custom"
accept="image/*"
:format-response="(response) => formatResponse(response, 4)"
>
<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>

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

12
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">
@ -136,7 +138,7 @@ export default {
size: 10, size: 10,
formData: { formData: {
position_id: '', position_id: '',
region_id: '', region_id:'' ,
nikename: '', nikename: '',
phone: '', phone: '',
number_of_sessions:0, number_of_sessions:0,

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

@ -4,150 +4,186 @@
<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>
</div> <td style="padding:0px 30px">
</template> 推荐方式：
</t-image-viewer> <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>
</t-descriptions-item> </div>
<t-descriptions-item label="身份证正面照"> <div style="margin-top: 30px">
<div slot="content"> <div style="color: #2E2E2E;font-size: 28px;font-weight: bold">2.基本信息</div>
<t-image-viewer v-model="visibleZm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardz_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.cardz_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" /> <tr>
</div> <td rowspan="3" style="padding:0px 30px">
</template> <img :src="$store.state.user.apiUrl+info.photo_image" style="width: 110px;height: 110px;"></td>
</t-image-viewer> <td style="padding:0px 30px">姓名：{{ info.nikename }}</td>
</div> <td style="padding:0px 30px">性别：{{ info.gender == 0 ? '女' : '男' }}</td>
</t-descriptions-item> <td style="padding:0px 30px">手机号：{{ info.phone }}</td>
<t-descriptions-item label="身份证反面照"> <td style="padding:0px 30px">区域：{{ info.region_name }}</td>
<div slot="content"> <td style="padding:0px 30px">出生年月日：{{ info.birth_time }}</td>
<t-image-viewer v-model="visibleFm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardf_image]"> </tr>
<template #trigger="{ open }"> <tr>
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <td style="padding:0px 30px">毕业院校：{{ info.institution }}</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" colspan="2">身份证号码：{{ info.card_number }}</td>
</div> <td style="padding:0px 30px">籍贯：{{ info.jiguan }}</td>
</template> <td style="padding:0px 30px">邮箱：{{ info.mailbox }}</td>
</t-image-viewer> </tr>
</div> <tr>
</t-descriptions-item> <td style="padding:0px 30px">政治面貌：{{ info.political }}</td>
<t-descriptions-item label="会员姓名" :content="info.nikename"></t-descriptions-item> <td style="padding:0px 30px">民族：{{ info.nation }}</td>
<t-descriptions-item label="身份证号码" :content="info.card_number"></t-descriptions-item> <td style="padding:0px 30px">单位职务：{{ info.unit_position }}</td>
<t-descriptions-item label="手机号" :content="info.phone"></t-descriptions-item> <td style="padding:0px 30px">学位：{{ info.academic_degree }}</td>
<t-descriptions-item label="出生日期" :content="info.birth_time"></t-descriptions-item> </tr>
<t-descriptions-item label="职位" :content="info.position_name"></t-descriptions-item> <tr align="center">
<t-descriptions-item label="行业" :content="info.industry_id==-1?'其他行业':info.industry_name"></t-descriptions-item> <td colspan="4" style="padding-top: 30px">
<t-descriptions-item label="区域" :content="info.region_name"></t-descriptions-item> 身份证正面照：
<t-descriptions-item label="微信号" :content="info.wx_number"></t-descriptions-item> <img :src="$store.state.user.apiUrl+info.cardz_image" style="height: 150px;"></td>
<t-descriptions-item label="性别"> <td colspan="4" style="padding-top: 30px">
<div slot="content"> 身份证背面照：
{{info.gender==1?"男":"女"}} <img :src="$store.state.user.apiUrl+info.cardf_image" style="height: 150px;"></td>
</div> </tr>
</t-descriptions-item> <tr align="center">
<t-descriptions-item label="籍贯" :content="info.jiguan"></t-descriptions-item> <td colspan="4" style="padding-top: 50px">
<t-descriptions-item label="民族" :content="info.nation"></t-descriptions-item> <div style="font-size: 18px;font-weight: 600;">个人简介</div>
<t-descriptions-item label="政治面貌" :content="info.political"></t-descriptions-item> <div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<t-descriptions-item label="毕业院校" :content="info.institution"></t-descriptions-item> </td>
<t-descriptions-item label="学历" :content="info.education"></t-descriptions-item> <td colspan="4" style="padding-top: 50px">
<t-descriptions-item label="学位" :content="info.academic_degree"></t-descriptions-item> <div style="font-size: 18px;font-weight: 600">主要成就以及获奖情况</div>
<t-descriptions-item :span="3" label="个人简介"> <div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
<div slot="content" style="width: 600px;"> </td>
{{info.introduction}} </tr>
</div> <tr >
</t-descriptions-item> <td colspan="4" style="width: 50%;padding:0px 30px">
{{info.introduction}}
</td>
<td colspan="4" style="width: 50%;padding:0px 30px">
{{info.achievement_award}}
</td>
</tr>
<tr align="center">
<td colspan="4" style="padding-top: 50px">
<div style="font-size: 18px;font-weight: 600">学习工作经历</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
<td colspan="4" style="padding-top: 50px">
<div style="font-size: 18px;font-weight: 600">社会职务资料</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
</tr>
<tr align="center">
<td colspan="4">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>起止日期</th>
<th>地区单位</th>
<th>担任职务</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.work_experience">
<td>{{ item.time }}</td>
<td>{{ item.address }}</td>
<td>{{ item.book }}</td>
</tr>
</tbody>
</table>
</td>
<td colspan="4">
{{info.main_social_positions}},{{info.other_social_positions}}
</td>
</tr>
<tr align="center">
<td colspan="4" style="padding-top: 30px">
<div style="font-size: 18px;font-weight: 600">其他联系人</div>
<div style="height: 1px;background-color: #999999;width: 100%;margin-top: 10px"></div>
</td>
<td colspan="4" style="padding-top: 30px">
</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>
</div> <td>{{ item.post }}</td>
</template> <td>{{ item.phone }}</td>
</t-image-viewer> </tr>
</tbody>
</table>
</td>
</tr>
</table>
</div> </div>
</t-descriptions-item> </div>
<t-descriptions-item label="公司Logo"> <div style="margin-top: 30px">
<div slot="content"> <div style="color: #2E2E2E;font-size: 28px;font-weight: bold">3.企业信息</div>
<t-image-viewer v-model="visiblelogo" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.company_image]"> <div style="padding: 30px 0px">
<template #trigger="{ open }"> <table>
<div class="tdesign-demo-image-viewer__ui-image" @click="open"> <tr style="padding-top: 30px;display: inline-block">
<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" colspan="3">企业名称 ：{{ info.nikename }}</td>
</div> <td style="padding:0px 30px" >统一社会信用代码 ：{{ info.unified_code }}</td>
</template> <td style="padding:0px 30px">企业注册地 ：{{ info.enterprise_location }}</td>
</t-image-viewer> <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>
</t-descriptions-item> </div>
<t-descriptions-item label="统一社会信用代码" :content="info.unified_code"></t-descriptions-item> </div>
<t-descriptions-item label="公司名称" :content="info.enterprise_name"></t-descriptions-item>
<t-descriptions-item label="企业性质" :content="info.enterprise_nature"></t-descriptions-item>
<t-descriptions-item label="企业网址" :content="info.enterprise_website "></t-descriptions-item>
<t-descriptions-item label="是否上市">
<div slot="content">
{{info.if_list==1?"否":"是"}}
</div>
</t-descriptions-item>
<t-descriptions-item label="企业地址" :content="info.enterprise_location"></t-descriptions-item>
<t-descriptions-item label="上年度营业额" :content="!info.previous_revenue?'':info.previous_revenue+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度纳税额" :content="!info.previous_tax?'':info.previous_tax+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度净利润" :content="!info.previous_profit?'':info.previous_profit+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度公益性捐赠支出" :content="!info.previous_donation?'':info.previous_donation+'万'"></t-descriptions-item>
<t-descriptions-item label="企业介绍" >
<div slot="content" style="width: 300px;">
{{info.enterprise_Introduction}}
</div>
</t-descriptions-item>
<t-descriptions-item label="业务介绍" :content="info.introdiction"></t-descriptions-item>
<t-descriptions-item label="企业所获荣誉以及专利" :content="info.enterorise_honor"></t-descriptions-item>
<t-descriptions-item label="其他企业任职情况" :content="info.qitaqiyerenzhiqingkuang"></t-descriptions-item>
<t-descriptions-item label="是否建立团组织">
<div slot="content">
{{info.if_organization==1?"否":"是"}}
</div>
</t-descriptions-item>
<template v-if="info.if_organization==0">
<t-descriptions-item label="团组织性质" :content="info.nature"></t-descriptions-item>
<t-descriptions-item label="建团时间" :content="info.jiantuan_time"></t-descriptions-item>
<t-descriptions-item label="建团人数" :content="info.jiantuan_number"></t-descriptions-item>
<t-descriptions-item label="青年人数" :content="info.youth_number"></t-descriptions-item>
<t-descriptions-item label="上级团组织" :content="info.superior_nature"></t-descriptions-item>
<t-descriptions-item label="批复文件">
<div slot="content">
<t-image-viewer v-model="visiblePf" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.documents_file]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.documents_file" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="团委负责人信息" :content="info.tuanweifuzerenxinxi"></t-descriptions-item>
<t-descriptions-item label="建团时间" :content="info.jiantuan_time"></t-descriptions-item>
</template>
</t-descriptions>
<div v-if="info.if_xianshi==0" style="text-align: center;margin-top: 50px"> <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">
<p class="title">拒绝理由</p> <p class="title">拒绝理由</p>
<p class="describe" style="margin-top: 10px"> <p class="describe" style="margin-top: 10px">
@ -172,42 +208,48 @@
export default { export default {
data() { data() {
return { return {
visible:false, visible: false,
visibleTg:false, visibleTg: false,
visibleZz:false, visibleZz: false,
visibleZm:false, visibleZm: false,
visibleFm:false, visibleFm: false,
visiblePf:false, visiblePf: false,
visiblelogo:false, visiblelogo: false,
info:{}, info: {},
member_id:0, member_id: 0,
reason:'', reason: '',
} }
}, },
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);
}); });
}, },
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) {
this.$message.success(res.msg); this.$message.success(res.msg);
}else{ } else {
this.$message.error(res.msg); this.$message.error(res.msg);
} }
this.getInfo(); this.getInfo();
@ -220,7 +262,7 @@ export default {
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.info-block{ .info-block {
margin-bottom: 20px; margin-bottom: 20px;
} }
</style> </style>

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) => {