1.入会流程字段同步

2.入会表单验证
3.国家数据接口对接
4.入会表单提交接口对接,问题处理
5.回显查询详情接口对接,问题处理
This commit is contained in:
王创世 2025-04-21 18:08:16 +08:00
parent 288823bac5
commit d6012c7cf4
7 changed files with 852 additions and 476 deletions

View File

@ -67,8 +67,8 @@ document.addEventListener('DOMContentLoaded', () => {
});
</script>
<style>
html{
/* html{
scroll-behavior: smooth;
}
} */
</style>
</html>

View File

@ -27,7 +27,7 @@
"nprogress": "^0.2.0",
"qrcode.vue": "^1.7.0",
"tdesign-icons-vue": "^0.1.11",
"tdesign-vue": "^1.10.5",
"tdesign-vue": "^1.11.2",
"tvision-color": "~1.6.0",
"vue": "~2.6.14",
"vue-clipboard2": "^0.3.1",

BIN
src/assets/dc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 B

File diff suppressed because it is too large Load Diff

View File

@ -84,13 +84,11 @@
<td>{{ info.work_unit }}</td>
<td>单位职务</td>
<td>{{ info.unit_position }}</td>
<td>通讯地址</td>
<td>{{ info.mail_address }}</td>
</tr>
<tr>
<td>籍贯</td>
<td>{{ info.jiguan }}</td>
</tr>
<tr>
<td>毕业院校</td>
<td>{{ info.institution }}</td>
<td>学历</td>
@ -99,18 +97,19 @@
<td>{{ info.academic_degree }}</td>
<td>邮编</td>
<td>{{ info.zip_code }}</td>
</tr>
<tr>
<td>手机号</td>
<td>{{ info.phone }}</td>
</tr>
<tr>
<td>邮箱</td>
<td>{{ info.mailbox }}</td>
<td>微信</td>
<td>{{ info.wx_number }}</td>
<td>固定电话</td>
<td>{{ info.fixed_telephone }}</td>
<td>所在区域</td>
<td>{{ info.region_name }}</td>
<td>详细地址</td>
<td colspan="3">{{ info.region_name }}{{ info.mail_address }}</td>
</tr>
<tr align="center">
<td>身份证正面照</td>
@ -153,7 +152,23 @@
<div style="text-align: left" v-html="info.introduction"></div>
</td>
<td colspan="6">
<div style="text-align: left" v-html="info.achievement_award"></div>
<!-- <div style="text-align: left" v-html="info.achievement_award"></div> -->
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>获奖时间</th>
<th>获奖名称</th>
<th>颁发机构</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.achievement_award">
<td>{{ item.time }}</td>
<td>{{ item.name }}</td>
<td>{{ item.organ }}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
@ -187,31 +202,7 @@
{{ info.main_social_positions }},{{ info.other_social_positions }}
</td>
</tr>
<tr align="center">
<td colspan="6">
<div style="font-size: 18px;font-weight: 600">紧急助理联系人</div>
</td>
</tr>
<tr align="center">
<td colspan="6">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>姓名</th>
<th>职务</th>
<th>电话</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.other_contacts">
<td>{{ item.name }}</td>
<td>{{ item.post }}</td>
<td>{{ item.phone }}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</div>
@ -226,14 +217,13 @@
<td>统一社会信用代码</td>
<td colspan="2">{{ info.unified_code }}</td>
<td>企业注册地</td>
<td colspan="1">{{ info.enterprise_location }}</td>
<td colspan="2">{{ 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>
</td>
<td>注册资金万元</td>
<td>{{ info.registered_capital }}</td>
</tr>
<tr>
<td>员工人数</td>
@ -244,8 +234,10 @@
<td>{{ info.enterprise_nature }}</td>
<td>所属行业</td>
<td>{{ info.industry_name }}</td>
<td colspan="2">企业网址</td>
<td>{{ info.enterprise_website }}</td>
<td>注册资金万元</td>
<td>{{ info.registered_capital }}</td>
<!-- <td colspan="2">企业网址</td>
<td>{{ info.enterprise_website }}</td> -->
</tr>
<tr>
<td>上年营业额万元</td>
@ -257,38 +249,6 @@
<td>上年公益性捐赠支出万元</td>
<td colspan="3">{{ info.previous_donation }}</td>
</tr>
<tr>
<td>
营业执照
</td>
<td colspan="5">
<t-image-viewer :images="[$store.state.user.apiUrl + info.business_license_image]" mode="modeless"
: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; ">
<span v-if="info.business_license_image == '' || info.business_license_image == null">未上传</span>
</div>
</template>
</t-image-viewer>
</td>
<td>
公司LOGO
</td>
<td colspan="4">
<t-image-viewer :images="[$store.state.user.apiUrl + info.company_image]" mode="modeless"
: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; ">
<span v-if="info.company_image == '' || info.company_image == null">未上传</span>
</div>
</template>
</t-image-viewer>
</td>
</tr>
<tr align="center">
<td colspan="6">
<div style="font-size: 18px;font-weight: 600">公司介绍</div>
@ -315,7 +275,18 @@
</tr>
<tr align="center">
<td colspan="6">
<div style="text-align: left" v-html="info.enterprise_honor"></div>
<!-- <div style="text-align: left" v-html="info.enterprise_honor"></div> -->
<div style="display: flex;gap: 10px;">
<div v-for="item in info.enterprise_honor">
<a v-if="getImage(item) == 'pdf'" :href="$store.state.user.apiUrl + item" target="_blank">查看</a>
<div>
<a :href="$store.state.user.apiUrl + item" target="_blank">
<img :src="$store.state.user.apiUrl + item"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</div>
</div>
</div>
</td>
<td colspan="5">
<div style="text-align: left" v-html="info.qitaqiyerenzhiqingkuang"></div>
@ -325,17 +296,214 @@
<td colspan="6">
<div style="font-size: 18px;font-weight: 600">企业履行社会责任情况</div>
</td>
<td colspan="6">
<div style="font-size: 18px;font-weight: 600">紧急联系人</div>
</td>
</tr>
<tr align="center">
<td colspan="6">
<div style="text-align: left" v-html="info.enterprise_lvxingzeren"></div>
</td>
<td colspan="6">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>姓名</th>
<th>职务</th>
<th>电话</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.other_contacts">
<td>{{ item.name }}</td>
<td>{{ item.post }}</td>
<td>{{ item.phone }}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
<td colspan="12">
<div style="font-size: 18px;font-weight: 600">法律文件</div>
</td>
</tr>
<tr align="center">
<td colspan="12">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>营业执照</th>
<th>公司LOGO</th>
<th>企业征信报告</th>
<th>无犯罪记录证明</th>
<th>上一年度企业营业税完税证明</th>
<th>企业信用信息报告</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a v-if="getImage(info.business_license_image) == 'pdf'"
:href="$store.state.user.apiUrl + info.business_license_image" target="_blank">查看</a>
<a v-else :href="$store.state.user.apiUrl + info.business_license_image" target="_blank">
<img :src="$store.state.user.apiUrl + info.business_license_image"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</td>
<td>
<a v-if="getImage(info.company_image) == 'pdf'"
:href="$store.state.user.apiUrl + info.company_image" target="_blank">查看</a>
<a v-else :href="$store.state.user.apiUrl + info.company_image" target="_blank">
<img :src="$store.state.user.apiUrl + info.company_image"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</td>
<td>
<a v-if="getImage(info.enterprise_credit_report) == 'pdf'"
:href="$store.state.user.apiUrl + info.enterprise_credit_report" target="_blank">查看</a>
<a v-else :href="$store.state.user.apiUrl + info.enterprise_credit_report" target="_blank">
<img :src="$store.state.user.apiUrl + info.enterprise_credit_report"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</td>
<td>
<a v-if="getImage(info.certificate_of_no_criminal_record) == 'pdf'"
:href="$store.state.user.apiUrl + info.certificate_of_no_criminal_record"
target="_blank">查看</a>
<a v-else :href="$store.state.user.apiUrl + info.certificate_of_no_criminal_record"
target="_blank">
<img :src="$store.state.user.apiUrl + info.certificate_of_no_criminal_record"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</td>
<td>
<a v-if="getImage(info.certificate_of_business_tax_payment_for_the_previous_year) == 'pdf'"
:href="$store.state.user.apiUrl + info.certificate_of_business_tax_payment_for_the_previous_year"
target="_blank">查看</a>
<a v-else
:href="$store.state.user.apiUrl + info.certificate_of_business_tax_payment_for_the_previous_year"
target="_blank">
<img
:src="$store.state.user.apiUrl + info.certificate_of_business_tax_payment_for_the_previous_year"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</td>
<td>
<a v-if="getImage(info.enterprise_credit_information_report) == 'pdf'"
:href="$store.state.user.apiUrl + info.enterprise_credit_information_report"
target="_blank">查看</a>
<a v-else :href="$store.state.user.apiUrl + info.enterprise_credit_information_report"
target="_blank">
<img :src="$store.state.user.apiUrl + info.enterprise_credit_information_report"
style="width: 100px;max-height: 200px;object-fit: cover;">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">4.建团信息</div>
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">4.海外业务</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="margin-top: 30px">
<table class="my_table">
<tr>
<td colspan="3">是否开展海外业务</td>
<td colspan="2">{{ info.if_abroad == 1 ? '是' : '否' }}</td>
</tr>
<tr>
<td>国家/城市</td>
<td>人员规模</td>
<td>上年度在当地的营收</td>
<td>经营情况</td>
<td>涉华经贸往来情况</td>
</tr>
<tr>
<td>
{{ info.abroad_region }}
</td>
<td>
{{ info.staff_size }}
</td>
<td>
{{ info.last_year_local_revenue }}
</td>
<td>
{{ info.business_case }}
</td>
<td>
<div v-html="info.economic_and_trade_exchanges_with_china"></div>
</td>
</tr>
</table>
</div>
</div>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">5.党组织信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="margin-top: 30px">
<table class="my_table">
<tr>
<td>是否建立党组织</td>
<td>{{ info.if_party == 1 ? '是' : '否' }}</td>
<template v-if="info.if_party == 1">
<td>党组织性质</td>
<td>{{ info.party_nature }}</td>
<td>建党时间</td>
<td>{{ info.partytime }}</td>
</template>
</tr>
<template v-if="info.if_party == 1">
<tr>
<td>建党人数</td>
<td>{{ info.party_number }}</td>
<td>青年人数</td>
<td>{{ info.party_youth_number }}</td>
<td>上级党组织</td>
<td>{{ info.manager_party }}</td>
</tr>
<tr align="center">
<td colspan="6">
<div style="font-size: 18px;font-weight: 600">党委负责人</div>
</td>
</tr>
<tr align="center">
<td colspan="6">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>单位职务</th>
<th>团委职务</th>
<th>手机号</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in info.dangweifuzerenxinxi">
<td>{{ item.name }}</td>
<td>{{ item.sex }}</td>
<td>{{ item.danwei_zhiwu }}</td>
<td>{{ item.party_zhiwu }}</td>
<td>{{ item.phone }}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</template>
</table>
</div>
</div>
<div style="margin-top: 30px">
<div style="color: #2E2E2E;font-size: 28px;font-weight: bold">6.建团信息</div>
<div style="height: 2px;background-color: #999999;width: 100%;margin-top: 20px"></div>
<div style="margin-top: 30px">
<table class="my_table">
@ -359,25 +527,12 @@
<td>{{ info.superior_nature }}</td>
</tr>
<tr align="center">
<td rowspan="2">批复文件</td>
<td rowspan="2" style="padding-top: 30px">
<t-image-viewer :images="[$store.state.user.apiUrl + info.documents_file]" mode="modeless"
: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; ">
<span v-if="info.documents_file == '' || info.documents_file == null">未上传</span>
</div>
</template>
</t-image-viewer>
</td>
<td colspan="4">
<td colspan="6">
<div style="font-size: 18px;font-weight: 600">团委负责人信息</div>
</td>
</tr>
<tr align="center">
<td colspan="5">
<td colspan="6">
<table style="width: 100%; text-align: center; border-collapse: collapse;">
<thead>
<tr>
@ -480,6 +635,8 @@ export default {
key.work_experience = key.work_experience != '' ? JSON.parse(key.work_experience) : '';
key.other_contacts = key.other_contacts != '' ? JSON.parse(key.other_contacts) : '';
key.tuanweifuzerenxinxi = key.tuanweifuzerenxinxi != '' ? JSON.parse(key.tuanweifuzerenxinxi) : '';
key.achievement_award = key.achievement_award != '' ? JSON.parse(key.achievement_award) : '';
key.enterprise_honor = key.enterprise_honor != '' ? JSON.parse(key.enterprise_honor) : '';
this.info = key;
})
.catch((e) => {
@ -507,6 +664,13 @@ export default {
console.log(e);
});
},
getImage(item) {
if (item == '' || item == null) {
return '';
}
//
return item.split('.').pop();
}
}
}
</script>

View File

@ -1,8 +1,8 @@
import axios from 'axios';
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,

View File

@ -47,7 +47,7 @@ export default ({ mode }) => {
'/api': {
// 用于开发环境下的转发请求
// 更多请参考https://vitejs.dev/config/#server-proxy
target: 'https://hnyea.0rui.cn/',
target: 'http://192.168.10.140/',
pathRewrite: {
'^/api': ''
},