Compare commits
6 Commits
9a4d47c1cd
...
824cca2457
| Author | SHA1 | Date | |
|---|---|---|---|
| 824cca2457 | |||
| f5fbcae5c3 | |||
| bac93446f4 | |||
| 31a9d5ba98 | |||
| 3ef4949d6d | |||
| c6650e3743 |
@ -13,10 +13,10 @@
|
||||
<t-input size="large" placeholder="请输入活动标题" v-model="addForm.activity_name"
|
||||
:style="{ width: '480px' }"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="活动简介" name="activity_desc">
|
||||
<!-- <t-form-item label="活动简介" name="activity_desc">
|
||||
<t-input size="large" placeholder="请输入活动简介" v-model="addForm.activity_desc"
|
||||
:style="{ width: '480px' }"/>
|
||||
</t-form-item>
|
||||
</t-form-item> -->
|
||||
<t-form-item label="活动地址" name="activity_location">
|
||||
<t-input size="large" placeholder="请输入活动地址" v-model="addForm.activity_location"
|
||||
:style="{ width: '480px' }"/>
|
||||
@ -29,12 +29,12 @@
|
||||
<!-- <t-option key="4" label="学习培训" value="4"/>-->
|
||||
<!-- </t-select>-->
|
||||
<!-- </t-form-item>-->
|
||||
<t-form-item label="显示报名人" name="if_display_registrants">
|
||||
<!-- <t-form-item label="显示报名人" name="if_display_registrants">
|
||||
<t-select size="large" v-model="addForm.if_display_registrants" :style="{ width: '480px' }">
|
||||
<t-option key="1" label="显示" value="1"/>
|
||||
<t-option key="2" label="不显示" value="2"/>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
</t-form-item> -->
|
||||
<t-form-item label="报名范围" name="range">
|
||||
<t-select size="large" v-model="addForm.range" :style="{ width: '480px' }">
|
||||
<t-option key="1" label="会员" value="1"/>
|
||||
@ -92,7 +92,7 @@
|
||||
:sizeLimit="{ size: 50, unit: 'MB', message: '视频大小不超过50MB' }"
|
||||
></t-upload>
|
||||
</t-form-item>
|
||||
<t-form-item label="活动简介" name="activity_desc">
|
||||
<t-form-item label="活动详情" name="activity_desc">
|
||||
<div style="border: 1px solid #ccc;width: 100%;">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
@ -180,7 +180,7 @@ export default {
|
||||
activity_content: '',
|
||||
activity_location: '',
|
||||
activity_type: null,
|
||||
if_display_registrants: null,
|
||||
if_display_registrants: 2,
|
||||
signup_start_time: '',
|
||||
signup_end_time: '',
|
||||
if_auditing: '1',
|
||||
@ -276,10 +276,10 @@ export default {
|
||||
this.$message.error('活动标题不能为空');
|
||||
return;
|
||||
}
|
||||
if (this.addForm.activity_desc == '') {
|
||||
this.$message.error('活动简介不能为空');
|
||||
return;
|
||||
}
|
||||
// if (this.addForm.activity_desc == '') {
|
||||
// this.$message.error('活动简介不能为空');
|
||||
// return;
|
||||
// }
|
||||
if (this.addForm.activity_type == null) {
|
||||
this.$message.error('活动类别不能为空');
|
||||
return;
|
||||
|
||||
@ -7,10 +7,10 @@
|
||||
<t-input size="large" placeholder="请输入活动标题" v-model="addForm.activity_name"
|
||||
:style="{ width: '480px' }"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="活动简介" name="activity_desc">
|
||||
<!-- <t-form-item label="活动简介" name="activity_desc">
|
||||
<t-input size="large" placeholder="请输入活动简介" v-model="addForm.activity_desc"
|
||||
:style="{ width: '480px' }"/>
|
||||
</t-form-item>
|
||||
</t-form-item> -->
|
||||
<t-form-item label="活动地址" name="activity_location">
|
||||
<t-input size="large" placeholder="请输入活动地址" v-model="addForm.activity_location"
|
||||
:style="{ width: '480px' }"/>
|
||||
@ -23,12 +23,12 @@
|
||||
<!-- <t-option key="4" label="学习培训" value="4"/>-->
|
||||
<!-- </t-select>-->
|
||||
<!-- </t-form-item>-->
|
||||
<t-form-item label="显示报名人" name="if_display_registrants">
|
||||
<!-- <t-form-item label="显示报名人" name="if_display_registrants">
|
||||
<t-select size="large" v-model="addForm.if_display_registrants" :style="{ width: '480px' }">
|
||||
<t-option key="1" label="显示" value="1"/>
|
||||
<t-option key="2" label="不显示" value="2"/>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
</t-form-item> -->
|
||||
<t-form-item label="报名范围" name="range">
|
||||
<t-select size="large" v-model="addForm.range" :style="{ width: '480px' }">
|
||||
<t-option key="1" label="会员" value="1"/>
|
||||
@ -87,7 +87,7 @@
|
||||
:sizeLimit="{ size: 50, unit: 'MB', message: '视频大小不超过50MB' }"
|
||||
></t-upload>
|
||||
</t-form-item>
|
||||
<t-form-item label="活动简介" name="activity_desc">
|
||||
<t-form-item label="活动详情" name="activity_desc">
|
||||
<div style="border: 1px solid #ccc;width: 100%;">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
@ -313,10 +313,10 @@ export default {
|
||||
this.$message.error('活动标题不能为空');
|
||||
return;
|
||||
}
|
||||
if (this.addForm.activity_desc == '') {
|
||||
this.$message.error('活动简介不能为空');
|
||||
return;
|
||||
}
|
||||
// if (this.addForm.activity_desc == '') {
|
||||
// this.$message.error('活动简介不能为空');
|
||||
// return;
|
||||
// }
|
||||
if (this.addForm.activity_type == null) {
|
||||
this.$message.error('活动类别不能为空');
|
||||
return;
|
||||
|
||||
@ -117,6 +117,12 @@
|
||||
<CloudDownloadIcon slot="icon"/>
|
||||
导出
|
||||
</t-button>
|
||||
<!-- <t-dropdown :options="options">
|
||||
<t-button>
|
||||
<CloudDownloadIcon slot="icon"/>
|
||||
导出
|
||||
</t-button>
|
||||
</t-dropdown> -->
|
||||
</div>
|
||||
<div v-if="infoIfAuditing==2">
|
||||
<t-tabs v-model="InfotabIndex" @change="InfotabIndexChange">
|
||||
@ -457,6 +463,32 @@ export default {
|
||||
getType: 3,
|
||||
infoIfAuditing: 1,//否
|
||||
association: {},
|
||||
options: [
|
||||
{
|
||||
content: '全部名单',
|
||||
value: 1,
|
||||
onClick: () => {
|
||||
const token = store.state.user.token;
|
||||
window.open(store.state.user.apiUrl + '/api/excel_controller/applicationexport?id=' + this.infoId + "&token=" + token+"&type=4");
|
||||
},
|
||||
},
|
||||
{
|
||||
content: '已通过',
|
||||
value: 2,
|
||||
onClick: () => {
|
||||
const token = store.state.user.token;
|
||||
window.open(store.state.user.apiUrl + '/api/excel_controller/applicationexport?id=' + this.infoId + "&token=" + token+"&type=2");
|
||||
},
|
||||
},
|
||||
{
|
||||
content: '已拒绝',
|
||||
value: 3,
|
||||
onClick: () => {
|
||||
const token = store.state.user.token;
|
||||
window.open(store.state.user.apiUrl + '/api/excel_controller/applicationexport?id=' + this.infoId + "&token=" + token+"&type=3");
|
||||
},
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
||||
@ -24,10 +24,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</t-card>
|
||||
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import store from "@/store";
|
||||
import store from '@/store';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
@ -44,7 +43,7 @@ export default {
|
||||
size: 10,
|
||||
total: 0,
|
||||
},
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getList();
|
||||
@ -57,19 +56,18 @@ export default {
|
||||
|
||||
getList() {
|
||||
this.$request
|
||||
.post("/pc_leave_message/index", {page: this.pagination.page, size: this.pagination.size})
|
||||
.post('/pc_leave_message/index', { page: this.pagination.page, size: this.pagination.size })
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
this.list = res.data.ret;
|
||||
this.pagination.total = res.data.count;
|
||||
}
|
||||
|
||||
})
|
||||
.catch((e) => {
|
||||
console.log(e);
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
<template>
|
||||
<div v-if="show">
|
||||
<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 style="padding: 20px; margin-top: 20px">
|
||||
<div style="width: 80%;margin: 0 auto;">
|
||||
<div style="width: 80%; margin: 0 auto">
|
||||
<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="padding: 30px 0px">
|
||||
<t-form layout="inline" labelAlign="top" :labelWidth="100">
|
||||
<t-form-item name="name" label="推荐方式">
|
||||
<t-select size="large" v-model="formData.reporting_method">
|
||||
<t-option label="个人自荐" value="3"/>
|
||||
<t-option label="会员推荐" value="2"/>
|
||||
<t-option label="组织推荐" value="1"/>
|
||||
<t-option label="个人自荐" :value="3"/>
|
||||
<t-option label="会员推荐" :value="2"/>
|
||||
<t-option label="组织推荐" :value="1"/>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<template v-if="formData.reporting_method == 3">
|
||||
@ -30,17 +30,31 @@
|
||||
<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.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-form-item>
|
||||
</template>
|
||||
<template v-if="formData.reporting_method == 2">
|
||||
<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 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>
|
||||
</template>
|
||||
<t-form-item label="意向协会职务">
|
||||
@ -54,20 +68,40 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="width: 50%">
|
||||
<div>证件照</div>
|
||||
<div style="display: flex; align-items: center; margin-bottom: 10px">
|
||||
<span style="color: red; margin-right: 5px">*</span>
|
||||
<span style="color: #000;">证件照</span>
|
||||
</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;">
|
||||
<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"
|
||||
style="
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
line-height: 200px;
|
||||
border: 1px dashed #999999;
|
||||
"
|
||||
>
|
||||
<img
|
||||
:src="$store.state.user.apiUrl + formData.photo_image"
|
||||
style="width: 200px; display: block"
|
||||
v-if="formData.photo_image != ''"
|
||||
/>
|
||||
<svg
|
||||
style="font-size: 35px"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
width="100px"
|
||||
height="100px"
|
||||
class="t-icon t-icon-add"
|
||||
v-if="formData.photo_image==''">
|
||||
v-if="formData.photo_image == ''"
|
||||
>
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
@ -77,24 +111,28 @@
|
||||
<div style="margin-left: 50px">
|
||||
<t-space direction="vertical">
|
||||
<t-form layout="inline" labelAlign="top" :labelWidth="100">
|
||||
<t-form-item label="姓名" :rules="[ { required: true, message: '此项必填' }]">
|
||||
<t-form-item label="姓名" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.nikename" placeholder="请输入姓名"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="性别" name="name">
|
||||
<t-form-item label="性别" name="name" :requiredMark="true">
|
||||
<t-select size="large" v-model="formData.gender" :style="{ width: '200px' }">
|
||||
<t-option :key="0" label="女" :value="0"></t-option>
|
||||
<t-option :key="1" label="男" :value="1"></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="出生年月日">
|
||||
<t-form-item label="出生年月日" :requiredMark="true">
|
||||
<t-date-picker size="large" :style="{ width: '200px' }" v-model="formData.birth_time"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="民族">
|
||||
<t-form-item label="民族" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.nation" placeholder="请输入民族"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="政治面貌">
|
||||
<t-select size="large" v-model="formData.political" placeholder="请选择政治面貌"
|
||||
:style="{ width: '200px' }">
|
||||
<t-form-item label="政治面貌" :requiredMark="true">
|
||||
<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>
|
||||
@ -107,30 +145,34 @@
|
||||
<t-option value="九三学社社员" label="九三学社社员" key="九三学社社员"></t-option>
|
||||
<t-option value="台盟盟员" label="台盟盟员" key="台盟盟员"></t-option>
|
||||
<t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
|
||||
<t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
|
||||
<t-option value="群众" label="群众" key="群众"></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="身份证号码">
|
||||
<t-form-item label="身份证号码" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.card_number" placeholder="请输入身份证号码"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="工作单位">
|
||||
<t-form-item label="工作单位" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.work_unit" placeholder="请输入工作单位"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="单位职务">
|
||||
<t-form-item label="单位职务" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.unit_position" placeholder="请输入单位职务"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="通讯地址">
|
||||
<t-form-item label="通讯地址" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.mail_address" placeholder="请输入通讯地址"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="籍贯">
|
||||
<t-form-item label="籍贯" :requiredMark="true">
|
||||
<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-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>
|
||||
@ -139,8 +181,12 @@
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<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>
|
||||
@ -163,8 +209,12 @@
|
||||
<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-cascader
|
||||
size="large"
|
||||
v-model="formData.region_id"
|
||||
:options="region_list"
|
||||
:style="{ width: '200px' }"
|
||||
></t-cascader>
|
||||
</t-form-item>
|
||||
</t-form>
|
||||
</t-space>
|
||||
@ -176,15 +226,25 @@
|
||||
<div style="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.cardz_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24"
|
||||
width="100px" height="100px" class="t-icon t-icon-add"
|
||||
v-if="formData.cardz_image==''">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
|
||||
</svg></span>
|
||||
<img v-if="formData.cardz_image!=''" :src="$store.state.user.apiUrl+formData.cardz_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<span v-if="formData.cardz_image == ''"
|
||||
><svg
|
||||
style="font-size: 30px"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
width="100px"
|
||||
height="100px"
|
||||
class="t-icon t-icon-add"
|
||||
v-if="formData.cardz_image == ''"
|
||||
>
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.cardz_image != ''"
|
||||
:src="$store.state.user.apiUrl + formData.cardz_image"
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px;">请上传身份证正面照片</div>
|
||||
<div style="margin: 10px 0px">请上传身份证正面照片</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.cardz_image_show"
|
||||
@ -198,15 +258,25 @@
|
||||
</div>
|
||||
<div style="margin-left: 100px; text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.cardf_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24"
|
||||
width="100px" height="100px" class="t-icon t-icon-add"
|
||||
v-if="formData.cardf_image==''">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
|
||||
</svg></span>
|
||||
<img v-if="formData.cardf_image!=''" :src="$store.state.user.apiUrl+formData.cardf_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<span v-if="formData.cardf_image == ''"
|
||||
><svg
|
||||
style="font-size: 30px"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
width="100px"
|
||||
height="100px"
|
||||
class="t-icon t-icon-add"
|
||||
v-if="formData.cardf_image == ''"
|
||||
>
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.cardf_image != ''"
|
||||
:src="$store.state.user.apiUrl + formData.cardf_image"
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px;">请上传身份证背面照片</div>
|
||||
<div style="margin: 10px 0px">请上传身份证背面照片</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.cardf_image_show"
|
||||
@ -224,10 +294,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>个人简介</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 }"-->
|
||||
<!-- v-model="formData.introduction"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -250,10 +320,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>主要成就以及获奖情况</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 }"-->
|
||||
<!-- v-model="formData.achievement_award"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -296,7 +366,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style=";width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<tr align="center">
|
||||
<th>起止日期</th>
|
||||
<th>地区单位</th>
|
||||
@ -342,9 +412,12 @@
|
||||
<div style="width: 100%">
|
||||
<div style="width: 49%">
|
||||
<div>其他社会职务</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<t-textarea placeholder="其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }"
|
||||
v-model="formData.other_social_positions"/>
|
||||
<div style="margin-top: 20px">
|
||||
<t-textarea
|
||||
placeholder="其他社会职务"
|
||||
:autosize="{ minRows: 7, maxRows: 7 }"
|
||||
v-model="formData.other_social_positions"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -369,7 +442,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<thead>
|
||||
<tr align="center">
|
||||
<th>姓名</th>
|
||||
@ -392,28 +465,36 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="width: 100%">
|
||||
<t-space direction="vertical">
|
||||
<t-form layout="inline" labelAlign="top" :labelWidth="100">
|
||||
<t-form-item label="企业名称">
|
||||
<t-form-item label="企业名称" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.enterprise_name" placeholder="请输入企业名称"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="统一社会信用代码">
|
||||
<t-form-item label="统一社会信用代码" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.unified_code" placeholder="请输入统一社会信用代码"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="企业注册地">
|
||||
<t-form-item label="企业注册地" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.enterprise_location" placeholder="请输入企业注册地"/>
|
||||
</t-form-item>
|
||||
<t-form-item 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-form-item>
|
||||
<t-form-item 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-form-item>
|
||||
<t-form-item label="注册资金（万元）">
|
||||
<t-form-item label="注册资金（万元）" :requiredMark="true">
|
||||
<t-input size="large" v-model="formData.registered_capital" placeholder="注册资金（万元）"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="是否上市" name="name">
|
||||
@ -425,10 +506,13 @@
|
||||
<t-form-item label="员工人数">
|
||||
<t-input size="large" v-model="formData.employee" placeholder="请输入员工人数"/>
|
||||
</t-form-item>
|
||||
<t-form-item label="所属行业" name="name">
|
||||
<t-form-item label="所属行业" name="name" :requiredMark="true">
|
||||
<t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
|
||||
<t-option v-for="(item,index) in industry_list" :label="item.industry_name"
|
||||
:value="item.id"></t-option>
|
||||
<t-option
|
||||
v-for="(item, index) in industry_list"
|
||||
:label="item.industry_name"
|
||||
:value="item.id"
|
||||
></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="企业网址">
|
||||
@ -455,7 +539,11 @@
|
||||
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）"/>
|
||||
</t-form-item>
|
||||
<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>
|
||||
</t-space>
|
||||
@ -467,17 +555,28 @@
|
||||
<div style="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.business_license_image==''"><svg style=" font-size: 30px;" fill="none"
|
||||
viewBox="0 0 24 24" width="100px" height="100px"
|
||||
<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!=''"
|
||||
v-if="formData.business_license_image == ''"
|
||||
>
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.business_license_image != ''"
|
||||
:src="$store.state.user.apiUrl + formData.business_license_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">
|
||||
<span style="color: red; margin-right: 5px">*</span>
|
||||
<span style="color: #000;">请上传营业执照</span>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传营业执照</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.business_license_image_show"
|
||||
@ -491,15 +590,28 @@
|
||||
</div>
|
||||
<div style="margin-left: 100px; text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.company_image==''"><svg style=" font-size: 30px;" fill="none" viewBox="0 0 24 24"
|
||||
width="100px" height="100px" class="t-icon t-icon-add"
|
||||
v-if="formData.company_image==''">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path>
|
||||
</svg></span>
|
||||
<img v-if="formData.company_image!=''" :src="$store.state.user.apiUrl+formData.company_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<span v-if="formData.company_image == ''"
|
||||
><svg
|
||||
style="font-size: 30px"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
width="100px"
|
||||
height="100px"
|
||||
class="t-icon t-icon-add"
|
||||
v-if="formData.company_image == ''"
|
||||
>
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.company_image != ''"
|
||||
:src="$store.state.user.apiUrl + formData.company_image"
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">
|
||||
<span style="color: red; margin-right: 5px">*</span>
|
||||
<span style="color: #000;">请上传公司LOGO</span>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传公司LOGO</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.company_image_show"
|
||||
@ -517,10 +629,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>公司介绍</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 }"-->
|
||||
<!-- v-model="formData.enterprise_Introduction"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -543,10 +655,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>主营业务介绍</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 }"-->
|
||||
<!-- v-model="formData.introdiction"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -571,10 +683,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>企业所获荣誉以及专利</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 }"-->
|
||||
<!-- v-model="formData.enterprise_honor"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -597,10 +709,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>其他企业任职情况</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 }"-->
|
||||
<!-- v-model="formData.qitaqiyerenzhiqingkuang"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -625,10 +737,10 @@
|
||||
<div style="width: 49%">
|
||||
<div>企业履行社会责任情况</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 }"-->
|
||||
<!-- v-model="formData.enterprise_lvxingzeren"/>-->
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -651,7 +763,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="padding: 30px 0px">
|
||||
<t-space direction="vertical">
|
||||
@ -666,11 +778,14 @@
|
||||
<div v-if="formData.if_organization == 0">
|
||||
<div style="display: flex">
|
||||
<div>
|
||||
<t-form labelAlign="top"
|
||||
layout="inline">
|
||||
<t-form labelAlign="top" layout="inline">
|
||||
<t-form-item label="团组织性质" name="nature">
|
||||
<t-select size="large" v-model="formData.nature" placeholder="团组织性质"
|
||||
:style="{ width: '200px' }">
|
||||
<t-select
|
||||
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>
|
||||
@ -687,8 +802,7 @@
|
||||
<!-- <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
|
||||
<!-- </t-form-item>-->
|
||||
</t-form>
|
||||
<t-form labelAlign="top"
|
||||
layout="inline" style="margin-top: 10px">
|
||||
<t-form labelAlign="top" layout="inline" style="margin-top: 10px">
|
||||
<t-form-item label="青年人数" name="youth_number">
|
||||
<t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
|
||||
</t-form-item>
|
||||
@ -700,15 +814,23 @@
|
||||
<div>
|
||||
<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"
|
||||
<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!=''"
|
||||
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;">
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传批复文件</div>
|
||||
<t-upload
|
||||
@ -751,7 +873,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<thead>
|
||||
<tr align="center">
|
||||
<th>姓名</th>
|
||||
@ -807,18 +929,25 @@
|
||||
:fixedNumber="[1, 1]"
|
||||
></vue-cropper>
|
||||
</div>
|
||||
<div class="show-preview"
|
||||
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}">
|
||||
<div
|
||||
class="show-preview"
|
||||
:style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
|
||||
>
|
||||
<div :style="previews.div" class="preview">
|
||||
<img :src="previews.url" :style="previews.img">
|
||||
<img :src="previews.url" :style="previews.img"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-btn">
|
||||
<div class="scope-btn">
|
||||
<label class="btn" for="uploads">上传图片</label>
|
||||
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);"
|
||||
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)">
|
||||
<input
|
||||
type="file"
|
||||
id="uploads"
|
||||
style="position: absolute; clip: rect(0 0 0 0)"
|
||||
accept="image/png, image/jpeg, image/gif, image/jpg"
|
||||
@change="uploadImg($event, 1)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</t-dialog>
|
||||
@ -830,11 +959,13 @@ import {Editor, Toolbar} from '@wangeditor/editor-for-vue';
|
||||
import store from '@/store';
|
||||
import {VueCropper} from 'vue-cropper';
|
||||
import axios from 'axios';
|
||||
import {CheckCircleIcon, LockOnIcon, UserIcon} from "tdesign-icons-vue";
|
||||
import {CheckCircleIcon, LockOnIcon, UserIcon} from 'tdesign-icons-vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
VueCropper,Editor, Toolbar
|
||||
VueCropper,
|
||||
Editor,
|
||||
Toolbar,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -858,7 +989,7 @@ export default {
|
||||
'insertLink', // 删除链接
|
||||
'insertTable', // 删除表格
|
||||
'codeBlock', // 删除代码块
|
||||
]
|
||||
],
|
||||
},
|
||||
editorConfig: {
|
||||
placeholder: '',
|
||||
@ -900,6 +1031,7 @@ export default {
|
||||
source_channel: '',
|
||||
region_id: null,
|
||||
recommendation_id: '',
|
||||
recommendation_name:'',
|
||||
position_id: null,
|
||||
industry_id: null,
|
||||
phone: '',
|
||||
@ -962,7 +1094,7 @@ export default {
|
||||
openid: '',
|
||||
work_experience: '',
|
||||
main_social_positions: '',
|
||||
reporting_method: '3',
|
||||
reporting_method: 3,
|
||||
recommendation_content: '',
|
||||
recommended_cities: '',
|
||||
longitude: '',
|
||||
@ -973,27 +1105,44 @@ export default {
|
||||
plan_list: [],
|
||||
member_list: [],
|
||||
region_list: [],
|
||||
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
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.openid = this.$route.query.openid;
|
||||
this.getIndustry();
|
||||
//this.getMemberList();
|
||||
this.getRegion();
|
||||
this.getInfo();
|
||||
this.getUserList();
|
||||
},
|
||||
methods: {
|
||||
getMemberInfo(d) {
|
||||
var index = this.member_list.findIndex(item => item.id == d.id);
|
||||
this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
|
||||
},
|
||||
getUserList() {
|
||||
if (typeof (this.$route.query.recommendation_id) != 'undefined') {
|
||||
this.formData.reporting_method = 2;
|
||||
} else {
|
||||
this.member_list = [];
|
||||
return false;
|
||||
}
|
||||
var recommendation_id = this.$route.query.recommendation_id;
|
||||
this.$request
|
||||
.post('/move/member/getrecommendationSelect', {openid: this.$route.query.openid})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
this.member_list = res.data;
|
||||
var index = res.data.findIndex(item => item.id == recommendation_id);
|
||||
this.formData.recommendation_content = this.member_list[index].work_unit + this.member_list[index].unit_position;
|
||||
this.formData.recommendation_id = this.member_list[index].id;
|
||||
this.formData.recommendation_name = this.member_list[index].nikename;
|
||||
})
|
||||
.catch((e) => {
|
||||
console.log(e);
|
||||
});
|
||||
},
|
||||
onChange(value, context) {
|
||||
this.work.time = value[0] + '至' + value[1];
|
||||
},
|
||||
@ -1094,46 +1243,47 @@ export default {
|
||||
uploadImg(e, num) {
|
||||
// 上传图片
|
||||
// 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)) {
|
||||
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种')
|
||||
return false
|
||||
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种');
|
||||
return false;
|
||||
}
|
||||
const reader = new FileReader()
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
let data
|
||||
let data;
|
||||
if (typeof e.target.result === 'object') {
|
||||
// 把Array Buffer转化为blob 如果是base64不需要
|
||||
data = window.URL.createObjectURL(new Blob([e.target.result]))
|
||||
data = window.URL.createObjectURL(new Blob([e.target.result]));
|
||||
} else {
|
||||
data = e.target.result
|
||||
data = e.target.result;
|
||||
}
|
||||
if (num === 1) {
|
||||
this.caiImg = data
|
||||
this.caiImg = data;
|
||||
} else if (num === 2) {
|
||||
this.example2.img = data
|
||||
}
|
||||
this.example2.img = data;
|
||||
}
|
||||
};
|
||||
// 转化为base64
|
||||
// reader.readAsDataURL(file)
|
||||
// 转化为blob
|
||||
reader.readAsArrayBuffer(file)
|
||||
reader.readAsArrayBuffer(file);
|
||||
},
|
||||
onSubmit() {
|
||||
this.$refs.cropper.getCropBlob(data => {
|
||||
this.$refs.cropper.getCropBlob((data) => {
|
||||
// do something
|
||||
console.log(data)
|
||||
console.log(data);
|
||||
console.log(this.caiImg);
|
||||
const formData = new FormData();
|
||||
formData.append('file', data, 'image.jpg');
|
||||
formData.append('association_id', 1);
|
||||
console.log(formData);
|
||||
axios.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
|
||||
axios
|
||||
.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
'Content-Type': 'multipart/form-data',
|
||||
},
|
||||
})
|
||||
.then(response => {
|
||||
.then((response) => {
|
||||
console.log(response);
|
||||
const {data} = response;
|
||||
if (data.code == 1) {
|
||||
@ -1147,19 +1297,19 @@ export default {
|
||||
this.$message.error('图片上传失败！');
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
console.error('文件上传失败', error);
|
||||
});
|
||||
})
|
||||
});
|
||||
},
|
||||
onCloseMy() {
|
||||
this.caiMode = false;
|
||||
},
|
||||
realTime(data) {
|
||||
this.previews = data
|
||||
this.previews = data;
|
||||
},
|
||||
imgLoad(msg) {
|
||||
console.log(msg)
|
||||
console.log(msg);
|
||||
},
|
||||
openCai() {
|
||||
this.caiImg = store.state.user.apiUrl + this.formData.photo_image;
|
||||
@ -1168,7 +1318,7 @@ export default {
|
||||
},
|
||||
getInfo() {
|
||||
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) => {
|
||||
console.log(res);
|
||||
if (res.code == 0) {
|
||||
@ -1203,7 +1353,8 @@ export default {
|
||||
this.formData.cardz_image = res.data.cardz_image == null ? '' : res.data.cardz_image;
|
||||
this.formData.photo_image = res.data.photo_image == null ? '' : res.data.photo_image;
|
||||
this.formData.company_image = res.data.company_image == null ? '' : res.data.company_image;
|
||||
this.formData.business_license_image = res.data.business_license_image == null ? '' : res.data.business_license_image;
|
||||
this.formData.business_license_image =
|
||||
res.data.business_license_image == null ? '' : res.data.business_license_image;
|
||||
this.formData.unified_code = res.data.unified_code;
|
||||
this.formData.enterprise_nature = res.data.enterprise_nature;
|
||||
this.formData.enterprise_website = res.data.enterprise_website;
|
||||
@ -1231,9 +1382,10 @@ export default {
|
||||
this.formData.main_social_positions = res.data.main_social_positions;
|
||||
|
||||
this.formData.work_experience = res.data.work_experience;
|
||||
if (res.data.reporting_method != null) {
|
||||
this.formData.reporting_method = res.data.reporting_method;
|
||||
}
|
||||
this.formData.recommendation_content = res.data.recommendation_content;
|
||||
this.formData.recommendation_id = res.data.recommendation_id == 0 ? '' : res.data.recommendation_id;
|
||||
this.formData.documents_file = res.data.documents_file;
|
||||
if (res.data.documents_file == '') {
|
||||
this.formData.documents_file_show = [];
|
||||
@ -1258,8 +1410,6 @@ export default {
|
||||
this.social_duties = res.data.main_social_positions.split(',');
|
||||
this.contactsList = JSON.parse(res.data.other_contacts);
|
||||
this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi);
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
@ -1268,7 +1418,7 @@ export default {
|
||||
},
|
||||
getRegion() {
|
||||
this.$request
|
||||
.post("/region")
|
||||
.post('/region')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1279,22 +1429,9 @@ export default {
|
||||
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() {
|
||||
this.$request
|
||||
.post("/move/industry/index", {association_id: 1})
|
||||
.post('/move/industry/index', {association_id: 1})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1306,21 +1443,9 @@ export default {
|
||||
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) {
|
||||
console.log(res);
|
||||
|
||||
if (type == 0) {
|
||||
this.formData.photo_image = res.data.url;
|
||||
} else if (type == 1) {
|
||||
@ -1337,7 +1462,7 @@ export default {
|
||||
return {url: res.data.fullurl};
|
||||
},
|
||||
submit() {
|
||||
|
||||
console.log(this.formData)
|
||||
if (this.formData.nikename == '') {
|
||||
this.$message.error('请输入姓名！');
|
||||
return;
|
||||
@ -1370,8 +1495,16 @@ export default {
|
||||
this.$message.error('请输入身份证号码！');
|
||||
return;
|
||||
}
|
||||
if (this.formData.jiguan == '') {
|
||||
this.$message.error('请输入籍贯！');
|
||||
if (this.formData.work_unit == '') {
|
||||
this.$message.error('请输入工作单位！');
|
||||
return;
|
||||
}
|
||||
if (this.formData.unit_position == '') {
|
||||
this.$message.error('请输入单位职务！');
|
||||
return;
|
||||
}
|
||||
if (this.formData.mail_address == '') {
|
||||
this.$message.error('请输入通讯地址！');
|
||||
return;
|
||||
}
|
||||
if (this.formData.business_license_image == '') {
|
||||
@ -1440,14 +1573,15 @@ export default {
|
||||
}
|
||||
if (this.social_duties.length > 0) {
|
||||
const splitAndJoin = this.social_duties
|
||||
.map(item => item.split(','))
|
||||
.map((item) => item.split(','))
|
||||
.flat()
|
||||
.filter(item => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
|
||||
.filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
|
||||
.join(',');
|
||||
this.formData.main_social_positions = splitAndJoin;
|
||||
}
|
||||
|
||||
this.$request
|
||||
.post("/move/temporary_token/shenqing", this.formData)
|
||||
.post('/move/temporary_token/shenqing', this.formData)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1486,16 +1620,15 @@ export default {
|
||||
this.editorLX = Object.seal(editor);
|
||||
},
|
||||
customPaste(editor, event, callback) {
|
||||
console.log('ClipboardEvent 粘贴事件对象', event)
|
||||
var text = event.clipboardData.getData('text/plain')
|
||||
console.log('ClipboardEvent 粘贴事件对象', event);
|
||||
var text = event.clipboardData.getData('text/plain');
|
||||
text = text.replace(/\s+/g, '');
|
||||
editor.insertText(text)
|
||||
event.preventDefault()
|
||||
callback(false)
|
||||
editor.insertText(text);
|
||||
event.preventDefault();
|
||||
callback(false);
|
||||
// 返回 true ，继续默认的粘贴行为
|
||||
},
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
||||
@ -1600,8 +1733,8 @@ export default {
|
||||
box-sizing: border-box;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
-webkit-transition: .1s;
|
||||
transition: .1s;
|
||||
-webkit-transition: 0.1s;
|
||||
transition: 0.1s;
|
||||
font-weight: 500;
|
||||
padding: 8px 15px;
|
||||
font-size: 12px;
|
||||
@ -1622,9 +1755,10 @@ export default {
|
||||
}
|
||||
|
||||
.sfz:hover {
|
||||
color: #409EFF;
|
||||
border: 1px dashed #409EFF;
|
||||
color: #409eff;
|
||||
border: 1px dashed #409eff;
|
||||
}
|
||||
|
||||
.w-e-full-screen-container {
|
||||
z-index: 1024;
|
||||
}
|
||||
|
||||
271
src/pages/tweets/detail.vue
Normal file
271
src/pages/tweets/detail.vue
Normal file
@ -0,0 +1,271 @@
|
||||
<template>
|
||||
<t-card title="青企圈详情" :bordered="false">
|
||||
<template #actions>
|
||||
<t-button theme="default" @click="goBack">返回列表</t-button>
|
||||
</template>
|
||||
<div v-if="loading" class="loading-container">
|
||||
<t-loading />
|
||||
</div>
|
||||
<div v-else class="tweet-detail-container">
|
||||
<div class="tweet-header">
|
||||
<h2 class="tweet-title">{{ detail.title }}</h2>
|
||||
<div class="tweet-meta">
|
||||
<span class="author">发布者: {{ detail.member?.nikename || '未知' }}</span>
|
||||
<span class="time">发布时间: {{ detail.createtime }}</span>
|
||||
<t-tag v-if="detail.is_top > 0" theme="warning">置顶</t-tag>
|
||||
<t-tag v-if="detail.status == 1" theme="warning">待审核</t-tag>
|
||||
<t-tag v-if="detail.status == 2" theme="success">已通过</t-tag>
|
||||
<t-tag v-if="detail.status == 3" theme="danger">已拒绝</t-tag>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tweet-content">
|
||||
{{ detail.content }}
|
||||
</div>
|
||||
|
||||
<div class="tweet-images" v-if="detail.files && detail.files.length > 0">
|
||||
<h3>图片附件</h3>
|
||||
<t-image-viewer v-model="visible" :images="detail.files">
|
||||
<template #trigger="{ open }">
|
||||
<div class="image-grid">
|
||||
<div
|
||||
v-for="(image, index) in detail.files"
|
||||
:key="index"
|
||||
class="image-item"
|
||||
@click="open"
|
||||
>
|
||||
<img :src="image" :alt="`附件图片${index+1}`" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</t-image-viewer>
|
||||
</div>
|
||||
|
||||
<div class="tweet-actions" v-if="detail.status == 1">
|
||||
<t-space>
|
||||
<t-popconfirm content="确定要审核通过吗？" @confirm="review(1)">
|
||||
<t-button theme="primary">通过</t-button>
|
||||
</t-popconfirm>
|
||||
<t-popconfirm theme="danger" @confirm="review(2)">
|
||||
<template #content>
|
||||
<p class="title">拒绝理由</p>
|
||||
<p class="describe" style="margin-top: 10px">
|
||||
<t-input v-model="reason" placeholder="请输入拒绝理由"/>
|
||||
</p>
|
||||
</template>
|
||||
<t-button theme="warning">拒绝</t-button>
|
||||
</t-popconfirm>
|
||||
</t-space>
|
||||
</div>
|
||||
|
||||
<div class="tweet-actions">
|
||||
<t-space>
|
||||
<t-button v-if="detail.is_top == 0" theme="success" @click="topNews">置顶</t-button>
|
||||
<t-button v-else theme="warning" @click="topNews">取消置顶</t-button>
|
||||
<t-popconfirm content="确认删除吗？" @confirm="del">
|
||||
<t-button theme="danger">删除</t-button>
|
||||
</t-popconfirm>
|
||||
</t-space>
|
||||
</div>
|
||||
</div>
|
||||
</t-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import store from "@/store";
|
||||
|
||||
interface StoreState {
|
||||
user: {
|
||||
apiUrl: string;
|
||||
};
|
||||
}
|
||||
|
||||
export default {
|
||||
name: 'TweetDetail',
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
id: null,
|
||||
detail: {},
|
||||
visible: false,
|
||||
reason: '',
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.id = this.$route.params.id || this.$route.query.id;
|
||||
if (!this.id) {
|
||||
this.$message.error('参数错误，未找到对应的青企圈信息');
|
||||
this.goBack();
|
||||
return;
|
||||
}
|
||||
this.getDetail();
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
this.$router.push('/tweets/index');
|
||||
},
|
||||
getDetail() {
|
||||
this.loading = true;
|
||||
this.$request
|
||||
.post('/tweets/detail', { id: this.id })
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
let detail = res.data;
|
||||
// 处理图片URL
|
||||
const apiUrl = (store.state as unknown as StoreState).user.apiUrl;
|
||||
if (detail.files && detail.files.length > 0) {
|
||||
detail.files = detail.files.map(file => apiUrl + file);
|
||||
} else {
|
||||
detail.files = [];
|
||||
}
|
||||
this.detail = detail;
|
||||
} else {
|
||||
this.$message.error(res.msg || '获取详情失败');
|
||||
setTimeout(() => {
|
||||
this.goBack();
|
||||
}, 1500);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('获取详情失败');
|
||||
})
|
||||
.finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
topNews() {
|
||||
this.$request
|
||||
.post('/tweets/pin', { id: this.id })
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$message.success(this.detail.is_top > 0 ? '取消置顶成功' : '置顶成功');
|
||||
this.getDetail();
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('操作失败');
|
||||
});
|
||||
},
|
||||
review(type) {
|
||||
this.$request
|
||||
.post('/tweets/review', {
|
||||
id: this.id,
|
||||
status: type,
|
||||
reason: this.reason,
|
||||
member_id: this.detail.member_id
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$message.success(res.msg || '审核操作成功');
|
||||
this.getDetail();
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('审核操作失败');
|
||||
});
|
||||
},
|
||||
del() {
|
||||
this.$request
|
||||
.post('/tweets/destroy', { id: this.id })
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$message.success('删除成功！');
|
||||
this.goBack();
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('删除失败');
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.loading-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.tweet-detail-container {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.tweet-header {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.tweet-title {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tweet-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tweet-content {
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.tweet-images {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.tweet-images h3 {
|
||||
margin-bottom: 15px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.image-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image-item {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
overflow: hidden;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.image-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.image-item:hover img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.tweet-actions {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
@ -25,7 +25,7 @@
|
||||
<!-- <a v-for="item in row.files" :href="$store.state.user.apiUrl+item" target="_blank">-->
|
||||
<!-- <img :src="$store.state.user.apiUrl+item" style="width: 100px;margin-right: 10px"/>-->
|
||||
<!-- </a>-->
|
||||
<t-image-viewer v-model="visible[rowIndex]" :images="row.files" @close="delViewer(index)">
|
||||
<t-image-viewer v-model="visible[rowIndex]" :images="row.files" @close="delViewer(rowIndex)">
|
||||
<template #trigger="{ open }">
|
||||
<div @click="open" style="cursor: pointer" v-if="row.files.length>0">
|
||||
<img alt="test" :src="row.files[0]" style="width: 200px"/>
|
||||
@ -40,8 +40,9 @@
|
||||
</template>
|
||||
<template #select="{ row }">
|
||||
<t-space :size="0">
|
||||
<t-button theme="primary" @click="viewDetail(row)" style="margin-right: 10px">详情</t-button>
|
||||
<t-popconfirm v-if="row.status==1" content="确定要审核通过吗？" @confirm="review(row,1)">
|
||||
<t-button theme="primary">通过</t-button>
|
||||
<t-button theme="success">通过</t-button>
|
||||
</t-popconfirm>
|
||||
<t-popconfirm v-if="row.status==1" theme="danger" @confirm="review(row,2)">
|
||||
<template slot="content">
|
||||
@ -67,6 +68,50 @@
|
||||
></t-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 添加详情弹窗 -->
|
||||
<t-dialog
|
||||
:visible.sync="detailVisible"
|
||||
header="青企圈详情"
|
||||
:width="800"
|
||||
:footer="false"
|
||||
>
|
||||
<div v-if="detailLoading" class="loading-container">
|
||||
<t-loading />
|
||||
</div>
|
||||
<div v-else class="tweet-detail-container">
|
||||
<div class="tweet-header">
|
||||
<div class="tweet-meta">
|
||||
<span class="author">发布者: {{ detailInfo.member?.nikename || '未知' }}</span>
|
||||
<span class="time">发布时间: {{ detailInfo.createtime }}</span>
|
||||
<t-tag v-if="detailInfo.is_top > 0" theme="warning">置顶</t-tag>
|
||||
<t-tag v-if="detailInfo.status == 1" theme="warning">待审核</t-tag>
|
||||
<t-tag v-if="detailInfo.status == 2" theme="success">已通过</t-tag>
|
||||
<t-tag v-if="detailInfo.status == 3" theme="danger">已拒绝</t-tag>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tweet-content" v-html="detailInfo.content"></div>
|
||||
|
||||
<div class="tweet-images" v-if="detailInfo.files && detailInfo.files.length > 0">
|
||||
<h3>图片附件</h3>
|
||||
<t-image-viewer v-model="detailImageVisible" :images="detailInfo.files">
|
||||
<template #trigger="{ open }">
|
||||
<div class="image-grid">
|
||||
<div
|
||||
v-for="(image, index) in detailInfo.files"
|
||||
:key="index"
|
||||
class="image-item"
|
||||
@click="open"
|
||||
>
|
||||
<img :src="image" :alt="`附件图片${index+1}`" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</t-image-viewer>
|
||||
</div>
|
||||
</div>
|
||||
</t-dialog>
|
||||
</t-card>
|
||||
|
||||
</template>
|
||||
@ -74,6 +119,14 @@
|
||||
import store from "@/store";
|
||||
import {toInteger} from "lodash";
|
||||
|
||||
// 添加类型声明
|
||||
interface StoreState {
|
||||
user: {
|
||||
association: any;
|
||||
apiUrl: string;
|
||||
};
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -81,6 +134,13 @@ export default {
|
||||
state: 2,
|
||||
list: [],
|
||||
reason:'',
|
||||
association: null,
|
||||
// 详情弹窗相关
|
||||
detailVisible: false,
|
||||
detailLoading: false,
|
||||
detailInfo: {},
|
||||
detailImageVisible: false,
|
||||
currentDetailId: null,
|
||||
columns: [
|
||||
{colKey: 'title', title: '标题', align: 'center'},
|
||||
{colKey: 'content', title: '内容', align: 'center'},
|
||||
@ -109,13 +169,14 @@ export default {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
delViewer(d){
|
||||
console.log(d);
|
||||
delViewer(rowIndex){
|
||||
console.log(rowIndex);
|
||||
},
|
||||
tabIndexChange(index){
|
||||
this.state=index;
|
||||
this.pagination.page=1;
|
||||
this.getList();
|
||||
viewDetail(row) {
|
||||
// 修改为打开弹窗而不是导航
|
||||
this.currentDetailId = row.id;
|
||||
this.detailVisible = true;
|
||||
this.detailInfo = row;
|
||||
},
|
||||
topNews(row){
|
||||
console.log(row);
|
||||
@ -180,7 +241,7 @@ export default {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
var list = res.data.paginator.data;
|
||||
const apiUrl = store.state.user.apiUrl; // 假设这是你的 API URL
|
||||
const apiUrl = (store.state as unknown as StoreState).user.apiUrl;
|
||||
const transformedSelectList = list.map(item => ({
|
||||
...item, // 保留其他所有属性
|
||||
files: item.files.length > 0 ? item.files.map(file => apiUrl + file) : []
|
||||
@ -196,6 +257,136 @@ export default {
|
||||
console.log(e);
|
||||
});
|
||||
},
|
||||
topNewsDetail() {
|
||||
this.$request
|
||||
.post('/tweets/pin', { id: this.currentDetailId })
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$message.success(this.detailInfo.is_top > 0 ? '取消置顶成功' : '置顶成功');
|
||||
this.getDetailInfo(); // 刷新详情
|
||||
this.getList(); // 刷新列表
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('操作失败');
|
||||
});
|
||||
},
|
||||
reviewDetail(type) {
|
||||
this.$request
|
||||
.post('/tweets/review', {
|
||||
id: this.currentDetailId,
|
||||
status: type,
|
||||
reason: this.reason,
|
||||
member_id: this.detailInfo.member_id
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$message.success(res.msg || '审核操作成功');
|
||||
this.detailVisible = false; // 关闭弹窗
|
||||
this.getList(); // 刷新列表
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('审核操作失败');
|
||||
});
|
||||
},
|
||||
delDetail() {
|
||||
this.$request
|
||||
.post('/tweets/destroy', { id: this.currentDetailId })
|
||||
.then((res) => {
|
||||
if (res.code == 1) {
|
||||
this.$message.success('删除成功！');
|
||||
this.detailVisible = false; // 关闭弹窗
|
||||
this.getList(); // 刷新列表
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
this.$message.error('删除失败');
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* 详情弹窗样式 */
|
||||
.loading-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.tweet-detail-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tweet-header {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.tweet-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tweet-content {
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.tweet-images {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.tweet-images h3 {
|
||||
margin-bottom: 15px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.image-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image-item {
|
||||
width: 120px;
|
||||
overflow: hidden;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.image-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.image-item:hover img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.tweet-actions {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div style="padding: 20px; margin-top: 20px">
|
||||
<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="padding: 30px 0px">
|
||||
<t-form layout="inline" labelAlign="top" :labelWidth="100">
|
||||
@ -28,7 +28,12 @@
|
||||
<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.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-form-item>
|
||||
</template>
|
||||
@ -37,11 +42,19 @@
|
||||
<t-input size="large" v-model="formData.recommendation_id" placeholder="推荐人姓名" />
|
||||
</t-form-item>
|
||||
<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>
|
||||
</template>
|
||||
<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>
|
||||
@ -51,18 +64,37 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="width: 50%">
|
||||
<div>证件照</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div class="t-upload" @click="openCai" style="margin-top: 20px;">
|
||||
<div style="cursor: pointer;text-align: center;width: 200px;height: 200px;line-height: 200px;border: 1px dashed #999999;">
|
||||
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 200px;display: block"
|
||||
v-if="formData.photo_image!=''&&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">
|
||||
<div class="t-upload" @click="openCai" style="margin-top: 20px">
|
||||
<div
|
||||
style="
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
line-height: 200px;
|
||||
border: 1px dashed #999999;
|
||||
"
|
||||
>
|
||||
<img
|
||||
:src="$store.state.user.apiUrl + formData.photo_image"
|
||||
style="width: 200px; display: block"
|
||||
v-if="formData.photo_image != '' && 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>
|
||||
</svg>
|
||||
</div>
|
||||
@ -82,8 +114,18 @@
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="协会职务">
|
||||
<t-select 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
|
||||
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-form-item>
|
||||
<t-form-item label="出生年月日">
|
||||
@ -93,7 +135,12 @@
|
||||
<t-input size="large" v-model="formData.nation" placeholder="请输入民族" />
|
||||
</t-form-item>
|
||||
<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>
|
||||
@ -106,7 +153,7 @@
|
||||
<t-option value="九三学社社员" label="九三学社社员" key="九三学社社员"></t-option>
|
||||
<t-option value="台盟盟员" label="台盟盟员" key="台盟盟员"></t-option>
|
||||
<t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
|
||||
<t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
|
||||
<t-option value="群众" label="群众" key="群众"></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="身份证号码">
|
||||
@ -128,7 +175,12 @@
|
||||
<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-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>
|
||||
@ -137,7 +189,12 @@
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<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>
|
||||
@ -160,7 +217,12 @@
|
||||
<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-cascader
|
||||
size="large"
|
||||
v-model="formData.region_id"
|
||||
:options="region_list"
|
||||
:style="{ width: '200px' }"
|
||||
></t-cascader>
|
||||
</t-form-item>
|
||||
</t-form>
|
||||
</t-space>
|
||||
@ -172,14 +234,24 @@
|
||||
<div style="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="text-align: center">
|
||||
<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>
|
||||
</svg></span>
|
||||
<img v-if="formData.cardz_image!=''&&formData.cardz_image!=null" :src="$store.state.user.apiUrl+formData.cardz_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
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 style="margin: 10px 0px;">请上传身份证正面照片</div>
|
||||
<div style="margin: 10px 0px">请上传身份证正面照片</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.cardz_image_show"
|
||||
@ -193,14 +265,24 @@
|
||||
</div>
|
||||
<div style="margin-left: 100px; text-align: center">
|
||||
<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>
|
||||
</svg></span>
|
||||
<img v-if="formData.cardf_image!=''&&formData.cardf_image!=null" :src="$store.state.user.apiUrl+formData.cardf_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
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 style="margin: 10px 0px;">请上传身份证背面照片</div>
|
||||
<div style="margin: 10px 0px">请上传身份证背面照片</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.cardf_image_show"
|
||||
@ -218,8 +300,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>个人简介</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -242,8 +324,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>主要成就以及获奖情况</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -285,7 +367,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style=";width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<tr align="center">
|
||||
<th>起止日期</th>
|
||||
<th>地区单位</th>
|
||||
@ -331,9 +413,12 @@
|
||||
<div style="width: 100%">
|
||||
<div style="width: 49%">
|
||||
<div>其他社会职务</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<t-textarea placeholder="其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }"
|
||||
v-model="formData.other_social_positions"/>
|
||||
<div style="margin-top: 20px">
|
||||
<t-textarea
|
||||
placeholder="其他社会职务"
|
||||
:autosize="{ minRows: 7, maxRows: 7 }"
|
||||
v-model="formData.other_social_positions"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -358,7 +443,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<thead>
|
||||
<tr align="center">
|
||||
<th>姓名</th>
|
||||
@ -381,7 +466,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="width: 100%">
|
||||
@ -416,8 +501,11 @@
|
||||
</t-form-item>
|
||||
<t-form-item label="所属行业" name="name">
|
||||
<t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
|
||||
<t-option v-for="(item,index) in industry_list" :label="item.industry_name"
|
||||
:value="item.id"></t-option>
|
||||
<t-option
|
||||
v-for="(item, index) in industry_list"
|
||||
:label="item.industry_name"
|
||||
:value="item.id"
|
||||
></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="企业网址">
|
||||
@ -444,7 +532,11 @@
|
||||
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）" />
|
||||
</t-form-item>
|
||||
<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>
|
||||
</t-space>
|
||||
@ -456,13 +548,22 @@
|
||||
<div style="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.business_license_image==''||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>
|
||||
</svg></span>
|
||||
<img v-if="formData.business_license_image!=''&&formData.business_license_image!=null"
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.business_license_image != '' && formData.business_license_image != null"
|
||||
:src="$store.state.user.apiUrl + formData.business_license_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传营业执照</div>
|
||||
<t-upload
|
||||
@ -478,12 +579,22 @@
|
||||
</div>
|
||||
<div style="margin-left: 100px; text-align: center">
|
||||
<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>
|
||||
</svg></span>
|
||||
<img v-if="formData.company_image!=''&&formData.company_image!=null" :src="$store.state.user.apiUrl+formData.company_image"
|
||||
style="width: 200px;max-height: 200px;">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
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 style="margin: 10px 0px">请上传公司LOGO</div>
|
||||
<t-upload
|
||||
@ -503,8 +614,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>公司介绍</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -527,8 +638,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>主营业务介绍</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -553,8 +664,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>企业所获荣誉以及专利</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -577,8 +688,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>其他企业任职情况</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -603,8 +714,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>企业履行社会责任情况</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -627,7 +738,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="padding: 30px 0px">
|
||||
<t-space direction="vertical">
|
||||
@ -642,11 +753,14 @@
|
||||
<div v-if="formData.if_organization == 0">
|
||||
<div style="display: flex">
|
||||
<div>
|
||||
<t-form labelAlign="top"
|
||||
layout="inline">
|
||||
<t-form labelAlign="top" layout="inline">
|
||||
<t-form-item label="团组织性质" name="nature">
|
||||
<t-select size="large" v-model="formData.nature" placeholder="团组织性质"
|
||||
:style="{ width: '200px' }">
|
||||
<t-select
|
||||
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>
|
||||
@ -663,8 +777,7 @@
|
||||
<!-- <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
|
||||
<!-- </t-form-item>-->
|
||||
</t-form>
|
||||
<t-form labelAlign="top"
|
||||
layout="inline" style="margin-top: 10px">
|
||||
<t-form labelAlign="top" layout="inline" style="margin-top: 10px">
|
||||
<t-form-item label="青年人数" name="youth_number">
|
||||
<t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
|
||||
</t-form-item>
|
||||
@ -676,15 +789,22 @@
|
||||
<div>
|
||||
<div style="text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.documents_file==''||formData.documents_file==null"><svg style=" font-size: 30px;" fill="none"
|
||||
viewBox="0 0 24 24" width="100px" height="100px"
|
||||
<span v-if="formData.documents_file == '' || formData.documents_file == 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>
|
||||
</svg></span>
|
||||
<img v-if="formData.documents_file!=''&&formData.documents_file!=null"
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.documents_file != '' && formData.documents_file != null"
|
||||
:src="$store.state.user.apiUrl + formData.documents_file"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传批复文件</div>
|
||||
<t-upload
|
||||
@ -727,7 +847,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<thead>
|
||||
<tr align="center">
|
||||
<th>姓名</th>
|
||||
@ -782,18 +902,25 @@
|
||||
:fixedNumber="[1, 1]"
|
||||
></vue-cropper>
|
||||
</div>
|
||||
<div class="show-preview"
|
||||
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}">
|
||||
<div
|
||||
class="show-preview"
|
||||
:style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
|
||||
>
|
||||
<div :style="previews.div" class="preview">
|
||||
<img :src="previews.url" :style="previews.img">
|
||||
<img :src="previews.url" :style="previews.img" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-btn">
|
||||
<div class="scope-btn">
|
||||
<label class="btn" for="uploads">上传图片</label>
|
||||
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);"
|
||||
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)">
|
||||
<input
|
||||
type="file"
|
||||
id="uploads"
|
||||
style="position: absolute; clip: rect(0 0 0 0)"
|
||||
accept="image/png, image/jpeg, image/gif, image/jpg"
|
||||
@change="uploadImg($event, 1)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</t-dialog>
|
||||
@ -814,7 +941,8 @@ export default {
|
||||
CheckCircleIcon,
|
||||
UserIcon,
|
||||
LockOnIcon,
|
||||
Editor, Toolbar
|
||||
Editor,
|
||||
Toolbar,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -838,7 +966,7 @@ export default {
|
||||
'insertLink', // 删除链接
|
||||
'insertTable', // 删除表格
|
||||
'codeBlock', // 删除代码块
|
||||
]
|
||||
],
|
||||
},
|
||||
editorConfig: {
|
||||
placeholder: '',
|
||||
@ -949,11 +1077,11 @@ export default {
|
||||
info: '',
|
||||
plan_list: [],
|
||||
region_list: [],
|
||||
industry_list: []
|
||||
industry_list: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
if (typeof (store.state.user.association) === 'object') {
|
||||
if (typeof store.state.user.association === 'object') {
|
||||
this.association = store.state.user.association;
|
||||
} else {
|
||||
this.association = JSON.parse(store.state.user.association);
|
||||
@ -1053,20 +1181,21 @@ export default {
|
||||
this.contactsList.splice(index, 1);
|
||||
},
|
||||
onSubmit() {
|
||||
this.$refs.cropper.getCropBlob(data => {
|
||||
this.$refs.cropper.getCropBlob((data) => {
|
||||
// do something
|
||||
console.log(data)
|
||||
console.log(data);
|
||||
console.log(this.caiImg);
|
||||
const formData = new FormData();
|
||||
formData.append('file', data, 'image.jpg');
|
||||
formData.append('association_id', this.association.association_id);
|
||||
console.log(formData);
|
||||
axios.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
|
||||
axios
|
||||
.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
'Content-Type': 'multipart/form-data',
|
||||
},
|
||||
})
|
||||
.then(response => {
|
||||
.then((response) => {
|
||||
console.log(response);
|
||||
const { data } = response;
|
||||
if (data.code == 1) {
|
||||
@ -1080,10 +1209,10 @@ export default {
|
||||
this.$message.error('图片上传失败！');
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
console.error('文件上传失败', error);
|
||||
});
|
||||
})
|
||||
});
|
||||
},
|
||||
onCloseMy() {
|
||||
this.caiMode = false;
|
||||
@ -1093,39 +1222,39 @@ export default {
|
||||
this.caiMode = true;
|
||||
},
|
||||
realTime(data) {
|
||||
this.previews = data
|
||||
this.previews = data;
|
||||
},
|
||||
uploadImg(e, num) {
|
||||
// 上传图片
|
||||
// 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)) {
|
||||
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种')
|
||||
return false
|
||||
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种');
|
||||
return false;
|
||||
}
|
||||
const reader = new FileReader()
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
let data
|
||||
let data;
|
||||
if (typeof e.target.result === 'object') {
|
||||
// 把Array Buffer转化为blob 如果是base64不需要
|
||||
data = window.URL.createObjectURL(new Blob([e.target.result]))
|
||||
data = window.URL.createObjectURL(new Blob([e.target.result]));
|
||||
} else {
|
||||
data = e.target.result
|
||||
data = e.target.result;
|
||||
}
|
||||
if (num === 1) {
|
||||
this.caiImg = data
|
||||
this.caiImg = data;
|
||||
} else if (num === 2) {
|
||||
this.example2.img = data
|
||||
}
|
||||
this.example2.img = data;
|
||||
}
|
||||
};
|
||||
// 转化为base64
|
||||
// reader.readAsDataURL(file)
|
||||
// 转化为blob
|
||||
reader.readAsArrayBuffer(file)
|
||||
reader.readAsArrayBuffer(file);
|
||||
},
|
||||
getMemberList() {
|
||||
this.$request
|
||||
.post("/move/association/memberList")
|
||||
.post('/move/association/memberList')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1137,7 +1266,7 @@ export default {
|
||||
});
|
||||
},
|
||||
imgLoad(msg) {
|
||||
console.log(msg)
|
||||
console.log(msg);
|
||||
},
|
||||
formatResponse(res, type) {
|
||||
console.log(res);
|
||||
@ -1159,7 +1288,7 @@ export default {
|
||||
},
|
||||
getRegion() {
|
||||
this.$request
|
||||
.post("/region")
|
||||
.post('/region')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1172,7 +1301,7 @@ export default {
|
||||
},
|
||||
getIndustry() {
|
||||
this.$request
|
||||
.post("/industry")
|
||||
.post('/industry')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1186,7 +1315,7 @@ export default {
|
||||
},
|
||||
getPlan() {
|
||||
this.$request
|
||||
.post("/position")
|
||||
.post('/position')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1321,7 +1450,6 @@ export default {
|
||||
// }
|
||||
this.formData.member_id = this.id;
|
||||
if (this.workList.length > 0) {
|
||||
|
||||
this.formData.work_experience = JSON.stringify(this.workList);
|
||||
}
|
||||
if (this.contactsList.length > 0) {
|
||||
@ -1332,21 +1460,24 @@ export default {
|
||||
}
|
||||
if (this.social_duties.length > 0) {
|
||||
const splitAndJoin = this.social_duties
|
||||
.map(item => item.split(','))
|
||||
.map((item) => item.split(','))
|
||||
.flat()
|
||||
.filter(item => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
|
||||
.filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
|
||||
.join(',');
|
||||
this.formData.main_social_positions = splitAndJoin;
|
||||
}
|
||||
this.$request
|
||||
.post("/member/add", this.formData)
|
||||
.post('/member/add', this.formData)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
this.$message.success('新增成功！');
|
||||
this.$router.push({
|
||||
this.$router.push(
|
||||
{
|
||||
path: '/user/user_index_1',
|
||||
},500);
|
||||
},
|
||||
500,
|
||||
);
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
@ -1378,16 +1509,15 @@ export default {
|
||||
this.editorLX = Object.seal(editor);
|
||||
},
|
||||
customPaste(editor, event, callback) {
|
||||
console.log('ClipboardEvent 粘贴事件对象', event)
|
||||
var text = event.clipboardData.getData('text/plain')
|
||||
console.log('ClipboardEvent 粘贴事件对象', event);
|
||||
var text = event.clipboardData.getData('text/plain');
|
||||
text = text.replace(/\s+/g, '');
|
||||
editor.insertText(text)
|
||||
event.preventDefault()
|
||||
callback(false)
|
||||
editor.insertText(text);
|
||||
event.preventDefault();
|
||||
callback(false);
|
||||
// 返回 true ，继续默认的粘贴行为
|
||||
},
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
||||
@ -1457,8 +1587,8 @@ export default {
|
||||
box-sizing: border-box;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
-webkit-transition: .1s;
|
||||
transition: .1s;
|
||||
-webkit-transition: 0.1s;
|
||||
transition: 0.1s;
|
||||
font-weight: 500;
|
||||
padding: 8px 15px;
|
||||
font-size: 12px;
|
||||
@ -1480,6 +1610,6 @@ export default {
|
||||
}
|
||||
|
||||
.sfz:hover {
|
||||
border: 1px dashed #409EFF;
|
||||
border: 1px dashed #409eff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div style="padding: 20px; margin-top: 20px">
|
||||
<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="padding: 30px 0px">
|
||||
<t-form layout="inline" labelAlign="top" :labelWidth="100">
|
||||
@ -28,20 +28,42 @@
|
||||
<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.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-form-item>
|
||||
</template>
|
||||
<template v-if="formData.reporting_method == 2">
|
||||
<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 label="推荐人单位名称及职务">
|
||||
<t-input size="large" v-model="formData.recommendation_content" placeholder="推荐人单位名称及职务"/>
|
||||
<t-input
|
||||
size="large"
|
||||
v-model="formData.recommendation_content"
|
||||
placeholder="推荐人单位名称及职务"
|
||||
/>
|
||||
</t-form-item>
|
||||
</template>
|
||||
<t-form-item label="意向协会职务">
|
||||
<t-select size="large" 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>
|
||||
@ -51,18 +73,37 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="width: 50%">
|
||||
<div>证件照</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div class="t-upload" @click="openCai" style="margin-top: 20px;">
|
||||
<div style="cursor: pointer;text-align: center;width: 200px;height: 200px;line-height: 200px;border: 1px dashed #999999;">
|
||||
<img :src="$store.state.user.apiUrl+formData.photo_image" style="width: 200px;display: block"
|
||||
v-if="formData.photo_image!=''&&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">
|
||||
<div class="t-upload" @click="openCai" style="margin-top: 20px">
|
||||
<div
|
||||
style="
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
line-height: 200px;
|
||||
border: 1px dashed #999999;
|
||||
"
|
||||
>
|
||||
<img
|
||||
:src="$store.state.user.apiUrl + formData.photo_image"
|
||||
style="width: 200px; display: block"
|
||||
v-if="formData.photo_image != '' && 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>
|
||||
</svg>
|
||||
</div>
|
||||
@ -82,8 +123,18 @@
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="协会职务">
|
||||
<t-select 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
|
||||
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-form-item>
|
||||
<t-form-item label="出生年月日">
|
||||
@ -93,7 +144,12 @@
|
||||
<t-input size="large" v-model="formData.nation" placeholder="请输入民族" />
|
||||
</t-form-item>
|
||||
<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>
|
||||
@ -106,7 +162,7 @@
|
||||
<t-option value="九三学社社员" label="九三学社社员" key="九三学社社员"></t-option>
|
||||
<t-option value="台盟盟员" label="台盟盟员" key="台盟盟员"></t-option>
|
||||
<t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
|
||||
<t-option value="无党派人士" label="无党派人士" key="无党派人士"></t-option>
|
||||
<t-option value="群众" label="群众" key="群众"></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="身份证号码">
|
||||
@ -128,7 +184,12 @@
|
||||
<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-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>
|
||||
@ -137,7 +198,12 @@
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<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>
|
||||
@ -160,7 +226,12 @@
|
||||
<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-cascader
|
||||
size="large"
|
||||
v-model="formData.region_id"
|
||||
:options="region_list"
|
||||
:style="{ width: '200px' }"
|
||||
></t-cascader>
|
||||
</t-form-item>
|
||||
</t-form>
|
||||
</t-space>
|
||||
@ -172,14 +243,24 @@
|
||||
<div style="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="text-align: center">
|
||||
<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>
|
||||
</svg></span>
|
||||
<img v-if="formData.cardz_image!=''&&formData.cardz_image!=null" :src="$store.state.user.apiUrl+formData.cardz_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
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 style="margin: 10px 0px;">请上传身份证正面照片</div>
|
||||
<div style="margin: 10px 0px">请上传身份证正面照片</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.cardz_image_show"
|
||||
@ -193,14 +274,24 @@
|
||||
</div>
|
||||
<div style="margin-left: 100px; text-align: center">
|
||||
<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>
|
||||
</svg></span>
|
||||
<img v-if="formData.cardf_image!=''&&formData.cardf_image!=null" :src="$store.state.user.apiUrl+formData.cardf_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
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 style="margin: 10px 0px;">请上传身份证背面照片</div>
|
||||
<div style="margin: 10px 0px">请上传身份证背面照片</div>
|
||||
<t-upload
|
||||
:action="$store.state.user.apiUrl + '/api/common/upload'"
|
||||
v-model="formData.cardf_image_show"
|
||||
@ -218,8 +309,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>个人简介</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -242,8 +333,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>主要成就以及获奖情况</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -285,7 +376,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style=";width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<tr align="center">
|
||||
<th>起止日期</th>
|
||||
<th>地区单位</th>
|
||||
@ -331,9 +422,12 @@
|
||||
<div style="width: 100%">
|
||||
<div style="width: 49%">
|
||||
<div>其他社会职务</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<t-textarea placeholder="其他社会职务" :autosize="{ minRows: 7, maxRows: 7 }"
|
||||
v-model="formData.other_social_positions"/>
|
||||
<div style="margin-top: 20px">
|
||||
<t-textarea
|
||||
placeholder="其他社会职务"
|
||||
:autosize="{ minRows: 7, maxRows: 7 }"
|
||||
v-model="formData.other_social_positions"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -358,7 +452,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<thead>
|
||||
<tr align="center">
|
||||
<th>姓名</th>
|
||||
@ -381,7 +475,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="width: 100%">
|
||||
@ -416,8 +510,11 @@
|
||||
</t-form-item>
|
||||
<t-form-item label="所属行业" name="name">
|
||||
<t-select size="large" v-model="formData.industry_id" :style="{ width: '200px' }">
|
||||
<t-option v-for="(item,index) in industry_list" :label="item.industry_name"
|
||||
:value="item.id"></t-option>
|
||||
<t-option
|
||||
v-for="(item, index) in industry_list"
|
||||
:label="item.industry_name"
|
||||
:value="item.id"
|
||||
></t-option>
|
||||
</t-select>
|
||||
</t-form-item>
|
||||
<t-form-item label="企业网址">
|
||||
@ -444,7 +541,11 @@
|
||||
<t-input size="large" v-model="formData.previous_profit" placeholder="上年度净利润（万元）" />
|
||||
</t-form-item>
|
||||
<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>
|
||||
</t-space>
|
||||
@ -456,13 +557,22 @@
|
||||
<div style="display: flex; justify-items: center; padding: 30px 0px">
|
||||
<div style="text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.business_license_image==''||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>
|
||||
</svg></span>
|
||||
<img v-if="formData.business_license_image!=''&&formData.business_license_image!=null"
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.business_license_image != '' && formData.business_license_image != null"
|
||||
:src="$store.state.user.apiUrl + formData.business_license_image"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传营业执照</div>
|
||||
<t-upload
|
||||
@ -478,12 +588,22 @@
|
||||
</div>
|
||||
<div style="margin-left: 100px; text-align: center">
|
||||
<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>
|
||||
</svg></span>
|
||||
<img v-if="formData.company_image!=''&&formData.company_image!=null" :src="$store.state.user.apiUrl+formData.company_image"
|
||||
style="width: 200px;max-height: 200px;">
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
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 style="margin: 10px 0px">请上传公司LOGO</div>
|
||||
<t-upload
|
||||
@ -503,8 +623,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>公司介绍</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -527,8 +647,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>主营业务介绍</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -553,8 +673,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>企业所获荣誉以及专利</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -577,8 +697,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>其他企业任职情况</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -603,8 +723,8 @@
|
||||
<div style="width: 49%">
|
||||
<div>企业履行社会责任情况</div>
|
||||
<div style="height: 1px; background-color: #999999; width: 100%; margin-top: 10px"></div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div style="border: 1px solid #ccc;">
|
||||
<div style="margin-top: 20px">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- 工具栏 -->
|
||||
<Toolbar
|
||||
style="border-bottom: 1px solid #ccc"
|
||||
@ -627,7 +747,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="padding: 30px 0px">
|
||||
<t-space direction="vertical">
|
||||
@ -642,11 +762,14 @@
|
||||
<div v-if="formData.if_organization == 0">
|
||||
<div style="display: flex">
|
||||
<div>
|
||||
<t-form labelAlign="top"
|
||||
layout="inline">
|
||||
<t-form labelAlign="top" layout="inline">
|
||||
<t-form-item label="团组织性质" name="nature">
|
||||
<t-select size="large" v-model="formData.nature" placeholder="团组织性质"
|
||||
:style="{ width: '200px' }">
|
||||
<t-select
|
||||
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>
|
||||
@ -663,8 +786,7 @@
|
||||
<!-- <t-input size="large" v-model="formData.tuanweifuzerenxinxi" placeholder="团委负责人信息"></t-input>-->
|
||||
<!-- </t-form-item>-->
|
||||
</t-form>
|
||||
<t-form labelAlign="top"
|
||||
layout="inline" style="margin-top: 10px">
|
||||
<t-form labelAlign="top" layout="inline" style="margin-top: 10px">
|
||||
<t-form-item label="青年人数" name="youth_number">
|
||||
<t-input size="large" v-model="formData.youth_number" placeholder="青年人数"></t-input>
|
||||
</t-form-item>
|
||||
@ -676,15 +798,22 @@
|
||||
<div>
|
||||
<div style="text-align: center">
|
||||
<div class="sfz">
|
||||
<span v-if="formData.documents_file==''||formData.documents_file==null"><svg style=" font-size: 30px;" fill="none"
|
||||
viewBox="0 0 24 24" width="100px" height="100px"
|
||||
<span v-if="formData.documents_file == '' || formData.documents_file == 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>
|
||||
</svg></span>
|
||||
<img v-if="formData.documents_file!=''&&formData.documents_file!=null"
|
||||
<path fill="currentColor" d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"></path></svg
|
||||
></span>
|
||||
<img
|
||||
v-if="formData.documents_file != '' && formData.documents_file != null"
|
||||
:src="$store.state.user.apiUrl + formData.documents_file"
|
||||
style="width: 100%;max-height: 200px;">
|
||||
style="width: 100%; max-height: 200px"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin: 10px 0px">请上传批复文件</div>
|
||||
<t-upload
|
||||
@ -727,7 +856,7 @@
|
||||
</t-space>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<table style="width: 100%; border-collapse: collapse;">
|
||||
<table style="width: 100%; border-collapse: collapse">
|
||||
<thead>
|
||||
<tr align="center">
|
||||
<th>姓名</th>
|
||||
@ -782,18 +911,25 @@
|
||||
:fixedNumber="[1, 1]"
|
||||
></vue-cropper>
|
||||
</div>
|
||||
<div class="show-preview"
|
||||
:style="{'width': previews.w + 'px', 'height': previews.h + 'px', 'overflow': 'hidden', 'margin': '5px'}">
|
||||
<div
|
||||
class="show-preview"
|
||||
:style="{ width: previews.w + 'px', height: previews.h + 'px', overflow: 'hidden', margin: '5px' }"
|
||||
>
|
||||
<div :style="previews.div" class="preview">
|
||||
<img :src="previews.url" :style="previews.img">
|
||||
<img :src="previews.url" :style="previews.img" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-btn">
|
||||
<div class="scope-btn">
|
||||
<label class="btn" for="uploads">上传图片</label>
|
||||
<input type="file" id="uploads" style="position:absolute; clip:rect(0 0 0 0);"
|
||||
accept="image/png, image/jpeg, image/gif, image/jpg" @change="uploadImg($event, 1)">
|
||||
<input
|
||||
type="file"
|
||||
id="uploads"
|
||||
style="position: absolute; clip: rect(0 0 0 0)"
|
||||
accept="image/png, image/jpeg, image/gif, image/jpg"
|
||||
@change="uploadImg($event, 1)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</t-dialog>
|
||||
@ -814,7 +950,8 @@ export default {
|
||||
CheckCircleIcon,
|
||||
UserIcon,
|
||||
LockOnIcon,
|
||||
Editor, Toolbar
|
||||
Editor,
|
||||
Toolbar,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -838,7 +975,7 @@ export default {
|
||||
'insertLink', // 删除链接
|
||||
'insertTable', // 删除表格
|
||||
'codeBlock', // 删除代码块
|
||||
]
|
||||
],
|
||||
},
|
||||
editorConfig: {
|
||||
placeholder: '',
|
||||
@ -879,6 +1016,7 @@ export default {
|
||||
intentional_association_position: '',
|
||||
recommended_cities: '',
|
||||
recommendation_id: '',
|
||||
recommendation_name: '',
|
||||
reporting_method: '',
|
||||
recommendation_content: '',
|
||||
phone: '',
|
||||
@ -948,24 +1086,45 @@ export default {
|
||||
info: '',
|
||||
plan_list: [],
|
||||
region_list: [],
|
||||
industry_list: []
|
||||
industry_list: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
if (typeof (store.state.user.association) === 'object') {
|
||||
if (typeof store.state.user.association === 'object') {
|
||||
this.association = store.state.user.association;
|
||||
} else {
|
||||
this.association = JSON.parse(store.state.user.association);
|
||||
}
|
||||
console.log(this.association);
|
||||
this.id = this.$route.query.id;
|
||||
this.getInfo();
|
||||
this.getMemberList();
|
||||
this.getPlan();
|
||||
this.getIndustry();
|
||||
this.getRegion();
|
||||
this.getMemberList();
|
||||
setTimeout(() => {
|
||||
this.getInfo();
|
||||
}, 1000);
|
||||
},
|
||||
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) {
|
||||
this.work.time = value[0] + '至' + value[1];
|
||||
},
|
||||
@ -1052,20 +1211,21 @@ export default {
|
||||
this.contactsList.splice(index, 1);
|
||||
},
|
||||
onSubmit() {
|
||||
this.$refs.cropper.getCropBlob(data => {
|
||||
this.$refs.cropper.getCropBlob((data) => {
|
||||
// do something
|
||||
console.log(data)
|
||||
console.log(data);
|
||||
console.log(this.caiImg);
|
||||
const formData = new FormData();
|
||||
formData.append('file', data, 'image.jpg');
|
||||
formData.append('association_id', this.association.association_id);
|
||||
console.log(formData);
|
||||
axios.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
|
||||
axios
|
||||
.post(`${store.state.user.apiUrl}/api/common/upload`, formData, {
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
'Content-Type': 'multipart/form-data',
|
||||
},
|
||||
})
|
||||
.then(response => {
|
||||
.then((response) => {
|
||||
console.log(response);
|
||||
const { data } = response;
|
||||
if (data.code == 1) {
|
||||
@ -1079,10 +1239,10 @@ export default {
|
||||
this.$message.error('图片上传失败！');
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
console.error('文件上传失败', error);
|
||||
});
|
||||
})
|
||||
});
|
||||
},
|
||||
onCloseMy() {
|
||||
this.caiMode = false;
|
||||
@ -1092,51 +1252,38 @@ export default {
|
||||
this.caiMode = true;
|
||||
},
|
||||
realTime(data) {
|
||||
this.previews = data
|
||||
this.previews = data;
|
||||
},
|
||||
uploadImg(e, num) {
|
||||
// 上传图片
|
||||
// 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)) {
|
||||
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种')
|
||||
return false
|
||||
alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种');
|
||||
return false;
|
||||
}
|
||||
const reader = new FileReader()
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
let data
|
||||
let data;
|
||||
if (typeof e.target.result === 'object') {
|
||||
// 把Array Buffer转化为blob 如果是base64不需要
|
||||
data = window.URL.createObjectURL(new Blob([e.target.result]))
|
||||
data = window.URL.createObjectURL(new Blob([e.target.result]));
|
||||
} else {
|
||||
data = e.target.result
|
||||
data = e.target.result;
|
||||
}
|
||||
if (num === 1) {
|
||||
this.caiImg = data
|
||||
this.caiImg = data;
|
||||
} else if (num === 2) {
|
||||
this.example2.img = data
|
||||
}
|
||||
this.example2.img = data;
|
||||
}
|
||||
};
|
||||
// 转化为base64
|
||||
// reader.readAsDataURL(file)
|
||||
// 转化为blob
|
||||
reader.readAsArrayBuffer(file)
|
||||
},
|
||||
getMemberList() {
|
||||
this.$request
|
||||
.post("/move/association/memberList")
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
this.member_list = res.data;
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
console.log(e);
|
||||
});
|
||||
reader.readAsArrayBuffer(file);
|
||||
},
|
||||
imgLoad(msg) {
|
||||
console.log(msg)
|
||||
console.log(msg);
|
||||
},
|
||||
formatResponse(res, type) {
|
||||
console.log(res);
|
||||
@ -1158,7 +1305,7 @@ export default {
|
||||
},
|
||||
getRegion() {
|
||||
this.$request
|
||||
.post("/region")
|
||||
.post('/region')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1171,7 +1318,7 @@ export default {
|
||||
},
|
||||
getIndustry() {
|
||||
this.$request
|
||||
.post("/industry")
|
||||
.post('/industry')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1185,7 +1332,7 @@ export default {
|
||||
},
|
||||
getPlan() {
|
||||
this.$request
|
||||
.post("/position")
|
||||
.post('/position')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1198,14 +1345,14 @@ export default {
|
||||
},
|
||||
getInfo() {
|
||||
this.$request
|
||||
.post("/member/find", {member_id: this.id})
|
||||
.post('/member/find', { member_id: this.id })
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
this.info = res.data;
|
||||
this.formData.phone = res.data.phone;
|
||||
this.formData.position_id = res.data.position_id;
|
||||
this.formData.industry_id = res.data.industry_id == 0 ? null : res.data.industry_id;
|
||||
this.formData.region_id = res.data.region_id;
|
||||
this.formData.region_id = res.data.region_id == 0 ? null : res.data.region_id;
|
||||
this.formData.password = res.data.password;
|
||||
this.formData.nikename = res.data.nikename;
|
||||
this.formData.gender = res.data.gender;
|
||||
@ -1226,6 +1373,68 @@ export default {
|
||||
this.formData.other_contacts = res.data.other_contacts;
|
||||
this.formData.other_social_positions = res.data.other_social_positions;
|
||||
this.formData.position = res.data.position;
|
||||
this.formData.cardf_image = res.data.cardf_image;
|
||||
this.formData.cardz_image = res.data.cardz_image;
|
||||
this.formData.photo_image = res.data.photo_image;
|
||||
this.formData.company_image = res.data.company_image;
|
||||
this.formData.business_license_image = res.data.business_license_image;
|
||||
this.formData.unified_code = res.data.unified_code;
|
||||
this.formData.enterprise_nature = res.data.enterprise_nature;
|
||||
this.formData.enterprise_website = res.data.enterprise_website;
|
||||
this.formData.if_list = res.data.if_list + '';
|
||||
this.formData.employee = res.data.employee;
|
||||
this.formData.previous_revenue = res.data.previous_revenue;
|
||||
this.formData.previous_tax = res.data.previous_tax;
|
||||
this.formData.previous_profit = res.data.previous_profit;
|
||||
this.formData.previous_donation = res.data.previous_donation;
|
||||
this.formData.qitaqiyerenzhiqingkuang = res.data.qitaqiyerenzhiqingkuang;
|
||||
this.formData.enterprise_Introduction = res.data.enterprise_Introduction;
|
||||
this.formData.enterprise_lvxingzeren = res.data.enterprise_lvxingzeren;
|
||||
this.formData.introdiction = res.data.introdiction;
|
||||
this.formData.enterprise_honor = res.data.enterprise_honor;
|
||||
if (res.data.if_organization != null) {
|
||||
this.formData.if_organization = res.data.if_organization + '';
|
||||
} else {
|
||||
this.formData.if_organization = '1';
|
||||
}
|
||||
this.formData.nature = res.data.nature;
|
||||
this.formData.jiantuan_time = res.data.jiantuan_time;
|
||||
this.formData.jiantuan_number = res.data.jiantuan_number;
|
||||
this.formData.youth_number = res.data.youth_number;
|
||||
this.formData.superior_nature = res.data.superior_nature;
|
||||
this.formData.tuanweifuzerenxinxi = res.data.tuanweifuzerenxinxi;
|
||||
this.formData.documents_file = res.data.documents_file;
|
||||
this.formData.enterprise_location = res.data.enterprise_location;
|
||||
this.formData.documents_file_show = [{ url: store.state.user.apiUrl + res.data.documents_file }];
|
||||
this.formData.introduction = res.data.introduction;
|
||||
this.formData.enterprise_name = res.data.enterprise_name;
|
||||
this.formData.longitude = res.data.longitude;
|
||||
this.formData.dimension = res.data.dimension;
|
||||
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;
|
||||
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.recommended_cities = res.data.recommended_cities;
|
||||
this.formData.source_channel = res.data.source_channel;
|
||||
this.formData.intentional_association_position = res.data.intentional_association_position;
|
||||
this.formData.mail_address = res.data.mail_address;
|
||||
this.formData.zip_code = res.data.zip_code;
|
||||
this.formData.registered_capital = res.data.registered_capital;
|
||||
if (res.data.tuanweifuzerenxinxi != '' && res.data.tuanweifuzerenxinxi != null) {
|
||||
this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi);
|
||||
} else {
|
||||
this.tuan_list = [];
|
||||
}
|
||||
if (res.data.business_license_image == '') {
|
||||
this.formData.business_license_image_show = [];
|
||||
} else {
|
||||
this.formData.business_license_image_show = [
|
||||
{ url: store.state.user.apiUrl + res.data.business_license_image },
|
||||
];
|
||||
}
|
||||
if (res.data.cardf_image == '') {
|
||||
this.formData.cardf_image_show = [];
|
||||
} else {
|
||||
@ -1246,70 +1455,21 @@ export default {
|
||||
} else {
|
||||
this.formData.company_image_show = [{ url: store.state.user.apiUrl + res.data.company_image }];
|
||||
}
|
||||
this.formData.cardf_image = res.data.cardf_image;
|
||||
this.formData.cardz_image = res.data.cardz_image;
|
||||
this.formData.photo_image = res.data.photo_image;
|
||||
this.formData.company_image = res.data.company_image;
|
||||
if (res.data.business_license_image == '') {
|
||||
this.formData.business_license_image_show = [];
|
||||
} else {
|
||||
this.formData.business_license_image_show = [{url: store.state.user.apiUrl + res.data.business_license_image}];
|
||||
}
|
||||
this.formData.business_license_image = res.data.business_license_image;
|
||||
this.formData.unified_code = res.data.unified_code;
|
||||
this.formData.enterprise_nature = res.data.enterprise_nature;
|
||||
this.formData.enterprise_website = res.data.enterprise_website;
|
||||
this.formData.if_list = res.data.if_list+'';
|
||||
this.formData.employee = res.data.employee;
|
||||
this.formData.previous_revenue = res.data.previous_revenue;
|
||||
this.formData.previous_tax = res.data.previous_tax;
|
||||
this.formData.previous_profit = res.data.previous_profit;
|
||||
this.formData.previous_donation = res.data.previous_donation;
|
||||
this.formData.qitaqiyerenzhiqingkuang = res.data.qitaqiyerenzhiqingkuang;
|
||||
this.formData.enterprise_Introduction = res.data.enterprise_Introduction;
|
||||
this.formData.enterprise_lvxingzeren=res.data.enterprise_lvxingzeren;
|
||||
this.formData.introdiction = res.data.introdiction;
|
||||
this.formData.enterprise_honor = res.data.enterprise_honor;
|
||||
if(res.data.if_organization!=null){
|
||||
this.formData.if_organization = res.data.if_organization+'';
|
||||
}else{
|
||||
this.formData.if_organization="1";
|
||||
}
|
||||
this.formData.nature = res.data.nature;
|
||||
this.formData.jiantuan_time = res.data.jiantuan_time;
|
||||
this.formData.jiantuan_number = res.data.jiantuan_number;
|
||||
this.formData.youth_number = res.data.youth_number;
|
||||
this.formData.superior_nature = res.data.superior_nature;
|
||||
this.formData.tuanweifuzerenxinxi = res.data.tuanweifuzerenxinxi;
|
||||
this.formData.documents_file = res.data.documents_file;
|
||||
this.formData.enterprise_location = res.data.enterprise_location;
|
||||
this.formData.documents_file_show = [{url: store.state.user.apiUrl + res.data.documents_file}];
|
||||
this.formData.introduction = res.data.introduction;
|
||||
this.formData.enterprise_name = res.data.enterprise_name;
|
||||
if (res.data.work_experience == null || res.data.work_experience == '') {
|
||||
this.workList = [];
|
||||
} else {
|
||||
this.workList = JSON.parse(res.data.work_experience);
|
||||
}
|
||||
if (res.data.main_social_positions == '' || res.data.main_social_positions == null) {
|
||||
this.social_duties = [];
|
||||
} else {
|
||||
this.social_duties = res.data.main_social_positions.split(',');
|
||||
}
|
||||
if (res.data.other_contacts == null || res.data.other_contacts == '') {
|
||||
this.contactsList = [];
|
||||
} else {
|
||||
this.contactsList = JSON.parse(res.data.other_contacts);
|
||||
}
|
||||
this.formData.longitude = res.data.longitude;
|
||||
this.formData.dimension=res.data.dimension;
|
||||
this.formData.reporting_method = res.data.reporting_method;
|
||||
this.formData.recommendation_id=res.data.recommendation_id;
|
||||
this.formData.recommendation_content = res.data.recommendation_content;
|
||||
this.formData.recommended_cities=res.data.recommended_cities;
|
||||
this.formData.source_channel=res.data.source_channel;
|
||||
this.formData.intentional_association_position=res.data.intentional_association_position;
|
||||
this.formData.mail_address=res.data.mail_address;
|
||||
this.formData.zip_code=res.data.zip_code;
|
||||
this.formData.registered_capital=res.data.registered_capital;
|
||||
this.tuan_list = JSON.parse(res.data.tuanweifuzerenxinxi);
|
||||
|
||||
})
|
||||
.catch((e) => {
|
||||
console.log(e);
|
||||
@ -1431,7 +1591,6 @@ export default {
|
||||
// }
|
||||
this.formData.member_id = this.id;
|
||||
if (this.workList && this.workList.length > 0) {
|
||||
|
||||
this.formData.work_experience = JSON.stringify(this.workList);
|
||||
}
|
||||
if (this.contactsList && this.contactsList.length > 0) {
|
||||
@ -1445,14 +1604,14 @@ export default {
|
||||
}
|
||||
if (this.social_duties.length > 0) {
|
||||
const splitAndJoin = this.social_duties
|
||||
.map(item => item.split(','))
|
||||
.map((item) => item.split(','))
|
||||
.flat()
|
||||
.filter(item => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
|
||||
.filter((item) => item.trim() !== '') // 过滤掉空字符串和仅含空格的字符串
|
||||
.join(',');
|
||||
this.formData.main_social_positions = splitAndJoin;
|
||||
}
|
||||
this.$request
|
||||
.post("/member/update", this.formData)
|
||||
.post('/member/update', this.formData)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -1488,16 +1647,15 @@ export default {
|
||||
this.editorLX = Object.seal(editor);
|
||||
},
|
||||
customPaste(editor, event, callback) {
|
||||
console.log('ClipboardEvent 粘贴事件对象', event)
|
||||
var text = event.clipboardData.getData('text/plain')
|
||||
console.log('ClipboardEvent 粘贴事件对象', event);
|
||||
var text = event.clipboardData.getData('text/plain');
|
||||
text = text.replace(/\s+/g, '');
|
||||
editor.insertText(text)
|
||||
event.preventDefault()
|
||||
callback(false)
|
||||
editor.insertText(text);
|
||||
event.preventDefault();
|
||||
callback(false);
|
||||
// 返回 true ，继续默认的粘贴行为
|
||||
},
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
<style src="@wangeditor/editor/dist/css/style.css"></style>
|
||||
@ -1567,8 +1725,8 @@ export default {
|
||||
box-sizing: border-box;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
-webkit-transition: .1s;
|
||||
transition: .1s;
|
||||
-webkit-transition: 0.1s;
|
||||
transition: 0.1s;
|
||||
font-weight: 500;
|
||||
padding: 8px 15px;
|
||||
font-size: 12px;
|
||||
@ -1590,6 +1748,6 @@ export default {
|
||||
}
|
||||
|
||||
.sfz:hover {
|
||||
border: 1px dashed #409EFF;
|
||||
border: 1px dashed #409eff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -15,13 +15,18 @@
|
||||
:hover="true"
|
||||
size="large"
|
||||
table-layout="auto"
|
||||
cellEmptyContent="-" c
|
||||
cellEmptyContent="-"
|
||||
c
|
||||
>
|
||||
<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 #gender="{ row }">
|
||||
{{ row.gender == 1 ? "男" : "女" }}
|
||||
{{ row.gender == 1 ? '男' : '女' }}
|
||||
</template>
|
||||
<template #if_xianshi="{ row }">
|
||||
<t-tag theme="primary" v-if="row.if_xianshi == 0">待审核</t-tag>
|
||||
@ -44,9 +49,18 @@
|
||||
></t-pagination>
|
||||
</div>
|
||||
</div>
|
||||
<t-dialog header="信息审核" :confirmBtn="null" :visible="ShenMode" :onClose="onCloseMy" :cancelBtn="null"
|
||||
width="1000px" top="50px">
|
||||
<div style="text-align: center;width: 900px;height: 700px;margin: 0 auto;position: relative;overflow-y: scroll;">
|
||||
<t-dialog
|
||||
header="信息审核"
|
||||
:confirmBtn="null"
|
||||
:visible="ShenMode"
|
||||
:onClose="onCloseMy"
|
||||
:cancelBtn="null"
|
||||
width="1000px"
|
||||
top="50px"
|
||||
>
|
||||
<div
|
||||
style="text-align: center; width: 900px; height: 700px; margin: 0 auto; position: relative; overflow-y: scroll"
|
||||
>
|
||||
<t-space direction="vertical">
|
||||
<t-row>
|
||||
<t-col :span="2">
|
||||
@ -55,8 +69,7 @@
|
||||
<t-col :span="4">
|
||||
<div style="font-size: 16px; font-weight: 600">原信息</div>
|
||||
</t-col>
|
||||
<t-col :span="2">
|
||||
</t-col>
|
||||
<t-col :span="2"> </t-col>
|
||||
<t-col :span="4">
|
||||
<div style="font-size: 16px; font-weight: 600">新信息</div>
|
||||
</t-col>
|
||||
@ -64,89 +77,173 @@
|
||||
<t-row style="font-size: 16px">
|
||||
<t-col :span="2">
|
||||
<t-space direction="vertical">
|
||||
<div style="height: 100px;text-align: center;line-height: 100px" v-if="typeof (updateInfo.member_log.background_image) !='undefined'">名片背景图：</div>
|
||||
<div style="height: 100px;text-align: center;line-height: 100px" v-if="typeof (updateInfo.member_log.photo_image) !='undefined'">形象照：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.position_name) !='undefined'">协会职务：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.nikename) !='undefined'">姓名：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.gender_name) !='undefined'">性别：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.phone) !='undefined'">联系方式：</div>
|
||||
<div style="height: 200px" v-if="typeof (updateInfo.member_log.introduction) !='undefined'">个人经历：</div>
|
||||
<div style="height: 100px;text-align: center;line-height: 100px" v-if="typeof (updateInfo.member_log.company_image) !='undefined'">公司图标：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.enterprise_name) !='undefined'">公司名称：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.industry_id) !='undefined'">公司行业：</div>
|
||||
<div v-if="typeof (updateInfo.member_log.enterprise_location) !='undefined'">公司地址：</div>
|
||||
<div style="height: 200px" v-if="typeof (updateInfo.member_log.enterprise_Introduction) !='undefined'">公司介绍：</div>
|
||||
<div
|
||||
style="height: 100px; text-align: center; line-height: 100px"
|
||||
v-if="typeof updateInfo.member_log.background_image != 'undefined'"
|
||||
>
|
||||
名片背景图：
|
||||
</div>
|
||||
<div
|
||||
style="height: 100px; text-align: center; line-height: 100px"
|
||||
v-if="typeof updateInfo.member_log.photo_image != 'undefined'"
|
||||
>
|
||||
形象照：
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.position_name != 'undefined'">协会职务：</div>
|
||||
<div v-if="typeof updateInfo.member_log.nikename != 'undefined'">姓名：</div>
|
||||
<div v-if="typeof updateInfo.member_log.gender_name != 'undefined'">性别：</div>
|
||||
<div v-if="typeof updateInfo.member_log.phone != 'undefined'">联系方式：</div>
|
||||
<div style="height: 200px" v-if="typeof updateInfo.member_log.introduction != 'undefined'">
|
||||
个人经历：
|
||||
</div>
|
||||
<div
|
||||
style="height: 100px; text-align: center; line-height: 100px"
|
||||
v-if="typeof updateInfo.member_log.company_image != 'undefined'"
|
||||
>
|
||||
公司图标：
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.enterprise_name != 'undefined'">公司名称：</div>
|
||||
<div v-if="typeof updateInfo.member_log.industry_id != 'undefined'">公司行业：</div>
|
||||
<div v-if="typeof updateInfo.member_log.enterprise_location != 'undefined'">公司地址：</div>
|
||||
<div style="height: 200px" v-if="typeof updateInfo.member_log.enterprise_Introduction != 'undefined'">
|
||||
公司介绍：
|
||||
</div>
|
||||
</t-space>
|
||||
</t-col>
|
||||
<t-col :span="4">
|
||||
<t-space direction="vertical">
|
||||
<div v-if="typeof (updateInfo.member.background_image) !='undefined'" style="height: 100px;">
|
||||
<img v-if="updateInfo.member.background_image!=''"
|
||||
<div v-if="typeof updateInfo.member.background_image != 'undefined'" style="height: 100px">
|
||||
<img
|
||||
v-if="updateInfo.member.background_image != ''"
|
||||
:src="$store.state.user.apiUrl + updateInfo.member.background_image"
|
||||
style="height: 100px;width:100%">
|
||||
<div v-if="updateInfo.member.background_image==''"
|
||||
style="height: 100px;text-align: center;line-height: 100px">
|
||||
style="height: 100px; width: 100%"
|
||||
/>
|
||||
<div
|
||||
v-if="updateInfo.member.background_image == ''"
|
||||
style="height: 100px; text-align: center; line-height: 100px"
|
||||
>
|
||||
无
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="updateInfo.member.photo_image" style="height: 100px;"><img
|
||||
|
||||
<div v-if="updateInfo.member.photo_image" style="height: 100px">
|
||||
<img
|
||||
:src="$store.state.user.apiUrl + updateInfo.member.photo_image"
|
||||
style="width: 100px;height: 100px"></div>
|
||||
<div v-if="typeof (updateInfo.member.position_name) !='undefined'">{{ updateInfo.member.position_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member.nikename) !='undefined'">{{ updateInfo.member.nikename }}</div>
|
||||
<div v-if="typeof (updateInfo.member.gender_name) !='undefined'">{{ updateInfo.member.gender_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member.phone) !='undefined'">{{ updateInfo.member.phone }}</div>
|
||||
<div style="height: 200px;overflow: scroll;" v-if="typeof (updateInfo.member.introduction) !='undefined'">{{ updateInfo.member.introduction }}</div>
|
||||
<div v-if="typeof (updateInfo.member.company_image) !='undefined'" style="height: 100px;">
|
||||
<img v-if="updateInfo.member.company_image!=''"
|
||||
style="width: 100px; height: 100px"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member.position_name != 'undefined'">
|
||||
{{ updateInfo.member.position_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member.nikename != 'undefined'">{{ updateInfo.member.nikename }}</div>
|
||||
<div v-if="typeof updateInfo.member.gender_name != 'undefined'">
|
||||
{{ updateInfo.member.gender_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member.phone != 'undefined'">{{ updateInfo.member.phone }}</div>
|
||||
<div
|
||||
style="height: 200px; overflow: scroll"
|
||||
v-if="typeof updateInfo.member.introduction != 'undefined'"
|
||||
>
|
||||
{{ updateInfo.member.introduction }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member.company_image != 'undefined'" style="height: 100px">
|
||||
<img
|
||||
v-if="updateInfo.member.company_image != ''"
|
||||
:src="$store.state.user.apiUrl + updateInfo.member.company_image"
|
||||
style="height: 100px">
|
||||
<div v-if="updateInfo.member.company_image==''"
|
||||
style="height: 100px;text-align: center;line-height: 100px">
|
||||
style="height: 100px"
|
||||
/>
|
||||
<div
|
||||
v-if="updateInfo.member.company_image == ''"
|
||||
style="height: 100px; text-align: center; line-height: 100px"
|
||||
>
|
||||
无
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="typeof (updateInfo.member.enterprise_name) !='undefined'">{{ updateInfo.member.enterprise_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member.industry_id) !='undefined'">{{updateInfo.member.industry_id==-1?'其他行业':updateInfo.member.industry_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member.enterprise_location) !='undefined'">{{ updateInfo.member.enterprise_location==''?'无':updateInfo.member.enterprise_location }}</div>
|
||||
<div style="height: 200px;overflow: scroll;" v-if="typeof (updateInfo.member.enterprise_Introduction) !='undefined'">{{ updateInfo.member.enterprise_Introduction }}</div>
|
||||
<div v-if="typeof updateInfo.member.enterprise_name != 'undefined'">
|
||||
{{ updateInfo.member.enterprise_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member.industry_id != 'undefined'">
|
||||
{{ updateInfo.member.industry_id == -1 ? '其他行业' : updateInfo.member.industry_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member.enterprise_location != 'undefined'">
|
||||
{{ updateInfo.member.enterprise_location == '' ? '无' : updateInfo.member.enterprise_location }}
|
||||
</div>
|
||||
<div
|
||||
style="height: 200px; overflow: scroll"
|
||||
v-if="typeof updateInfo.member.enterprise_Introduction != 'undefined'"
|
||||
>
|
||||
{{ updateInfo.member.enterprise_Introduction }}
|
||||
</div>
|
||||
</t-space>
|
||||
</t-col>
|
||||
<t-col :span="2">
|
||||
<div style="position: absolute;width: 100%;">
|
||||
<div style="position: absolute; width: 100%">
|
||||
<SwapRightIcon size="2em" />
|
||||
</div>
|
||||
</t-col>
|
||||
<t-col :span="4">
|
||||
<t-space direction="vertical">
|
||||
<div v-if="updateInfo.member_log.background_image" style="height: 100px;"><img
|
||||
<div v-if="updateInfo.member_log.background_image" style="height: 100px">
|
||||
<img
|
||||
:src="$store.state.user.apiUrl + updateInfo.member_log.background_image"
|
||||
style="height: 100px;width:100%"></div>
|
||||
<div v-if="updateInfo.member_log.photo_image" style="height: 100px;"><img
|
||||
style="height: 100px; width: 100%"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="updateInfo.member_log.photo_image" style="height: 100px">
|
||||
<img
|
||||
:src="$store.state.user.apiUrl + updateInfo.member_log.photo_image"
|
||||
style="width: 100px;height: 100px"></div>
|
||||
<div v-if="typeof (updateInfo.member_log.position_name) !='undefined'">{{ updateInfo.member_log.position_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member_log.nikename) !='undefined'">{{ updateInfo.member_log.nikename }}</div>
|
||||
<div v-if="typeof (updateInfo.member_log.gender_name) !='undefined'">{{ updateInfo.member_log.gender_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member_log.phone) !='undefined'">{{ updateInfo.member_log.phone }}</div>
|
||||
<div style="height: 200px;overflow: scroll;" v-if="typeof (updateInfo.member_log.introduction) !='undefined'">{{ updateInfo.member_log.introduction }}</div>
|
||||
<div v-if="typeof (updateInfo.member_log.company_image) !='undefined'" style="height: 100px;">
|
||||
<img v-if="updateInfo.member_log.company_image!=''"
|
||||
style="width: 100px; height: 100px"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.position_name != 'undefined'">
|
||||
{{ updateInfo.member_log.position_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.nikename != 'undefined'">
|
||||
{{ updateInfo.member_log.nikename }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.gender_name != 'undefined'">
|
||||
{{ updateInfo.member_log.gender_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.phone != 'undefined'">{{ updateInfo.member_log.phone }}</div>
|
||||
<div
|
||||
style="height: 200px; overflow: scroll"
|
||||
v-if="typeof updateInfo.member_log.introduction != 'undefined'"
|
||||
>
|
||||
{{ updateInfo.member_log.introduction }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.company_image != 'undefined'" style="height: 100px">
|
||||
<img
|
||||
v-if="updateInfo.member_log.company_image != ''"
|
||||
:src="$store.state.user.apiUrl + updateInfo.member_log.company_image"
|
||||
style="width: 100px;height: 100px">
|
||||
<div v-if="updateInfo.member_log.company_image==''"
|
||||
style="height: 100px;text-align: center;line-height: 100px">
|
||||
style="width: 100px; height: 100px"
|
||||
/>
|
||||
<div
|
||||
v-if="updateInfo.member_log.company_image == ''"
|
||||
style="height: 100px; text-align: center; line-height: 100px"
|
||||
>
|
||||
无
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="typeof (updateInfo.member_log.enterprise_name) !='undefined'">{{ updateInfo.member_log.enterprise_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member_log.industry_id) !='undefined'">{{updateInfo.member_log.industry_id==-1?'其他行业':updateInfo.member_log.industry_name }}</div>
|
||||
<div v-if="typeof (updateInfo.member_log.enterprise_location) !='undefined'">{{ updateInfo.member_log.enterprise_location }}</div>
|
||||
<div style="height: 200px;overflow: scroll;" v-if="typeof (updateInfo.member_log.enterprise_Introduction) !='undefined'">{{ updateInfo.member_log.enterprise_Introduction }}</div>
|
||||
<div v-if="typeof updateInfo.member_log.enterprise_name != 'undefined'">
|
||||
{{ updateInfo.member_log.enterprise_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.industry_id != 'undefined'">
|
||||
{{ updateInfo.member_log.industry_id == -1 ? '其他行业' : updateInfo.member_log.industry_name }}
|
||||
</div>
|
||||
<div v-if="typeof updateInfo.member_log.enterprise_location != 'undefined'">
|
||||
{{ updateInfo.member_log.enterprise_location }}
|
||||
</div>
|
||||
<div
|
||||
style="height: 200px; overflow: scroll"
|
||||
v-if="typeof updateInfo.member_log.enterprise_Introduction != 'undefined'"
|
||||
>
|
||||
{{ updateInfo.member_log.enterprise_Introduction }}
|
||||
</div>
|
||||
</t-space>
|
||||
</t-col>
|
||||
</t-row>
|
||||
</t-space>
|
||||
|
||||
<div style="text-align: center; margin-top: 50px" v-if="type == 1">
|
||||
<t-popconfirm content="确定要审核通过吗？" v-model="v1" @confirm="shenDo(1)">
|
||||
<t-button theme="success">审核通过</t-button>
|
||||
@ -166,8 +263,8 @@
|
||||
</t-card>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import store from "@/store";
|
||||
import {SwapRightIcon} from "tdesign-icons-vue";
|
||||
import store from '@/store';
|
||||
import { SwapRightIcon } from 'tdesign-icons-vue';
|
||||
|
||||
export default {
|
||||
components: { SwapRightIcon },
|
||||
@ -190,13 +287,13 @@ export default {
|
||||
size: 10,
|
||||
updateInfo: {
|
||||
member: {},
|
||||
member_log: {}
|
||||
member_log: {},
|
||||
},
|
||||
member_id: 0,
|
||||
id: 0,
|
||||
content: '',
|
||||
type: 0,
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getList();
|
||||
@ -216,16 +313,15 @@ export default {
|
||||
if (dis == 1) {
|
||||
this.content = '您提交的信息修改已通过审核！';
|
||||
} else {
|
||||
|
||||
}
|
||||
this.$request
|
||||
.post("/member_log/update", {
|
||||
.post('/member_log/update', {
|
||||
member_id: this.member_id,
|
||||
id: this.id,
|
||||
if_xianshi: dis,
|
||||
if_member: dis,
|
||||
content: this.content,
|
||||
member_log: JSON.stringify(this.updateInfo.member_log)
|
||||
member_log: JSON.stringify(this.updateInfo.member_log),
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
@ -246,7 +342,7 @@ export default {
|
||||
this.member_id = d.member_id;
|
||||
this.id = d.id;
|
||||
this.$request
|
||||
.post("/member_log/find", {member_id: d.member_id, id: d.id})
|
||||
.post('/member_log/find', { member_id: d.member_id, id: d.id })
|
||||
.then((res) => {
|
||||
this.ShenMode = true;
|
||||
console.log(res);
|
||||
@ -261,7 +357,7 @@ export default {
|
||||
},
|
||||
getList() {
|
||||
this.$request
|
||||
.post("/member_log/index", {page: this.page, size: this.size,if_xianshi:this.tabIndex})
|
||||
.post('/member_log/index', { page: this.page, size: this.size, if_xianshi: this.tabIndex })
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
this.list = res.data.ret;
|
||||
@ -280,8 +376,8 @@ export default {
|
||||
this.list = [];
|
||||
this.getList();
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
::-webkit-scrollbar {
|
||||
|
||||
@ -1,13 +1,7 @@
|
||||
<template>
|
||||
<t-card title="会员列表" :bordered="false">
|
||||
<div class="form-step-container">
|
||||
<t-form
|
||||
ref="form"
|
||||
:data="formData"
|
||||
:label-width="80"
|
||||
@submit="onSubmit"
|
||||
:style="{ marginBottom: '30px' }"
|
||||
>
|
||||
<t-form ref="form" :data="formData" :label-width="80" @submit="onSubmit" :style="{ marginBottom: '30px' }">
|
||||
<t-row>
|
||||
<t-form-item label="会员姓名" name="nikename">
|
||||
<t-input
|
||||
@ -22,7 +16,8 @@
|
||||
<t-input
|
||||
v-model="formData.phone"
|
||||
class="form-item-content"
|
||||
placeholder="请输入手机号" style="width: 150px"
|
||||
placeholder="请输入手机号"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</t-form-item>
|
||||
<t-form-item label="职务" name="phone">
|
||||
@ -44,7 +39,8 @@
|
||||
<t-space>
|
||||
<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 @click="dow" theme="primary">{{ selectedRowKeys.length > 0 ? '选中导出' : '导出全部' }}
|
||||
<t-button @click="dow" theme="primary"
|
||||
>{{ selectedRowKeys.length > 0 ? '选中导出' : '导出全部' }}
|
||||
</t-button>
|
||||
</t-space>
|
||||
</div>
|
||||
@ -70,10 +66,14 @@
|
||||
@select-change="rehandleSelectChange"
|
||||
>
|
||||
<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 #gender="{ row }">
|
||||
{{ row.gender == 1 ? "男" : "女" }}
|
||||
{{ row.gender == 1 ? '男' : '女' }}
|
||||
</template>
|
||||
<template #if_xianshi="{ row }">
|
||||
<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>
|
||||
<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 @click="() => $router.push('/user/user_edit?id=' + row.member_id)">编辑</t-button>
|
||||
<t-popconfirm v-if="row.if_xianshi == 1" content="确认要改为待审核状态吗？" @confirm="hidden(row)">
|
||||
@ -111,10 +112,10 @@
|
||||
</t-card>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import store from "@/store";
|
||||
import {toInteger} from "lodash";
|
||||
import store from '@/store';
|
||||
import { toInteger } from 'lodash';
|
||||
import { CloudDownloadIcon } from 'tdesign-icons-vue';
|
||||
import router from "@/router";
|
||||
import router from '@/router';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
@ -154,11 +155,10 @@ export default {
|
||||
},
|
||||
positionList: [],
|
||||
region_list: [],
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
||||
if (typeof (this.$store.state.user.association) == 'object') {
|
||||
if (typeof this.$store.state.user.association == 'object') {
|
||||
this.association = this.$store.state.user.association;
|
||||
} else {
|
||||
this.association = JSON.parse(this.$store.state.user.association);
|
||||
@ -190,12 +190,18 @@ export default {
|
||||
ids = JSON.stringify(this.selectedRowKeys);
|
||||
}
|
||||
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) {
|
||||
console.log(row);
|
||||
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) => {
|
||||
console.log(res);
|
||||
this.page = 1;
|
||||
@ -209,7 +215,7 @@ export default {
|
||||
},
|
||||
getRegion() {
|
||||
this.$request
|
||||
.post("/region")
|
||||
.post('/region')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -222,7 +228,7 @@ export default {
|
||||
},
|
||||
getPositionList() {
|
||||
this.$request
|
||||
.post("/position")
|
||||
.post('/position')
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
this.positionList = res.data;
|
||||
@ -242,7 +248,7 @@ export default {
|
||||
},
|
||||
del(row) {
|
||||
this.$request
|
||||
.post("/member/del", {member_id: row.member_id})
|
||||
.post('/member/del', { member_id: row.member_id })
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.code == 1) {
|
||||
@ -270,7 +276,7 @@ export default {
|
||||
this.formData.size = this.size;
|
||||
this.formData.if_xianshi = this.tabIndex;
|
||||
this.$request
|
||||
.post("/member", this.formData)
|
||||
.post('/member', this.formData)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
this.list = res.data.ret;
|
||||
@ -286,9 +292,7 @@ export default {
|
||||
sessionStorage.setItem('sUserPage', 1);
|
||||
this.getList();
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
|
||||
</style>
|
||||
<style scoped lang="less"></style>
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
<template>
|
||||
<div class="detail-base">
|
||||
<t-card title="会员详情" :bordered="false" class="info-block" style="padding: 30px">
|
||||
<template #actions>
|
||||
<t-button theme="primary" @click="openPDF" size="large" style="margin-left: 20px">查看PDF文件</t-button>
|
||||
</template>
|
||||
<div>
|
||||
<t-steps :current="0" readonly v-if="info.if_xianshi != 1">
|
||||
<t-step-item title="信息审核" content="提交的信息审核"></t-step-item>
|
||||
<t-step-item v-if="info.if_xianshi != 2" title="会费缴纳" content="等待会费缴纳"></t-step-item>
|
||||
@ -8,7 +12,8 @@
|
||||
:content="info.result.content"></t-step-item>
|
||||
<t-step-item title="成功入会" content="已成功入会"></t-step-item>
|
||||
</t-steps>
|
||||
<div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<div>
|
||||
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">1.入会资料</div>
|
||||
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
|
||||
@ -31,7 +36,7 @@
|
||||
</template>
|
||||
<template v-if="info.reporting_method == 2">
|
||||
<td>推荐人姓名</td>
|
||||
<td>{{ info.recommendation_id }}</td>
|
||||
<td>{{ info.recommendation_name }}</td>
|
||||
<td>推荐人单位及职务</td>
|
||||
<td>{{ info.recommendation_content }}</td>
|
||||
</template>
|
||||
@ -52,7 +57,8 @@
|
||||
:closeOnEscKeydown="false">
|
||||
<template #trigger="{ open }">
|
||||
<div style="cursor: pointer" @click="open">
|
||||
<img v-if="info.photo_image!=''&&info.photo_image!=null" :src="$store.state.user.apiUrl+info.photo_image" style="width: 200px;height: 200px;">
|
||||
<img v-if="info.photo_image != '' && info.photo_image != null"
|
||||
:src="$store.state.user.apiUrl + info.photo_image" style="width: 150px;">
|
||||
<span v-if="info.photo_image == '' || info.photo_image == null">未上传</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -61,7 +67,7 @@
|
||||
<td>姓名</td>
|
||||
<td>{{ info.nikename }}</td>
|
||||
<td>性别</td>
|
||||
<td>{{ info.gender == 0 ? '女' : '男' }}</td>
|
||||
<td>{{ info.gender === 0 ? '女' : info.gender === 1 ? '男' : '未填写' }}</td>
|
||||
<td>协会职务</td>
|
||||
<td>{{ info.position_name }}</td>
|
||||
<td>出生年月日</td>
|
||||
@ -113,7 +119,8 @@
|
||||
:closeOnEscKeydown="false">
|
||||
<template #trigger="{ open }">
|
||||
<div style="cursor: pointer" @click="open">
|
||||
<img v-if="info.cardz_image!=''&&info.cardz_image!=null" :src="$store.state.user.apiUrl+info.cardz_image" style="height: 150px;">
|
||||
<img v-if="info.cardz_image != '' && info.cardz_image != null"
|
||||
:src="$store.state.user.apiUrl + info.cardz_image" style="height: 150px;">
|
||||
<span v-if="info.cardz_image == '' || info.cardz_image == null">未上传</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -125,7 +132,8 @@
|
||||
:closeOnEscKeydown="false">
|
||||
<template #trigger="{ open }">
|
||||
<div style="cursor: pointer" @click="open">
|
||||
<img v-if="info.cardf_image!=''&&info.cardf_image!=null" :src="$store.state.user.apiUrl+info.cardf_image" style="height: 150px;">
|
||||
<img v-if="info.cardf_image != '' && info.cardf_image != null"
|
||||
:src="$store.state.user.apiUrl + info.cardf_image" style="height: 150px;">
|
||||
<span v-if="info.cardf_image == '' || info.cardf_image == null">未上传</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -221,7 +229,8 @@
|
||||
<td colspan="1">{{ info.enterprise_location }}</td>
|
||||
<td>企业地址</td>
|
||||
<td colspan="1">
|
||||
<a href="https://lbs.qq.com/tool/getpoint/get-point.html" target="_blank">{{ info.longitude }},{{ info.dimension }}</a>
|
||||
<a href="https://lbs.qq.com/tool/getpoint/get-point.html" target="_blank">{{ info.longitude }},{{
|
||||
info.dimension }}</a>
|
||||
</td>
|
||||
<td>注册资金（万元）</td>
|
||||
<td>{{ info.registered_capital }}</td>
|
||||
@ -257,7 +266,8 @@
|
||||
:closeOnEscKeydown="false">
|
||||
<template #trigger="{ open }">
|
||||
<div style="cursor: pointer" @click="open">
|
||||
<img v-if="info.business_license_image!=''&&info.business_license_image!=null" :src="$store.state.user.apiUrl + info.business_license_image" style="height: 150px; ">
|
||||
<img v-if="info.business_license_image != '' && info.business_license_image != null"
|
||||
:src="$store.state.user.apiUrl + info.business_license_image" style="height: 150px; ">
|
||||
<span v-if="info.business_license_image == '' || info.business_license_image == null">未上传</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -271,7 +281,8 @@
|
||||
:closeOnEscKeydown="false">
|
||||
<template #trigger="{ open }">
|
||||
<div style="cursor: pointer" @click="open">
|
||||
<img v-if="info.company_image!=''&&info.company_image!=null" :src="$store.state.user.apiUrl + info.company_image" style="height: 150px; ">
|
||||
<img v-if="info.company_image != '' && info.company_image != null"
|
||||
:src="$store.state.user.apiUrl + info.company_image" style="height: 150px; ">
|
||||
<span v-if="info.company_image == '' || info.company_image == null">未上传</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -354,7 +365,8 @@
|
||||
:closeOnEscKeydown="false">
|
||||
<template #trigger="{ open }">
|
||||
<div style="cursor: pointer" @click="open">
|
||||
<img v-if="info.documents_file!=''&&info.documents_file!=null" :src="$store.state.user.apiUrl + info.documents_file" style="height: 150px; ">
|
||||
<img v-if="info.documents_file != '' && info.documents_file != null"
|
||||
:src="$store.state.user.apiUrl + info.documents_file" style="height: 150px; ">
|
||||
<span v-if="info.documents_file == '' || info.documents_file == null">未上传</span>
|
||||
</div>
|
||||
</template>
|
||||
@ -412,6 +424,7 @@
|
||||
<t-button theme="primary" size="large" style="margin-left: 20px">会费已缴纳</t-button>
|
||||
</t-popconfirm>
|
||||
</div>
|
||||
|
||||
</t-card>
|
||||
</div>
|
||||
</template>
|
||||
@ -437,8 +450,28 @@ export default {
|
||||
this.getInfo();
|
||||
},
|
||||
methods: {
|
||||
openPDF() {
|
||||
const link = document.createElement('a');
|
||||
if (this.info.openid == '' || this.info.openid == null) {
|
||||
//const token = this.$store.state.user.token;
|
||||
//link.href = `https://hnyea.0rui.cn/api/member/getMemberPdf?member_id=${this.info.member_id}&token=${token}`;
|
||||
this.$message.error('当前用户暂无法生成PDF');
|
||||
return;
|
||||
} else {
|
||||
if (this.info.pdf_url == '' || this.info.pdf_url == null) {
|
||||
link.href = `https://hnyea.0rui.cn/api/move/pdf_member/exportPdf?openid=${this.info.openid}`;
|
||||
} else {
|
||||
link.href = `https://hnyea.0rui.cn${this.info.pdf_url}`;
|
||||
}
|
||||
}
|
||||
link.target = '_blank'; // 新标签页打开
|
||||
link.rel = 'noopener noreferrer'; // 安全考虑
|
||||
link.style.display = 'none';
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link); // 清理 DOM
|
||||
},
|
||||
getInfo() {
|
||||
|
||||
this.$request
|
||||
.post("/member/find", { member_id: this.member_id })
|
||||
.then((res) => {
|
||||
@ -448,8 +481,6 @@ export default {
|
||||
key.other_contacts = key.other_contacts != '' ? JSON.parse(key.other_contacts) : '';
|
||||
key.tuanweifuzerenxinxi = key.tuanweifuzerenxinxi != '' ? JSON.parse(key.tuanweifuzerenxinxi) : '';
|
||||
this.info = key;
|
||||
console.log(key);
|
||||
|
||||
})
|
||||
.catch((e) => {
|
||||
console.log(e);
|
||||
@ -485,12 +516,14 @@ export default {
|
||||
}
|
||||
|
||||
.my_table {
|
||||
border-collapse: collapse; /* 合并边框 */
|
||||
border-collapse: collapse;
|
||||
/* 合并边框 */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.my_table td {
|
||||
border: 1px solid black; /* 设置单元格边框 */
|
||||
border: 1px solid black;
|
||||
/* 设置单元格边框 */
|
||||
text-align: center;
|
||||
min-width: 100px;
|
||||
padding: 13px;
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
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 ="https://hnyea.0rui.cn/api/";
|
||||
const API_HOST ="/api/";
|
||||
const API_HOST = 'https://hnyea.0rui.cn/api/';
|
||||
//const API_HOST = '/api/';
|
||||
const CODE = {
|
||||
LOGIN_TIMEOUT: 1000000,
|
||||
REQUEST_SUCCESS: 0,
|
||||
@ -23,7 +23,7 @@ instance.interceptors.retry = 3;
|
||||
instance.interceptors.request.use((config) => {
|
||||
// 在原有配置基础上添加新参数
|
||||
if (store.state.user.association) {
|
||||
if(typeof (store.state.user.association)=='object'){
|
||||
if (typeof store.state.user.association == 'object') {
|
||||
var association = store.state.user.association;
|
||||
} else {
|
||||
var association = JSON.parse(store.state.user.association);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user