2024-08-13 18:10:46 +08:00

215 lines
11 KiB
Vue

<template>
<div class="detail-base">
<t-card title="基本信息" :bordered="false" class="info-block">
<t-descriptions :column="4">
<t-descriptions-item label="形象照">
<div slot="content">
<t-image-viewer v-model="visible" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.photo_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.photo_image" style="width: 100px;height: 100px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="会员姓名" :content="info.nikename"></t-descriptions-item>
<t-descriptions-item label="职位" :content="info.position_name"></t-descriptions-item>
<t-descriptions-item label="行业" :content="info.industry_id==-1?'其他行业':info.industry_name"></t-descriptions-item>
<t-descriptions-item label="区域" :content="info.region_name"></t-descriptions-item>
<t-descriptions-item label="手机号" :content="info.phone"></t-descriptions-item>
<t-descriptions-item label="性别">
<div slot="content">
{{info.gender==1?"男":"女"}}
</div>
</t-descriptions-item>
<t-descriptions-item label="出生日期" :content="info.birth_time"></t-descriptions-item>
<t-descriptions-item label="籍贯" :content="info.jiguan"></t-descriptions-item>
<t-descriptions-item label="民族" :content="info.nation"></t-descriptions-item>
<t-descriptions-item label="政治面貌" :content="info.political"></t-descriptions-item>
<t-descriptions-item label="毕业院校" :content="info.institution"></t-descriptions-item>
<t-descriptions-item label="学历" :content="info.education"></t-descriptions-item>
<t-descriptions-item label="学位" :content="info.academic_degree"></t-descriptions-item>
<t-descriptions-item label="自我介绍">
<div slot="content" style="width: 600px;">
{{info.introduction}}
</div>
</t-descriptions-item>
</t-descriptions>
</t-card>
<t-card title="个人信息" :bordered="false" class="info-block">
<t-descriptions :column="2">
<t-descriptions-item label="身份证正面照">
<div slot="content">
<t-image-viewer v-model="visibleZm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardz_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.cardz_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="身份证反面照">
<div slot="content">
<t-image-viewer v-model="visibleFm" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.cardf_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.cardf_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="身份证号码" :content="info.card_number"></t-descriptions-item>
<!-- <t-descriptions-item label="工作单位" :content="info.work_unit"></t-descriptions-item>-->
<t-descriptions-item label="单位职务" :content="info.unit_position"></t-descriptions-item>
<t-descriptions-item label="微信号" :content="info.wx_number"></t-descriptions-item>
<t-descriptions-item label="邮箱地址" :content="info.mailbox"></t-descriptions-item>
<t-descriptions-item label="固定电话" :content="info.fixed_telephone"></t-descriptions-item>
<t-descriptions-item label="其他社会职务" :content="info.other_social_positions"></t-descriptions-item>
<t-descriptions-item label="其他联系人" :content="info.other_contacts"></t-descriptions-item>
<t-descriptions-item label="主要成就以及获奖情况" :content="info.achievement_award"></t-descriptions-item>
</t-descriptions>
</t-card>
<t-card title="企业信息" :bordered="false" class="info-block">
<t-descriptions :column="2">
<t-descriptions-item label="营业执照">
<div slot="content">
<t-image-viewer v-model="visibleZz" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.business_license_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.business_license_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="公司Logo">
<div slot="content">
<t-image-viewer v-model="visiblelogo" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.company_image]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.company_image" style="width: 150px;" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="统一社会信用代码" :content="info.unified_code"></t-descriptions-item>
<t-descriptions-item label="公司名称" :content="info.enterprise_name"></t-descriptions-item>
<t-descriptions-item label="企业性质" :content="info.enterprise_nature"></t-descriptions-item>
<t-descriptions-item label="企业网址" :content="info.enterprise_website "></t-descriptions-item>
<t-descriptions-item label="是否上市">
<div slot="content">
{{info.if_list==1?"否":"是"}}
</div>
</t-descriptions-item>
<t-descriptions-item label="企业地址" :content="info.enterprise_location"></t-descriptions-item>
<t-descriptions-item label="上年度营业额" :content="!info.previous_revenue?'':info.previous_revenue+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度纳税额" :content="!info.previous_tax?'':info.previous_tax+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度净利润" :content="!info.previous_profit?'':info.previous_profit+'万'"></t-descriptions-item>
<t-descriptions-item label="上年度公益性捐赠支出" :content="!info.previous_donation?'':info.previous_donation+'万'"></t-descriptions-item>
<t-descriptions-item label="企业介绍" >
<div slot="content" style="width: 300px;">
{{info.enterprise_Introduction}}
</div>
</t-descriptions-item>
<t-descriptions-item label="业务介绍" :content="info.introdiction"></t-descriptions-item>
<t-descriptions-item label="企业所获荣誉以及专利" :content="info.enterorise_honor"></t-descriptions-item>
<t-descriptions-item label="其他企业任职情况" :content="info.qitaqiyerenzhiqingkuang"></t-descriptions-item>
<t-descriptions-item label="是否建立团组织">
<div slot="content">
{{info.if_organization==1?"否":"是"}}
</div>
</t-descriptions-item>
<template v-if="info.if_organization==0">
<t-descriptions-item label="团组织性质" :content="info.nature"></t-descriptions-item>
<t-descriptions-item label="建团时间" :content="info.jiantuan_time"></t-descriptions-item>
<t-descriptions-item label="建团人数" :content="info.jiantuan_number"></t-descriptions-item>
<t-descriptions-item label="青年人数" :content="info.youth_number"></t-descriptions-item>
<t-descriptions-item label="上级团组织" :content="info.superior_nature"></t-descriptions-item>
<t-descriptions-item label="批复文件">
<div slot="content">
<t-image-viewer v-model="visiblePf" :draggable="true" mode="modeless" :images="[$store.state.user.apiUrl+info.documents_file]">
<template #trigger="{ open }">
<div class="tdesign-demo-image-viewer__ui-image" @click="open">
<img alt="" :src="$store.state.user.apiUrl+info.documents_file" class="tdesign-demo-image-viewer__ui-image--img" />
</div>
</template>
</t-image-viewer>
</div>
</t-descriptions-item>
<t-descriptions-item label="团委负责人信息" :content="info.tuanweifuzerenxinxi"></t-descriptions-item>
<t-descriptions-item label="建团时间" :content="info.jiantuan_time"></t-descriptions-item>
</template>
</t-descriptions>
<div style="text-align: center" v-if="info.if_xianshi==0">
<t-popconfirm content="确认拒绝申请吗?" @confirm="tgSelect(2)">
<t-button theme="danger">拒绝</t-button>
</t-popconfirm>
<t-popconfirm content="确认通过审核吗?" @confirm="tgSelect(1)">
<t-button theme="primary" style="margin-left: 20px">通过审核</t-button>
</t-popconfirm>
</div>
</t-card>
</div>
</template>
<script lang="ts">
export default {
data() {
return {
visible:false,
visibleTg:false,
visibleZz:false,
visibleZm:false,
visibleFm:false,
visiblePf:false,
visiblelogo:false,
info:{},
member_id:0,
}
},
mounted() {
this.member_id=this.$route.query.id;
this.getInfo();
},
methods: {
getInfo() {
this.$request
.post("/member/find",{member_id:this.member_id})
.then( (res) => {
console.log(res);
this.info=res.data;
})
.catch((e) => {
console.log(e);
});
},
tgSelect(type){
this.$request
.post("/member/update",{member_id:this.member_id,if_xianshi:type,if_member:type})
.then( (res) => {
console.log(res);
if (res.code==1){
this.$message.success(res.msg);
}else{
this.$message.error(res.msg);
}
this.getInfo();
})
.catch((e) => {
console.log(e);
});
},
}
}
</script>
<style scoped lang="less">
.info-block{
margin-bottom: 20px;
}
</style>