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

1

Browse Source
This commit is contained in:
王创世 2025-02-21 14:21:51 +08:00
parent bac93446f4
commit f5fbcae5c3
5 changed files with 996 additions and 727 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,20 +1,20 @@
<template> <template>
<div v-if="show"> <div v-if="show">
<div> <div>
<img src="https://hnyea.0rui.cn/uploads/1/20240820/7c06389c1dd2fbd4f2d191cdb6c67bb1.png" style="width: 100%;"> <img src="https://hnyea.0rui.cn/uploads/1/20240820/7c06389c1dd2fbd4f2d191cdb6c67bb1.png" style="width: 100%"/>
</div> </div>
<div style="padding: 20px; margin-top: 20px"> <div style="padding: 20px; margin-top: 20px">
<div style="width: 80%;margin: 0 auto;"> <div style="width: 80%; margin: 0 auto">
<div> <div>
<div style="color: #2E2E2E;font-size: 30px;">1.入会资料</div> <div style="color: #2e2e2e; font-size: 30px">1.入会资料</div>
<div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div> <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
<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 size="large" v-model="formData.reporting_method"> <t-select size="large" 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>
<template v-if="formData.reporting_method == 3"> <template v-if="formData.reporting_method == 3">
@ -30,17 +30,31 @@
<template v-if="formData.reporting_method == 1"> <template v-if="formData.reporting_method == 1">
<t-form-item name="name" label="推荐地市"> <t-form-item name="name" label="推荐地市">
<t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市"> <t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
<t-option v-for="item in region_list" :value="item.label" :label="item.label" <t-option
:key="item.label"></t-option> v-for="item in region_list"
:value="item.label"
:label="item.label"
:key="item.label"
></t-option>
</t-select> </t-select>
</t-form-item> </t-form-item>
</template> </template>
<template v-if="formData.reporting_method == 2"> <template v-if="formData.reporting_method == 2">
<t-form-item name="name" label="推荐人姓名"> <t-form-item name="name" label="推荐人姓名">
<t-input size="large" v-model="formData.recommendation_id" placeholder="推荐人姓名"/> <!-- <t-input size="large" placeholder="推荐人姓名" />-->
<t-select
v-model="formData.recommendation_name"
filterable
placeholder="推荐人姓名"
:options="member_list"
:keys="{value:'id',label:'nikename',key:'id'}"
size="large"
@change="getMemberInfo"
></t-select>
</t-form-item> </t-form-item>
<t-form-item label="推荐人单位名称及职务"> <t-form-item label="推荐人单位名称及职务">
<t-input size="large" v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/> <t-input size="large" readonly v-model="formData.recommendation_content"
placeholder="推荐人单位名称及职务"/>
</t-form-item> </t-form-item>
</template> </template>
<t-form-item label="意向协会职务"> <t-form-item label="意向协会职务">
@ -54,20 +68,37 @@
</div> </div>
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
<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 style="width: 50%"> <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 <div
style="cursor: pointer;text-align: center;width: 200px;height: 200px;line-height: 200px;border: 1px dashed #999999;"> style="
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 200px;display: block" cursor: pointer;
v-if="formData.photo_image!=''"> text-align: center;
<svg style=" font-size: 35px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" 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" 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>
</div> </div>
@ -93,8 +124,12 @@
<t-input size="large" v-model="formData.nation" placeholder="请输入民族"/> <t-input size="large" v-model="formData.nation" placeholder="请输入民族"/>
</t-form-item> </t-form-item>
<t-form-item label="政治面貌" :requiredMark="true"> <t-form-item label="政治面貌" :requiredMark="true">
<t-select size="large" v-model="formData.political" placeholder="请选择政治面貌" <t-select
:style="{ width: '200px' }"> 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>
@ -129,8 +164,12 @@
<t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校"/> <t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校"/>
</t-form-item> </t-form-item>
<t-form-item label="学历"> <t-form-item label="学历">
<t-select size="large" v-model="formData.education" placeholder="请选择学历" <t-select
:style="{ width: '200px' }"> 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-option value="本科" label="本科" key="本科"></t-option>
@ -139,8 +178,12 @@
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="学位"> <t-form-item label="学位">
<t-select size="large" v-model="formData.academic_degree" placeholder="请选择学位" <t-select
:style="{ width: '200px' }"> 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-option value="学士" label="学士" key="学士"></t-option> <t-option value="学士" label="学士" key="学士"></t-option>
@ -163,8 +206,12 @@
<t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"/> <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话"/>
</t-form-item> </t-form-item>
<t-form-item label="所在区域" name="region_id"> <t-form-item label="所在区域" name="region_id">
<t-cascader size="large" v-model="formData.region_id" :options="region_list" <t-cascader
:style="{ width: '200px' }"></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>
@ -176,15 +223,25 @@
<div style="display: flex; justify-items: center; padding: 30px 0px"> <div style="display: flex; justify-items: center; padding: 30px 0px">
<div style="text-align: center"> <div style="text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.cardz_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" <span v-if="formData.cardz_image == ''"
width="100px" height="100px" class="t-icon t-icon-add" ><svg
v-if="formData.cardz_image==''"> style="font-size: 30px"
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path> fill="none"
</svg></span> viewBox="0 0 24 24"
<img v-if="formData.cardz_image!=''" :src="$store.state.user.apiUrl+formData.cardz_image" width="100px"
style="width: 100%;max-height: 200px;"> height="100px"
class="t-icon t-icon-add"
v-if="formData.cardz_image == ''"
>
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
></span>
<img
v-if="formData.cardz_image != ''"
:src="$store.state.user.apiUrl + formData.cardz_image"
style="width: 100%; max-height: 200px"
/>
</div> </div>
<div style="margin: 10px 0px;">请上传身份证正面照片</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"
@ -198,15 +255,25 @@
</div> </div>
<div style="margin-left: 100px; text-align: center"> <div style="margin-left: 100px; text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.cardf_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" <span v-if="formData.cardf_image == ''"
width="100px" height="100px" class="t-icon t-icon-add" ><svg
v-if="formData.cardf_image==''"> style="font-size: 30px"
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path> fill="none"
</svg></span> viewBox="0 0 24 24"
<img v-if="formData.cardf_image!=''" :src="$store.state.user.apiUrl+formData.cardf_image" width="100px"
style="width: 100%;max-height: 200px;"> 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>
<div style="margin: 10px 0px;">请上传身份证背面照片</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"
@ -224,10 +291,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入个人简介" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入个人简介" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.introduction"/>--> <!-- v-model="formData.introduction"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -250,10 +317,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入主要成就以及获奖情况" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入主要成就以及获奖情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.achievement_award"/>--> <!-- v-model="formData.achievement_award"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -296,7 +363,7 @@
</t-space> </t-space>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<table style=";width: 100%; border-collapse: collapse;"> <table style="width: 100%; border-collapse: collapse">
<tr align="center"> <tr align="center">
<th>起止日期</th> <th>起止日期</th>
<th>地区单位</th> <th>地区单位</th>
@ -342,9 +409,12 @@
<div style="width: 100%"> <div style="width: 100%">
<div style="width: 49%"> <div style="width: 49%">
<div>其他社会职务</div> <div>其他社会职务</div>
<div style="margin-top: 20px;"> <div style="margin-top: 20px">
<t-textarea placeholder="其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }" <t-textarea
v-model="formData.other_social_positions"/> placeholder="其他社会职务"
:autosize="{ minRows: 7, maxRows: 7 }"
v-model="formData.other_social_positions"
/>
</div> </div>
</div> </div>
</div> </div>
@ -369,7 +439,7 @@
</t-space> </t-space>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<table style="width: 100%; border-collapse: collapse;"> <table style="width: 100%; border-collapse: collapse">
<thead> <thead>
<tr align="center"> <tr align="center">
<th>姓名</th> <th>姓名</th>
@ -392,7 +462,7 @@
</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: 100%"> <div style="width: 100%">
@ -407,10 +477,18 @@
<t-form-item label="企业注册地" :requiredMark="true"> <t-form-item label="企业注册地" :requiredMark="true">
<t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"/> <t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
</t-form-item> </t-form-item>
<t-form-item :requiredMark="true" label="企业位置经度" help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html"> <t-form-item
:requiredMark="true"
label="企业位置经度"
help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html"
>
<t-input size="large" v-model="formData.longitude" placeholder="地图经度（如：116.xxx ）"/> <t-input size="large" v-model="formData.longitude" placeholder="地图经度（如：116.xxx ）"/>
</t-form-item> </t-form-item>
<t-form-item :requiredMark="true" label="企业位置纬度" help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html"> <t-form-item
:requiredMark="true"
label="企业位置纬度"
help="坐标拾取：https://lbs.qq.com/tool/getpoint/get-point.html"
>
<t-input size="large" v-model="formData.dimension" placeholder="地图纬度（如：39.xxx ）"/> <t-input size="large" v-model="formData.dimension" placeholder="地图纬度（如：39.xxx ）"/>
</t-form-item> </t-form-item>
<t-form-item label="注册资金（万元）" :requiredMark="true"> <t-form-item label="注册资金（万元）" :requiredMark="true">
@ -427,8 +505,11 @@
</t-form-item> </t-form-item>
<t-form-item label="所属行业" name="name" :requiredMark="true"> <t-form-item label="所属行业" name="name" :requiredMark="true">
<t-select size="large" 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
:value="item.id"></t-option> v-for="(item, index) in industry_list"
:label="item.industry_name"
:value="item.id"
></t-option>
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="企业网址"> <t-form-item label="企业网址">
@ -455,7 +536,11 @@
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"/> <t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"/>
</t-form-item> </t-form-item>
<t-form-item label="上年公益性捐赠支出（万元）"> <t-form-item label="上年公益性捐赠支出（万元）">
<t-input size="large" 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>
@ -467,15 +552,23 @@
<div style="display: flex; justify-items: center; padding: 30px 0px"> <div style="display: flex; justify-items: center; padding: 30px 0px">
<div style="text-align: center"> <div style="text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.business_license_image==''"><svg style=" font-size: 30px;" fill="none" <span v-if="formData.business_license_image == ''"
viewBox="0 0 24 24" width="100px" height="100px" ><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add" class="t-icon t-icon-add"
v-if="formData.business_license_image==''"> v-if="formData.business_license_image == ''"
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path> >
</svg></span> <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
<img v-if="formData.business_license_image!=''" ></span>
<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> <div style="margin: 10px 0px">请上传营业执照</div>
<t-upload <t-upload
@ -491,13 +584,23 @@
</div> </div>
<div style="margin-left: 100px; text-align: center"> <div style="margin-left: 100px; text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.company_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" <span v-if="formData.company_image == ''"
width="100px" height="100px" class="t-icon t-icon-add" ><svg
v-if="formData.company_image==''"> style="font-size: 30px"
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path> fill="none"
</svg></span> viewBox="0 0 24 24"
<img v-if="formData.company_image!=''" :src="$store.state.user.apiUrl+formData.company_image" width="100px"
style="width: 100%;max-height: 200px;"> 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>
<div style="margin: 10px 0px">请上传公司LOGO</div> <div style="margin: 10px 0px">请上传公司LOGO</div>
<t-upload <t-upload
@ -517,10 +620,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入公司介绍" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入公司介绍" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.enterprise_Introduction"/>--> <!-- v-model="formData.enterprise_Introduction"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -543,10 +646,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入主营业务介绍" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入主营业务介绍" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.introdiction"/>--> <!-- v-model="formData.introdiction"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -571,10 +674,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入企业所获荣誉以及专利" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入企业所获荣誉以及专利" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.enterprise_honor"/>--> <!-- v-model="formData.enterprise_honor"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -597,10 +700,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入其他企业任职情况" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入其他企业任职情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.qitaqiyerenzhiqingkuang"/>--> <!-- v-model="formData.qitaqiyerenzhiqingkuang"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -625,10 +728,10 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<!-- <t-textarea placeholder="请输入企业履行社会责任情况" :autosize="{ minRows: 15, maxRows: 20 }"--> <!-- <t-textarea placeholder="请输入企业履行社会责任情况" :autosize="{ minRows: 15, maxRows: 20 }"-->
<!-- v-model="formData.enterprise_lvxingzeren"/>--> <!-- v-model="formData.enterprise_lvxingzeren"/>-->
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -651,7 +754,7 @@
</div> </div>
</div> </div>
<div style="margin-top: 30px"> <div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">4.建团信息</div> <div style="color: #2e2e2e; font-size: 30px">4.建团信息</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="padding: 30px 0px"> <div style="padding: 30px 0px">
<t-space direction="vertical"> <t-space direction="vertical">
@ -666,11 +769,14 @@
<div v-if="formData.if_organization == 0"> <div v-if="formData.if_organization == 0">
<div style="display: flex"> <div style="display: flex">
<div> <div>
<t-form labelAlign="top" <t-form labelAlign="top" layout="inline">
layout="inline">
<t-form-item label="团组织性质" name="nature"> <t-form-item label="团组织性质" name="nature">
<t-select size="large" v-model="formData.nature" placeholder="团组织性质" <t-select
:style="{ width: '200px' }"> size="large"
v-model="formData.nature"
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>
@ -687,8 +793,7 @@
<!-- <t-input size="large" 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> </t-form>
<t-form labelAlign="top" <t-form labelAlign="top" layout="inline" style="margin-top: 10px">
layout="inline" style="margin-top: 10px">
<t-form-item label="青年人数" name="youth_number"> <t-form-item label="青年人数" name="youth_number">
<t-input size="large" 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>
@ -700,15 +805,23 @@
<div> <div>
<div style="text-align: center"> <div style="text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.documents_file==''"><svg style=" font-size: 30px;" fill="none" <span v-if="formData.documents_file == ''"
viewBox="0 0 24 24" width="100px" height="100px" ><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add" class="t-icon t-icon-add"
v-if="formData.documents_file==''"> v-if="formData.documents_file == ''"
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path> >
</svg></span> <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
<img v-if="formData.documents_file!=''" ></span>
<img
v-if="formData.documents_file != ''"
:src="$store.state.user.apiUrl + formData.documents_file" :src="$store.state.user.apiUrl + formData.documents_file"
style="width: 100%;max-height: 200px;"> style="width: 100%; max-height: 200px"
/>
</div> </div>
<div style="margin: 10px 0px">请上传批复文件</div> <div style="margin: 10px 0px">请上传批复文件</div>
<t-upload <t-upload
@ -751,7 +864,7 @@
</t-space> </t-space>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<table style="width: 100%; border-collapse: collapse;"> <table style="width: 100%; border-collapse: collapse">
<thead> <thead>
<tr align="center"> <tr align="center">
<th>姓名</th> <th>姓名</th>
@ -807,18 +920,25 @@
:fixedNumber="[1, 1]" :fixedNumber="[1, 1]"
></vue-cropper> ></vue-cropper>
</div> </div>
<div class="show-preview" <div
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}"> class="show-preview"
:style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
>
<div :style="previews.div" class="preview"> <div :style="previews.div" class="preview">
<img :src="previews.url" :style="previews.img"> <img :src="previews.url" :style="previews.img"/>
</div> </div>
</div> </div>
</div> </div>
<div class="footer-btn"> <div class="footer-btn">
<div class="scope-btn"> <div class="scope-btn">
<label class="btn" for="uploads">上传图片</label> <label class="btn" for="uploads">上传图片</label>
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);" <input
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)"> type="file"
id="uploads"
style="position: absolute; clip: rect(0 0 0 0)"
accept="image/png, image/jpeg, image/gif, image/jpg"
@change="uploadImg($event, 1)"
/>
</div> </div>
</div> </div>
</t-dialog> </t-dialog>
@ -830,11 +950,13 @@ import {Editor, Toolbar} from '@wangeditor/editor-for-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';
import {CheckCircleIcon, LockOnIcon, UserIcon} from "tdesign-icons-vue"; import {CheckCircleIcon, LockOnIcon, UserIcon} from 'tdesign-icons-vue';
export default { export default {
components: { components: {
VueCropper,Editor, Toolbar VueCropper,
Editor,
Toolbar,
}, },
data() { data() {
return { return {
@ -858,7 +980,7 @@ export default {
'insertLink', // 删除链接 'insertLink', // 删除链接
'insertTable', // 删除表格 'insertTable', // 删除表格
'codeBlock', // 删除代码块 'codeBlock', // 删除代码块
] ],
}, },
editorConfig: { editorConfig: {
placeholder: '', placeholder: '',
@ -900,6 +1022,7 @@ export default {
source_channel: '', source_channel: '',
region_id: null, region_id: null,
recommendation_id: '', recommendation_id: '',
recommendation_name:'',
position_id: null, position_id: null,
industry_id: null, industry_id: null,
phone: '', phone: '',
@ -962,7 +1085,7 @@ 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: '', recommended_cities: '',
longitude: '', longitude: '',
@ -973,27 +1096,44 @@ export default {
plan_list: [], plan_list: [],
member_list: [], member_list: [],
region_list: [], region_list: [],
}; };
}, },
mounted() { mounted() {
console.log(this.$route.query.id); console.log(this.$route.query.id);
// if (typeof (this.$route.query.id) != 'undefined') {
// this.id = .id;
// this.getInfo();
// this.getPlan();
// this.getIndustry();
// } else {
// this.$message.error('入会链接有误！', 0);
// }
this.formData.token = this.$route.query.token; this.formData.token = this.$route.query.token;
this.formData.openid = this.$route.query.openid; this.formData.openid = this.$route.query.openid;
this.getIndustry(); this.getIndustry();
//this.getMemberList();
this.getRegion(); this.getRegion();
this.getInfo(); this.getInfo();
this.getUserList();
}, },
methods: { methods: {
getMemberInfo(d) {
var index = this.member_list.findIndex(item => item.id == d.id);
this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
},
getUserList() {
if (typeof (this.$route.query.recommendation_id) != 'undefined') {
this.formData.reporting_method = 2;
} else {
this.member_list = [];
return false;
}
var recommendation_id = this.$route.query.recommendation_id;
this.$request
.post('/move/member/getrecommendationSelect', {openid: this.$route.query.openid})
.then((res) => {
console.log(res);
this.member_list = res.data;
var index = res.data.findIndex(item => item.id == recommendation_id);
this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
this.formData.recommendation_id = this.member_list[index].id;
this.formData.recommendation_name = this.member_list[index].nikename;
})
.catch((e) => {
console.log(e);
});
},
onChange(value, context) { onChange(value, context) {
this.work.time = value[0] + '至' + value[1]; this.work.time = value[0] + '至' + value[1];
}, },
@ -1094,46 +1234,47 @@ export default {
uploadImg(e, num) { uploadImg(e, num) {
// 上传图片 // 上传图片
// this.option.img // this.option.img
const 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;
} }
const 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') {
// 把Array Buffer转化为blob 如果是base64不需要 // 把Array Buffer转化为blob 如果是base64不需要
data = window.URL.createObjectURL(new Blob([e.target.result])) data = window.URL.createObjectURL(new Blob([e.target.result]));
} else { } else {
data = e.target.result data = e.target.result;
} }
if (num === 1) { if (num === 1) {
this.caiImg = data this.caiImg = data;
} else if (num === 2) { } else if (num === 2) {
this.example2.img = data this.example2.img = data;
}
} }
};
// 转化为base64 // 转化为base64
// reader.readAsDataURL(file) // reader.readAsDataURL(file)
// 转化为blob // 转化为blob
reader.readAsArrayBuffer(file) reader.readAsArrayBuffer(file);
}, },
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);
const formData = new FormData(); const formData = new FormData();
formData.append('file', data, 'image.jpg'); formData.append('file', data, 'image.jpg');
formData.append('association_id', 1); formData.append('association_id', 1);
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);
const {data} = response; const {data} = response;
if (data.code == 1) { if (data.code == 1) {
@ -1147,19 +1288,19 @@ export default {
this.$message.error('图片上传失败！'); this.$message.error('图片上传失败！');
} }
}) })
.catch(error => { .catch((error) => {
console.error('文件上传失败', error); console.error('文件上传失败', error);
}); });
}) });
}, },
onCloseMy() { onCloseMy() {
this.caiMode = false; this.caiMode = false;
}, },
realTime(data) { realTime(data) {
this.previews = data this.previews = data;
}, },
imgLoad(msg) { imgLoad(msg) {
console.log(msg) console.log(msg);
}, },
openCai() { openCai() {
this.caiImg = store.state.user.apiUrl + this.formData.photo_image; this.caiImg = store.state.user.apiUrl + this.formData.photo_image;
@ -1168,7 +1309,7 @@ export default {
}, },
getInfo() { getInfo() {
this.$request this.$request
.post("/move/temporary_token/tokenMember", {openid: this.formData.openid, token: this.formData.token}) .post('/move/temporary_token/tokenMember', {openid: this.formData.openid, token: this.formData.token})
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 0) { if (res.code == 0) {
@ -1203,7 +1344,8 @@ export default {
this.formData.cardz_image = res.data.cardz_image == null ? '' : res.data.cardz_image; this.formData.cardz_image = res.data.cardz_image == null ? '' : res.data.cardz_image;
this.formData.photo_image = res.data.photo_image == null ? '' : res.data.photo_image; this.formData.photo_image = res.data.photo_image == null ? '' : res.data.photo_image;
this.formData.company_image = res.data.company_image == null ? '' : res.data.company_image; this.formData.company_image = res.data.company_image == null ? '' : res.data.company_image;
this.formData.business_license_image = res.data.business_license_image == null ? '' : res.data.business_license_image; this.formData.business_license_image =
res.data.business_license_image == null ? '' : res.data.business_license_image;
this.formData.unified_code = res.data.unified_code; this.formData.unified_code = res.data.unified_code;
this.formData.enterprise_nature = res.data.enterprise_nature; this.formData.enterprise_nature = res.data.enterprise_nature;
this.formData.enterprise_website = res.data.enterprise_website; this.formData.enterprise_website = res.data.enterprise_website;
@ -1231,9 +1373,10 @@ export default {
this.formData.main_social_positions = res.data.main_social_positions; this.formData.main_social_positions = res.data.main_social_positions;
this.formData.work_experience = res.data.work_experience; this.formData.work_experience = res.data.work_experience;
if (res.data.reporting_method != null) {
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 == 0 ? '' : res.data.recommendation_id;
this.formData.documents_file = res.data.documents_file; this.formData.documents_file = res.data.documents_file;
if (res.data.documents_file == '') { if (res.data.documents_file == '') {
this.formData.documents_file_show = []; this.formData.documents_file_show = [];
@ -1258,8 +1401,6 @@ export default {
this.social_duties = res.data.main_social_positions.split(','); this.social_duties = res.data.main_social_positions.split(',');
this.contactsList = JSON.parse(res.data.other_contacts); this.contactsList = JSON.parse(res.data.other_contacts);
this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi); this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi);
} }
}) })
.catch((e) => { .catch((e) => {
@ -1268,7 +1409,7 @@ export default {
}, },
getRegion() { getRegion() {
this.$request this.$request
.post("/region") .post('/region')
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1279,22 +1420,9 @@ export default {
console.log(e); console.log(e);
}); });
}, },
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);
});
},
getIndustry() { getIndustry() {
this.$request this.$request
.post("/move/industry/index", {association_id: 1}) .post('/move/industry/index', {association_id: 1})
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1306,21 +1434,9 @@ export default {
console.log(e); console.log(e);
}); });
}, },
getPlan() {
this.$request
.post("/position", {association_id: 1})
.then((res) => {
console.log(res);
if (res.code == 1) {
this.plan_list = res.data;
}
})
.catch((e) => {
console.log(e);
});
},
formatResponse(res, type) { formatResponse(res, type) {
console.log(res); console.log(res);
if (type == 0) { if (type == 0) {
this.formData.photo_image = res.data.url; this.formData.photo_image = res.data.url;
} else if (type == 1) { } else if (type == 1) {
@ -1337,7 +1453,7 @@ export default {
return {url: res.data.fullurl}; return {url: res.data.fullurl};
}, },
submit() { submit() {
console.log(this.formData)
if (this.formData.nikename == '') { if (this.formData.nikename == '') {
this.$message.error('请输入姓名！'); this.$message.error('请输入姓名！');
return; return;
@ -1448,14 +1564,15 @@ export default {
} }
if (this.social_duties.length > 0) { if (this.social_duties.length > 0) {
const splitAndJoin = this.social_duties const splitAndJoin = this.social_duties
.map(item => item.split(',')) .map((item) => item.split(','))
.flat() .flat()
.filter(item => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串 .filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
.join(','); .join(',');
this.formData.main_social_positions = splitAndJoin; this.formData.main_social_positions = splitAndJoin;
} }
this.$request this.$request
.post("/move/temporary_token/shenqing", this.formData) .post('/move/temporary_token/shenqing', this.formData)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1494,16 +1611,15 @@ export default {
this.editorLX = Object.seal(editor); this.editorLX = Object.seal(editor);
}, },
customPaste(editor, event, callback) { customPaste(editor, event, callback) {
console.log('ClipboardEvent 粘贴事件对象', event) console.log('ClipboardEvent 粘贴事件对象', event);
var text = event.clipboardData.getData('text/plain') var text = event.clipboardData.getData('text/plain');
text = text.replace(/\s+/g, ''); text = text.replace(/\s+/g, '');
editor.insertText(text) editor.insertText(text);
event.preventDefault() event.preventDefault();
callback(false) callback(false);
// 返回 true ，继续默认的粘贴行为 // 返回 true ，继续默认的粘贴行为
}, },
}, },
}; };
</script> </script>
<style src="@wangeditor/editor/dist/css/style.css"></style> <style src="@wangeditor/editor/dist/css/style.css"></style>
@ -1608,8 +1724,8 @@ export default {
box-sizing: border-box; box-sizing: border-box;
outline: 0; outline: 0;
margin: 0; margin: 0;
-webkit-transition: .1s; -webkit-transition: 0.1s;
transition: .1s; transition: 0.1s;
font-weight: 500; font-weight: 500;
padding: 8px 15px; padding: 8px 15px;
font-size: 12px; font-size: 12px;
@ -1630,9 +1746,10 @@ export default {
} }
.sfz:hover { .sfz:hover {
color: #409EFF; color: #409eff;
border: 1px dashed #409EFF; border: 1px dashed #409eff;
} }
.w-e-full-screen-container { .w-e-full-screen-container {
z-index: 1024; z-index: 1024;
} }

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

@ -4,7 +4,7 @@
<div style="padding: 20px; margin-top: 20px"> <div style="padding: 20px; margin-top: 20px">
<div> <div>
<div> <div>
<div style="color: #2E2E2E;font-size: 30px;">1.入会资料</div> <div style="color: #2e2e2e; font-size: 30px">1.入会资料</div>
<div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div> <div style="height: 2px; background-color: #999999; width: 100%; margin-top: 20px"></div>
<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">
@ -28,20 +28,42 @@
<template v-if="formData.reporting_method == 1"> <template v-if="formData.reporting_method == 1">
<t-form-item name="name" label="推荐地市"> <t-form-item name="name" label="推荐地市">
<t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市"> <t-select size="large" v-model="formData.recommended_cities" placeholder="请选择推荐地市">
<t-option v-for="item in region_list" :value="item.label" :label="item.label" :key="item.label"></t-option> <t-option
v-for="item in region_list"
:value="item.label"
:label="item.label"
:key="item.label"
></t-option>
</t-select> </t-select>
</t-form-item> </t-form-item>
</template> </template>
<template v-if="formData.reporting_method == 2"> <template v-if="formData.reporting_method == 2">
<t-form-item name="name" label="推荐人姓名"> <t-form-item name="name" label="推荐人姓名">
<t-input size="large" v-model="formData.recommendation_id" placeholder="推荐人姓名"/> <!-- <t-input size="large" placeholder="推荐人姓名" />-->
<t-select
v-model="formData.recommendation_name"
filterable
placeholder="推荐人姓名"
:options="member_list"
:keys="{ value: 'id', label: 'nikename', key: 'id' }"
size="large"
@change="getMemberInfo"
></t-select>
</t-form-item> </t-form-item>
<t-form-item label="推荐人单位名称及职务"> <t-form-item label="推荐人单位名称及职务">
<t-input size="large" v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/> <t-input
size="large"
v-model="formData.recommendation_content"
placeholder="推荐人单位名称及职务"
/>
</t-form-item> </t-form-item>
</template> </template>
<t-form-item label="意向协会职务"> <t-form-item label="意向协会职务">
<t-select size="large" v-model="formData.intentional_association_position" :style="{ width: '200px' }"> <t-select
size="large"
v-model="formData.intentional_association_position"
:style="{ width: '200px' }"
>
<t-option key="会员" label="会员" value="会员"></t-option> <t-option key="会员" label="会员" value="会员"></t-option>
<t-option key="理事" label="理事" value="理事"></t-option> <t-option key="理事" label="理事" value="理事"></t-option>
<t-option key="常务理事" label="常务理事" value="常务理事"></t-option> <t-option key="常务理事" label="常务理事" value="常务理事"></t-option>
@ -51,18 +73,37 @@
</div> </div>
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
<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 style="width: 50%"> <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 style="cursor: pointer;text-align: center;width: 200px;height: 200px;line-height: 200px;border: 1px dashed #999999;"> <div
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 200px;display: block" style="
v-if="formData.photo_image!=''&&formData.photo_image!=null"> cursor: pointer;
<svg style=" font-size: 35px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add" text-align: center;
v-if="formData.photo_image==''||formData.photo_image==null"> 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 != '' && formData.photo_image != null"
/>
<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 == '' || formData.photo_image == null"
>
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path> <path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
</svg> </svg>
</div> </div>
@ -82,8 +123,18 @@
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="协会职务"> <t-form-item label="协会职务">
<t-select size="large" v-model="formData.position_id" placeholder="请选择协会职务" :style="{ width: '200px' }"> <t-select
<t-option v-for="item in plan_list" :value="item.id" :label="item.position_name" :key="item.id"></t-option> size="large"
v-model="formData.position_id"
placeholder="请选择协会职务"
:style="{ width: '200px' }"
>
<t-option
v-for="item in plan_list"
:value="item.id"
:label="item.position_name"
:key="item.id"
></t-option>
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="出生年月日"> <t-form-item label="出生年月日">
@ -93,7 +144,12 @@
<t-input size="large" 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-select size="large" v-model="formData.political" placeholder="请选择政治面貌" :style="{ width: '200px' }"> <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>
@ -128,7 +184,12 @@
<t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校" /> <t-input size="large" v-model="formData.institution" placeholder="请输入毕业院校" />
</t-form-item> </t-form-item>
<t-form-item label="学历"> <t-form-item label="学历">
<t-select size="large" v-model="formData.education" placeholder="请选择学历" :style="{ width: '200px' }"> <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-option value="本科" label="本科" key="本科"></t-option>
@ -137,7 +198,12 @@
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="学位"> <t-form-item label="学位">
<t-select size="large" v-model="formData.academic_degree" placeholder="请选择学位" :style="{ width: '200px' }"> <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-option value="学士" label="学士" key="学士"></t-option> <t-option value="学士" label="学士" key="学士"></t-option>
@ -160,7 +226,12 @@
<t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话" /> <t-input size="large" v-model="formData.fixed_telephone" placeholder="请输入固定电话" />
</t-form-item> </t-form-item>
<t-form-item label="所在区域" name="region_id"> <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-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>
@ -172,14 +243,24 @@
<div style="display: flex; justify-items: center; padding: 30px 0px"> <div style="display: flex; justify-items: center; padding: 30px 0px">
<div style="text-align: center"> <div style="text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.cardz_image==''||formData.cardz_image==null"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add" <span v-if="formData.cardz_image == '' || formData.cardz_image == null"
><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add"
> >
<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> ></span>
<img v-if="formData.cardz_image!=''&&formData.cardz_image!=null" :src="$store.state.user.apiUrl+formData.cardz_image" <img
style="width: 100%;max-height: 200px;"> v-if="formData.cardz_image != '' && formData.cardz_image != null"
:src="$store.state.user.apiUrl + formData.cardz_image"
style="width: 100%; max-height: 200px"
/>
</div> </div>
<div style="margin: 10px 0px;">请上传身份证正面照片</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"
@ -193,14 +274,24 @@
</div> </div>
<div style="margin-left: 100px; text-align: center"> <div style="margin-left: 100px; text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.cardf_image==''||formData.cardf_image==null"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add" <span v-if="formData.cardf_image == '' || formData.cardf_image == null"
><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add"
> >
<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> ></span>
<img v-if="formData.cardf_image!=''&&formData.cardf_image!=null" :src="$store.state.user.apiUrl+formData.cardf_image" <img
style="width: 100%;max-height: 200px;"> v-if="formData.cardf_image != '' && formData.cardf_image != null"
:src="$store.state.user.apiUrl + formData.cardf_image"
style="width: 100%; max-height: 200px"
/>
</div> </div>
<div style="margin: 10px 0px;">请上传身份证背面照片</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"
@ -218,8 +309,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -242,8 +333,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -285,7 +376,7 @@
</t-space> </t-space>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<table style=";width: 100%; border-collapse: collapse;"> <table style="width: 100%; border-collapse: collapse">
<tr align="center"> <tr align="center">
<th>起止日期</th> <th>起止日期</th>
<th>地区单位</th> <th>地区单位</th>
@ -331,9 +422,12 @@
<div style="width: 100%"> <div style="width: 100%">
<div style="width: 49%"> <div style="width: 49%">
<div>其他社会职务</div> <div>其他社会职务</div>
<div style="margin-top: 20px;"> <div style="margin-top: 20px">
<t-textarea placeholder="其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }" <t-textarea
v-model="formData.other_social_positions"/> placeholder="其他社会职务"
:autosize="{ minRows: 7, maxRows: 7 }"
v-model="formData.other_social_positions"
/>
</div> </div>
</div> </div>
</div> </div>
@ -358,7 +452,7 @@
</t-space> </t-space>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<table style="width: 100%; border-collapse: collapse;"> <table style="width: 100%; border-collapse: collapse">
<thead> <thead>
<tr align="center"> <tr align="center">
<th>姓名</th> <th>姓名</th>
@ -381,7 +475,7 @@
</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: 100%"> <div style="width: 100%">
@ -416,8 +510,11 @@
</t-form-item> </t-form-item>
<t-form-item label="所属行业" name="name"> <t-form-item label="所属行业" name="name">
<t-select size="large" 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
:value="item.id"></t-option> v-for="(item, index) in industry_list"
:label="item.industry_name"
:value="item.id"
></t-option>
</t-select> </t-select>
</t-form-item> </t-form-item>
<t-form-item label="企业网址"> <t-form-item label="企业网址">
@ -444,7 +541,11 @@
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）" /> <t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）" />
</t-form-item> </t-form-item>
<t-form-item label="上年公益性捐赠支出（万元）"> <t-form-item label="上年公益性捐赠支出（万元）">
<t-input size="large" 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>
@ -456,13 +557,22 @@
<div style="display: flex; justify-items: center; padding: 30px 0px"> <div style="display: flex; justify-items: center; padding: 30px 0px">
<div style="text-align: center"> <div style="text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.business_license_image==''||formData.business_license_image==null"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add" <span v-if="formData.business_license_image == '' || formData.business_license_image == null"
><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add"
> >
<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> ></span>
<img v-if="formData.business_license_image!=''&&formData.business_license_image!=null" <img
v-if="formData.business_license_image != '' && formData.business_license_image != null"
: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> <div style="margin: 10px 0px">请上传营业执照</div>
<t-upload <t-upload
@ -478,12 +588,22 @@
</div> </div>
<div style="margin-left: 100px; text-align: center"> <div style="margin-left: 100px; text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.company_image==''||formData.company_image==null"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24" width="100px" height="100px" class="t-icon t-icon-add" <span v-if="formData.company_image == '' || formData.company_image == null"
><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add"
> >
<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> ></span>
<img v-if="formData.company_image!=''&&formData.company_image!=null" :src="$store.state.user.apiUrl+formData.company_image" <img
style="width: 200px;max-height: 200px;"> v-if="formData.company_image != '' && formData.company_image != null"
:src="$store.state.user.apiUrl + formData.company_image"
style="width: 200px; max-height: 200px"
/>
</div> </div>
<div style="margin: 10px 0px">请上传公司LOGO</div> <div style="margin: 10px 0px">请上传公司LOGO</div>
<t-upload <t-upload
@ -503,8 +623,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -527,8 +647,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -553,8 +673,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -577,8 +697,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -603,8 +723,8 @@
<div style="width: 49%"> <div style="width: 49%">
<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="margin-top: 20px;"> <div style="margin-top: 20px">
<div style="border: 1px solid #ccc;"> <div style="border: 1px solid #ccc">
<!-- 工具栏 --> <!-- 工具栏 -->
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
@ -627,7 +747,7 @@
</div> </div>
</div> </div>
<div style="margin-top: 30px"> <div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 30px;">4.建团信息</div> <div style="color: #2e2e2e; font-size: 30px">4.建团信息</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="padding: 30px 0px"> <div style="padding: 30px 0px">
<t-space direction="vertical"> <t-space direction="vertical">
@ -642,11 +762,14 @@
<div v-if="formData.if_organization == 0"> <div v-if="formData.if_organization == 0">
<div style="display: flex"> <div style="display: flex">
<div> <div>
<t-form labelAlign="top" <t-form labelAlign="top" layout="inline">
layout="inline">
<t-form-item label="团组织性质" name="nature"> <t-form-item label="团组织性质" name="nature">
<t-select size="large" v-model="formData.nature" placeholder="团组织性质" <t-select
:style="{ width: '200px' }"> size="large"
v-model="formData.nature"
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>
@ -663,8 +786,7 @@
<!-- <t-input size="large" 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> </t-form>
<t-form labelAlign="top" <t-form labelAlign="top" layout="inline" style="margin-top: 10px">
layout="inline" style="margin-top: 10px">
<t-form-item label="青年人数" name="youth_number"> <t-form-item label="青年人数" name="youth_number">
<t-input size="large" 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>
@ -676,15 +798,22 @@
<div> <div>
<div style="text-align: center"> <div style="text-align: center">
<div class="sfz"> <div class="sfz">
<span v-if="formData.documents_file==''||formData.documents_file==null"><svg style=" font-size: 30px;" fill="none" <span v-if="formData.documents_file == '' || formData.documents_file == null"
viewBox="0 0 24 24" width="100px" height="100px" ><svg
style="font-size: 30px"
fill="none"
viewBox="0 0 24 24"
width="100px"
height="100px"
class="t-icon t-icon-add" class="t-icon t-icon-add"
> >
<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> ></span>
<img v-if="formData.documents_file!=''&&formData.documents_file!=null" <img
v-if="formData.documents_file != '' && formData.documents_file != null"
:src="$store.state.user.apiUrl + formData.documents_file" :src="$store.state.user.apiUrl + formData.documents_file"
style="width: 100%;max-height: 200px;"> style="width: 100%; max-height: 200px"
/>
</div> </div>
<div style="margin: 10px 0px">请上传批复文件</div> <div style="margin: 10px 0px">请上传批复文件</div>
<t-upload <t-upload
@ -727,7 +856,7 @@
</t-space> </t-space>
</div> </div>
<div style="width: 100%"> <div style="width: 100%">
<table style="width: 100%; border-collapse: collapse;"> <table style="width: 100%; border-collapse: collapse">
<thead> <thead>
<tr align="center"> <tr align="center">
<th>姓名</th> <th>姓名</th>
@ -782,18 +911,25 @@
:fixedNumber="[1, 1]" :fixedNumber="[1, 1]"
></vue-cropper> ></vue-cropper>
</div> </div>
<div class="show-preview" <div
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}"> class="show-preview"
:style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
>
<div :style="previews.div" class="preview"> <div :style="previews.div" class="preview">
<img :src="previews.url" :style="previews.img"> <img :src="previews.url" :style="previews.img" />
</div> </div>
</div> </div>
</div> </div>
<div class="footer-btn"> <div class="footer-btn">
<div class="scope-btn"> <div class="scope-btn">
<label class="btn" for="uploads">上传图片</label> <label class="btn" for="uploads">上传图片</label>
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);" <input
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)"> type="file"
id="uploads"
style="position: absolute; clip: rect(0 0 0 0)"
accept="image/png, image/jpeg, image/gif, image/jpg"
@change="uploadImg($event, 1)"
/>
</div> </div>
</div> </div>
</t-dialog> </t-dialog>
@ -814,7 +950,8 @@ export default {
CheckCircleIcon, CheckCircleIcon,
UserIcon, UserIcon,
LockOnIcon, LockOnIcon,
Editor, Toolbar Editor,
Toolbar,
}, },
data() { data() {
return { return {
@ -838,7 +975,7 @@ export default {
'insertLink', // 删除链接 'insertLink', // 删除链接
'insertTable', // 删除表格 'insertTable', // 删除表格
'codeBlock', // 删除代码块 'codeBlock', // 删除代码块
] ],
}, },
editorConfig: { editorConfig: {
placeholder: '', placeholder: '',
@ -879,6 +1016,7 @@ export default {
intentional_association_position: '', intentional_association_position: '',
recommended_cities: '', recommended_cities: '',
recommendation_id: '', recommendation_id: '',
recommendation_name: '',
reporting_method: '', reporting_method: '',
recommendation_content: '', recommendation_content: '',
phone: '', phone: '',
@ -948,24 +1086,45 @@ export default {
info: '', info: '',
plan_list: [], plan_list: [],
region_list: [], region_list: [],
industry_list: [] industry_list: [],
}; };
}, },
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.id = this.$route.query.id;
this.getInfo(); this.getMemberList();
this.getPlan(); this.getPlan();
this.getIndustry(); this.getIndustry();
this.getRegion(); this.getRegion();
this.getMemberList(); setTimeout(() => {
this.getInfo();
}, 1000);
}, },
methods: { methods: {
getMemberInfo(d) {
console.log(d);
var index = this.member_list.findIndex((item) => item.id == d);
this.formData.recommendation_id = d;
this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
},
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);
});
},
onChange(value, context) { onChange(value, context) {
this.work.time = value[0] + '至' + value[1]; this.work.time = value[0] + '至' + value[1];
}, },
@ -1052,20 +1211,21 @@ export default {
this.contactsList.splice(index, 1); 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);
const 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);
const { data } = response; const { data } = response;
if (data.code == 1) { if (data.code == 1) {
@ -1079,10 +1239,10 @@ export default {
this.$message.error('图片上传失败！'); this.$message.error('图片上传失败！');
} }
}) })
.catch(error => { .catch((error) => {
console.error('文件上传失败', error); console.error('文件上传失败', error);
}); });
}) });
}, },
onCloseMy() { onCloseMy() {
this.caiMode = false; this.caiMode = false;
@ -1092,51 +1252,38 @@ export default {
this.caiMode = true; this.caiMode = true;
}, },
realTime(data) { realTime(data) {
this.previews = data this.previews = data;
}, },
uploadImg(e, num) { uploadImg(e, num) {
// 上传图片 // 上传图片
// this.option.img // this.option.img
const 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;
} }
const 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') {
// 把Array Buffer转化为blob 如果是base64不需要 // 把Array Buffer转化为blob 如果是base64不需要
data = window.URL.createObjectURL(new Blob([e.target.result])) data = window.URL.createObjectURL(new Blob([e.target.result]));
} else { } else {
data = e.target.result data = e.target.result;
} }
if (num === 1) { if (num === 1) {
this.caiImg = data this.caiImg = data;
} else if (num === 2) { } else if (num === 2) {
this.example2.img = data this.example2.img = data;
}
} }
};
// 转化为base64 // 转化为base64
// reader.readAsDataURL(file) // reader.readAsDataURL(file)
// 转化为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);
}, },
formatResponse(res, type) { formatResponse(res, type) {
console.log(res); console.log(res);
@ -1158,7 +1305,7 @@ export default {
}, },
getRegion() { getRegion() {
this.$request this.$request
.post("/region") .post('/region')
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1171,7 +1318,7 @@ export default {
}, },
getIndustry() { getIndustry() {
this.$request this.$request
.post("/industry") .post('/industry')
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1185,7 +1332,7 @@ export default {
}, },
getPlan() { getPlan() {
this.$request this.$request
.post("/position") .post('/position')
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1198,7 +1345,7 @@ export default {
}, },
getInfo() { getInfo() {
this.$request this.$request
.post("/member/find", {member_id: this.id}) .post('/member/find', { member_id: this.id })
.then((res) => { .then((res) => {
console.log(res); console.log(res);
this.info = res.data; this.info = res.data;
@ -1248,7 +1395,7 @@ export default {
if (res.data.if_organization != null) { if (res.data.if_organization != null) {
this.formData.if_organization = res.data.if_organization + ''; this.formData.if_organization = res.data.if_organization + '';
} else { } else {
this.formData.if_organization="1"; this.formData.if_organization = '1';
} }
this.formData.nature = res.data.nature; this.formData.nature = res.data.nature;
this.formData.jiantuan_time = res.data.jiantuan_time; this.formData.jiantuan_time = res.data.jiantuan_time;
@ -1264,8 +1411,12 @@ export default {
this.formData.longitude = res.data.longitude; this.formData.longitude = res.data.longitude;
this.formData.dimension = res.data.dimension; this.formData.dimension = res.data.dimension;
this.formData.reporting_method = res.data.reporting_method; this.formData.reporting_method = res.data.reporting_method;
if (res.data.recommendation_id != '' && res.data.recommendation_id != null) {
this.formData.recommendation_id = res.data.recommendation_id; this.formData.recommendation_id = res.data.recommendation_id;
var index = this.member_list.findIndex((item) => item.id == res.data.recommendation_id);
this.formData.recommendation_name = this.member_list[index].nikename;
this.formData.recommendation_content = res.data.recommendation_content; this.formData.recommendation_content = res.data.recommendation_content;
}
this.formData.recommended_cities = res.data.recommended_cities; this.formData.recommended_cities = res.data.recommended_cities;
this.formData.source_channel = res.data.source_channel; this.formData.source_channel = res.data.source_channel;
this.formData.intentional_association_position = res.data.intentional_association_position; this.formData.intentional_association_position = res.data.intentional_association_position;
@ -1280,7 +1431,9 @@ export default {
if (res.data.business_license_image == '') { if (res.data.business_license_image == '') {
this.formData.business_license_image_show = []; this.formData.business_license_image_show = [];
} else { } else {
this.formData.business_license_image_show = [{url: store.state.user.apiUrl + res.data.business_license_image}]; this.formData.business_license_image_show = [
{ url: store.state.user.apiUrl + res.data.business_license_image },
];
} }
if (res.data.cardf_image == '') { if (res.data.cardf_image == '') {
this.formData.cardf_image_show = []; this.formData.cardf_image_show = [];
@ -1438,7 +1591,6 @@ export default {
// } // }
this.formData.member_id = this.id; this.formData.member_id = this.id;
if (this.workList && this.workList.length > 0) { if (this.workList && this.workList.length > 0) {
this.formData.work_experience = JSON.stringify(this.workList); this.formData.work_experience = JSON.stringify(this.workList);
} }
if (this.contactsList && this.contactsList.length > 0) { if (this.contactsList && this.contactsList.length > 0) {
@ -1452,14 +1604,14 @@ export default {
} }
if (this.social_duties.length > 0) { if (this.social_duties.length > 0) {
const splitAndJoin = this.social_duties const splitAndJoin = this.social_duties
.map(item => item.split(',')) .map((item) => item.split(','))
.flat() .flat()
.filter(item => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串 .filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
.join(','); .join(',');
this.formData.main_social_positions = splitAndJoin; this.formData.main_social_positions = splitAndJoin;
} }
this.$request this.$request
.post("/member/update", this.formData) .post('/member/update', this.formData)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -1495,16 +1647,15 @@ export default {
this.editorLX = Object.seal(editor); this.editorLX = Object.seal(editor);
}, },
customPaste(editor, event, callback) { customPaste(editor, event, callback) {
console.log('ClipboardEvent 粘贴事件对象', event) console.log('ClipboardEvent 粘贴事件对象', event);
var text = event.clipboardData.getData('text/plain') var text = event.clipboardData.getData('text/plain');
text = text.replace(/\s+/g, ''); text = text.replace(/\s+/g, '');
editor.insertText(text) editor.insertText(text);
event.preventDefault() event.preventDefault();
callback(false) callback(false);
// 返回 true ，继续默认的粘贴行为 // 返回 true ，继续默认的粘贴行为
}, },
}, },
}; };
</script> </script>
<style src="@wangeditor/editor/dist/css/style.css"></style> <style src="@wangeditor/editor/dist/css/style.css"></style>
@ -1574,8 +1725,8 @@ export default {
box-sizing: border-box; box-sizing: border-box;
outline: 0; outline: 0;
margin: 0; margin: 0;
-webkit-transition: .1s; -webkit-transition: 0.1s;
transition: .1s; transition: 0.1s;
font-weight: 500; font-weight: 500;
padding: 8px 15px; padding: 8px 15px;
font-size: 12px; font-size: 12px;
@ -1597,6 +1748,6 @@ export default {
} }
.sfz:hover { .sfz:hover {
border: 1px dashed #409EFF; border: 1px dashed #409eff;
} }
</style> </style>

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

@ -1,13 +1,7 @@
<template> <template>
<t-card title="会员列表" :bordered="false"> <t-card title="会员列表" :bordered="false">
<div class="form-step-container"> <div class="form-step-container">
<t-form <t-form ref="form" :data="formData" :label-width="80" @submit="onSubmit" :style="{ marginBottom: '30px' }">
ref="form"
:data="formData"
:label-width="80"
@submit="onSubmit"
:style="{ marginBottom: '30px' }"
>
<t-row> <t-row>
<t-form-item label="会员姓名" name="nikename"> <t-form-item label="会员姓名" name="nikename">
<t-input <t-input
@ -22,7 +16,8 @@
<t-input <t-input
v-model="formData.phone" v-model="formData.phone"
class="form-item-content" class="form-item-content"
placeholder="请输入手机号" style="width: 150px" placeholder="请输入手机号"
style="width: 150px"
/> />
</t-form-item> </t-form-item>
<t-form-item label="职务" name="phone"> <t-form-item label="职务" name="phone">
@ -44,7 +39,8 @@
<t-space> <t-space>
<t-button theme="primary" type="submit" :style="{ marginLeft: '8px' }"> 查询</t-button> <t-button theme="primary" type="submit" :style="{ marginLeft: '8px' }"> 查询</t-button>
<t-button theme="success" @click="() => $router.push('/user/user_add')"> 新增会员</t-button> <t-button theme="success" @click="() => $router.push('/user/user_add')"> 新增会员</t-button>
<t-button @click="dow" theme="primary">{{ selectedRowKeys.length > 0 ? '选中导出' : '导出全部' }} <t-button @click="dow" theme="primary"
>{{ selectedRowKeys.length > 0 ? '选中导出' : '导出全部' }}
</t-button> </t-button>
</t-space> </t-space>
</div> </div>
@ -70,10 +66,14 @@
@select-change="rehandleSelectChange" @select-change="rehandleSelectChange"
> >
<template #photo_image="{ row }"> <template #photo_image="{ row }">
<img v-if="row.photo_image" :src="$store.state.user.apiUrl+row.photo_image" style="width: 50px;height: 50px"> <img
v-if="row.photo_image"
:src="$store.state.user.apiUrl + row.photo_image"
style="width: 50px; height: 50px"
/>
</template> </template>
<template #gender="{ row }"> <template #gender="{ row }">
{{ row.gender == 1 ? "男" : "女" }} {{ row.gender == 1 ? '男' : '女' }}
</template> </template>
<template #if_xianshi="{ row }"> <template #if_xianshi="{ row }">
<t-tag theme="primary" v-if="row.if_xianshi == 0">待审核</t-tag> <t-tag theme="primary" v-if="row.if_xianshi == 0">待审核</t-tag>
@ -86,7 +86,8 @@
<t-button theme="default" v-if="row.if_xianshi == 1 || row.if_xianshi == 2" @click="openUrl(row.member_id)"> <t-button theme="default" v-if="row.if_xianshi == 1 || row.if_xianshi == 2" @click="openUrl(row.member_id)">
详细信息 详细信息
</t-button> </t-button>
<t-button theme="default" v-if="row.if_xianshi==0||row.if_xianshi==3" @click="openUrl(row.member_id)">审核 <t-button theme="default" v-if="row.if_xianshi == 0 || row.if_xianshi == 3" @click="openUrl(row.member_id)"
>审核
</t-button> </t-button>
<t-button @click="() => $router.push('/user/user_edit?id=' + row.member_id)">编辑</t-button> <t-button @click="() => $router.push('/user/user_edit?id=' + row.member_id)">编辑</t-button>
<t-popconfirm v-if="row.if_xianshi == 1" content="确认要改为待审核状态吗？" @confirm="hidden(row)"> <t-popconfirm v-if="row.if_xianshi == 1" content="确认要改为待审核状态吗？" @confirm="hidden(row)">
@ -111,10 +112,10 @@
</t-card> </t-card>
</template> </template>
<script lang="ts"> <script lang="ts">
import store from "@/store"; import store from '@/store';
import {toInteger} from "lodash"; import { toInteger } from 'lodash';
import { CloudDownloadIcon } from 'tdesign-icons-vue'; import { CloudDownloadIcon } from 'tdesign-icons-vue';
import router from "@/router"; import router from '@/router';
export default { export default {
components: { components: {
@ -154,11 +155,10 @@ export default {
}, },
positionList: [], positionList: [],
region_list: [], region_list: [],
} };
}, },
mounted() { mounted() {
if (typeof this.$store.state.user.association == 'object') {
if (typeof (this.$store.state.user.association) == 'object') {
this.association = this.$store.state.user.association; this.association = this.$store.state.user.association;
} else { } else {
this.association = JSON.parse(this.$store.state.user.association); this.association = JSON.parse(this.$store.state.user.association);
@ -190,12 +190,18 @@ export default {
ids = JSON.stringify(this.selectedRowKeys); ids = JSON.stringify(this.selectedRowKeys);
} }
var token = store.state.user.token; var token = store.state.user.token;
window.location.href = "https://hnyea.0rui.cn/api/excel_controller/memberexport?token=" + token + "&ids=" + ids+"&if_xianshi="+this.tabIndex; window.location.href =
'https://hnyea.0rui.cn/api/excel_controller/memberexport?token=' +
token +
'&ids=' +
ids +
'&if_xianshi=' +
this.tabIndex;
}, },
hidden(row) { hidden(row) {
console.log(row); console.log(row);
this.$request this.$request
.post("/member/examinelist",{member_id:row.member_id,if_xianshi:0}) .post('/member/examinelist', { member_id: row.member_id, if_xianshi: 0 })
.then((res) => { .then((res) => {
console.log(res); console.log(res);
this.page = 1; this.page = 1;
@ -209,7 +215,7 @@ export default {
}, },
getRegion() { getRegion() {
this.$request this.$request
.post("/region") .post('/region')
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -222,7 +228,7 @@ export default {
}, },
getPositionList() { getPositionList() {
this.$request this.$request
.post("/position") .post('/position')
.then((res) => { .then((res) => {
console.log(res); console.log(res);
this.positionList = res.data; this.positionList = res.data;
@ -242,7 +248,7 @@ export default {
}, },
del(row) { del(row) {
this.$request this.$request
.post("/member/del", {member_id: row.member_id}) .post('/member/del', { member_id: row.member_id })
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
@ -270,7 +276,7 @@ export default {
this.formData.size = this.size; this.formData.size = this.size;
this.formData.if_xianshi = this.tabIndex; this.formData.if_xianshi = this.tabIndex;
this.$request this.$request
.post("/member", this.formData) .post('/member', this.formData)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
this.list = res.data.ret; this.list = res.data.ret;
@ -286,9 +292,7 @@ export default {
sessionStorage.setItem('sUserPage', 1); sessionStorage.setItem('sUserPage', 1);
this.getList(); this.getList();
}, },
} },
} };
</script> </script>
<style scoped lang="less"> <style scoped lang="less"></style>
</style>

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

@ -31,7 +31,7 @@
</template> </template>
<template v-if="info.reporting_method==2"> <template v-if="info.reporting_method==2">
<td>推荐人姓名</td> <td>推荐人姓名</td>
<td>{{ info.recommendation_id }}</td> <td>{{ info.recommendation_name }}</td>
<td>推荐人单位及职务</td> <td>推荐人单位及职务</td>
<td>{{ info.recommendation_content }}</td> <td>{{ info.recommendation_content }}</td>
</template> </template>
@ -438,7 +438,6 @@ export default {
}, },
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) => {
@ -448,8 +447,6 @@ export default {
key.other_contacts = key.other_contacts!=''?JSON.parse(key.other_contacts):''; key.other_contacts = key.other_contacts!=''?JSON.parse(key.other_contacts):'';
key.tuanweifuzerenxinxi = key.tuanweifuzerenxinxi!=''?JSON.parse(key.tuanweifuzerenxinxi):''; key.tuanweifuzerenxinxi = key.tuanweifuzerenxinxi!=''?JSON.parse(key.tuanweifuzerenxinxi):'';
this.info = key; this.info = key;
console.log(key);
}) })
.catch((e) => { .catch((e) => {
console.log(e); console.log(e);

4
src/utils/request.ts
View File

@ -1,8 +1,8 @@
import axios from 'axios'; import axios from 'axios';
import store from '../store'; import store from '../store';
//const API_HOST = env === 'mock' ? '/' : proxy[env].API; // 如果是mock模式 就不配置host 会走本地Mock拦截 //const API_HOST = env === 'mock' ? '/' : proxy[env].API; // 如果是mock模式 就不配置host 会走本地Mock拦截
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: 1000000, LOGIN_TIMEOUT: 1000000,
REQUEST_SUCCESS: 0, REQUEST_SUCCESS: 0,