<template>
|
<div id="register" style="position: relative;">
|
<div class="header">
|
<LoginHeader></LoginHeader>
|
<header style="width: 80%;margin-top: 20px;margin-left: 10%;color: #FFF;font-size: 17px;">
|
政策匹配
|
<Icon type="ios-arrow-forward" /> 政策洞察
|
</header>
|
<main>
|
|
<Card :bordered="false" :dis-hover="true" style="width: 80%;margin-top: 20px;margin-left: 10%;">
|
<Tabs v-model='tab'>
|
<TabPane label="填写资料" name="tab1"></TabPane>
|
<TabPane label="匹配结果" v-if="tab == 'tab2'" name="tab2"></TabPane>
|
</Tabs>
|
<div v-if="tab == 'tab1'"
|
style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;">
|
<div style="margin-top: 50px;">
|
<Poptip trigger="focus" placement="bottom-start"
|
style="width: 500px;float: left;margin-right: 10px;">
|
<Input v-model="search" size="large" style="width: 500px;" placeholder="请输入企业名称"
|
@on-change="remoteMethod">
|
<template #prepend>
|
公司名称
|
<Tooltip content="如需匹配的企业未添加到企业管理，请先添加企业，再进行匹配！" theme="light" transfer
|
max-width="200" placement="top">
|
<Icon type="ios-help" />
|
</Tooltip>
|
</template>
|
<template #append>
|
<!-- <Button>添加企业</Button> -->
|
<Button size="large" type="primary" @click="getList">匹配</Button>
|
</template>
|
</Input>
|
<ul slot="content" style="width: 500px;">
|
<li v-if="optionsList && optionsList.length == 0">无匹配结果</li>
|
<li v-for="(item, index) in optionsList" :key="index"
|
@click="changeBelongLtdId(item.Name)" class="clearfix"
|
style="cursor:pointer;padding: 4px 2px;">
|
<span style="float: left;">{{ item.Name }}</span>
|
<span
|
style="float: right;display: inline-block;border-radius: 4px;background-color: #e5f7fa;padding: 1px 4px;color: #05b6d0;">{{
|
item.IsOriginalNameMatch ? '历史名称匹配' : '企业名称匹配'
|
}}</span>
|
</li>
|
</ul>
|
</Poptip>
|
<span class="normal" @click="UpdateDefaultCompany">设为默认企业</span>
|
<!-- <Button size="large" type="primary" @click="UpdateDefaultCompany">设为默认企业</Button> -->
|
</div>
|
</div>
|
<div v-if="tab == 'tab2'" style="padding-bottom: 50px;">
|
<p class="search-title">当前企业：{{ search }}</p>
|
<Spin v-show="loading" size="large" fix>
|
<!-- <Icon type="ios-loading" size=18 ></Icon> -->
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<!-- <div>Loading</div> -->
|
</Spin>
|
<div class="content-box" v-if="content.length">
|
<Card class="left" v-if="content.length">
|
|
<p v-html="content">
|
|
</p>
|
</Card>
|
<div class="right">
|
<Card class="right-card">
|
<div class="tit"><img src="../../assets/images/policy/renwu.png" alt="">政策申报规划咨询
|
</div>
|
<div class="people">
|
<div class="msg">
|
<div class="name">高腾 <span class="position">| 咨询总监</span> </div>
|
<div class="honor"><span class="b1">企业荣誉认定</span><span
|
class="b2">企业荣誉认定</span></div>
|
<div class="intro">简介：具有丰富的政策申报规划经验，能为不同阶段的企业定制补贴申领方案，通过率达95%。</div>
|
</div>
|
<div class="photo">
|
<img src="https://www.keceyun.com/_nuxt/ghs-avatar.CJ7c5kws.png" alt="">
|
</div>
|
</div>
|
</Card>
|
<Card class="right-card" style="margin-top: 20px;">
|
<div class="tit"><img src="../../assets/images/policy/wenjian.png" alt="">申报推荐
|
</div>
|
<div class="recommended">
|
<div v-for="(item, index) in recommendationList" :key="index" class="tuijian-tit">
|
<a href="#">{{item.ProjectTitle}}</a>
|
</div>
|
</div>
|
</Card>
|
</div>
|
|
</div>
|
|
<!--<Card>
|
<div>共查到 <span style="color: #ff0000;">{{ list.length }}</span> 条数据
|
预计本企业可申请资助：5星：100万元以上，4星：100万元以上，3星：100万元以上，总计
|
200万元以上</div>
|
<div>
|
关键词：
|
</div>
|
<Input v-model="keyword" size="large" style="width: 300px;" placeholder="请输入搜索关键词" />
|
<Button size="large" type="primary" style="margin-left: 10px;">搜索</Button>
|
<Button size="large" type="primary" style="margin-left: 10px;">导出</Button>
|
|
|
</Card>-->
|
<!-- <Card v-for="(item, index) in listarr" style="margin-top: 20px;" class="card">
|
<div class="type">工业互联网产业发展-工业互联网领域研发投入资助类</div>
|
<ul>
|
<li style="width: 40%;">
|
<span class="title">受理部门：</span>龙华区工业和信息化局
|
</li>
|
<li style="width: 20%;">
|
<span class="title">申报年度：</span>2024
|
</li>
|
<li style="width: 20%;">
|
<span class="title">地区：</span>龙华区
|
</li>
|
<li style="width: 20%;">
|
<span class="title">匹配度：</span>
|
<Rate disabled v-model="rate" />
|
</li>
|
</ul>
|
<div style="height: 30px;line-height: 30px;display: flex;color:#8590a6;">
|
<div style="width: 25%;"><span
|
style="font-weight: 600;">申报时间：</span>2024.09.03-2024.09.18</div>
|
<div>
|
<span style="font-weight: 600;">支持力度：</span>
|
<Tooltip content="查看详情" theme="light" transfer max-width="200">
|
111111111
|
</Tooltip>
|
</div>
|
|
</div>
|
</Card>
|
<Page :total="total" :model-value="pageIndex" :page-size="pageSize" show-elevator
|
style="float: right;margin-top: 10px;" /> -->
|
|
</div>
|
</Card>
|
|
|
</main>
|
</div>
|
|
</div>
|
</template>
|
|
<script>
|
|
import $ from 'jquery'
|
import axios from '@/libs/api.request'
|
import LoginHeader from '../login/loginHeader.vue'
|
|
export default {
|
components: {
|
LoginHeader
|
},
|
data() {
|
return {
|
rate: 5,
|
tab: 'tab1',
|
// tab: 'tab2',
|
year: '',//当前年份
|
loginModal: true,
|
activeIndex: 0,
|
loading: false,
|
isTrigger: false,
|
recommendationList:[],
|
list: [
|
],
|
listarr: [
|
],
|
search: '',
|
|
data: [
|
{
|
name: 'John Brown',
|
age: 18,
|
address: 'New York No. 1 Lake Park',
|
date: '2016-10-03'
|
},
|
],
|
total: 0,
|
pageIndex: 1,
|
pageSize: 10,
|
keyword: '',
|
optionsList: [],
|
content: ''
|
|
}
|
},
|
created() {
|
this.year = new Date().getFullYear()
|
|
},
|
watch: {
|
|
},
|
mounted() {
|
// if (localStorage.getItem('Address') && localStorage.getItem('Address') != 'null') {
|
// this.search = localStorage.getItem('Address')
|
// // this.getList()
|
// }
|
this.GetDefaultCompanyIsId()
|
},
|
methods: {
|
GetDefaultCompanyIsId() {
|
let data = {
|
UserId: localStorage.getItem('userId')
|
};
|
axios.request({
|
url: '/DefaultCompany/GetDefaultCompanyIsId',
|
method: 'post',
|
data
|
}).then(res => {
|
if (res.data.Check) {
|
this.search = res.data.Data[0].Company
|
}
|
})
|
},
|
GetSubsidyDataFilter() {
|
let data = {
|
Keyword : '',
|
CompanyName : this.search,
|
};
|
axios.request({
|
url: '/SubsidyData/GetSubsidyDataFilter',
|
method: 'post',
|
data
|
}).then(res => {
|
if (res.data.Check) {
|
let list = res.data.Data
|
this.recommendationList=list
|
// console.log(list);
|
}
|
})
|
},
|
|
// DefaultCompany/UpdateDefaultCompany
|
UpdateDefaultCompany() {
|
// 修改默认公司：/DefaultCompany/UpdateDefaultCompany
|
// 参数：UserId
|
// Company
|
let data = {
|
UserId: localStorage.getItem('userId'),
|
Company: this.search
|
};
|
axios.request({
|
url: '/DefaultCompany/UpdateDefaultCompany',
|
method: 'post',
|
data
|
}).then(res => {
|
if (res.data.Check) {
|
localStorage.setItem('Address', this.search)
|
this.$Message.success('修改成功');
|
}
|
})
|
},
|
getList() {
|
if (!this.search) {
|
this.$Message.warning('请输入企业名称')
|
return
|
}
|
this.GetPolicyAnswer()
|
this.GetSubsidyDataFilter()
|
this.tab = 'tab2'
|
|
},
|
chooseRoute(e) {
|
console.log(e);
|
if (e.disabled == true) {
|
this.$store.commit('openloginModal', true)
|
} else {
|
this.$router.push(e.url)
|
}
|
},
|
changeMenu(item, index) {
|
this.activeIndex = index
|
if (item.url) {
|
this.$router.push(item.url)
|
}
|
},
|
goLoginPage() {
|
this.$router.push('/')
|
},
|
openLoginModal() {
|
this.$store.commit('openloginModal', true)
|
},
|
remoteMethod() {
|
// this.TypeAdd = 1
|
if (this.search !== '') {
|
this.searchLoading = true
|
let data = { name: this.search }
|
axios.request({
|
url: '/QiChaCha/GetTycSearch2',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.optionsList = JSON.parse(JSON.stringify(res.data.Data.Items))
|
} else {
|
this.optionsList = []
|
}
|
this.searchLoading = false
|
}, res => {
|
this.optionsList = []
|
this.searchLoading = false
|
})
|
} else {
|
this.optionsList = []
|
}
|
},
|
changeBelongLtdId(item) {
|
this.search = item
|
},
|
|
GetPolicyAnswer() {
|
this.loading = true
|
let data = {
|
CompanyName: this.search
|
}
|
|
// var res = '宝山钢铁股份有限公司作为中国领先的钢铁生产企业，可以获得多种政策补贴，旨在促进其可持续发展和技术创新。这些政策补贴主要包括以下几个方面：\n\n1. **绿色制造补贴**：在国家和地方政府的支持下，宝山钢铁可申请绿色制造相关的补贴。这些补贴旨在推动企业采用清洁生产工艺和环保技术，减少生产过程中的能源消耗和污染排放。通过这些补贴，宝山钢铁能够降低运营成本，提升其环保形象，进一步增强市场竞争力。\n\n2. **技术创新基金**：国家鼓励企业加大研发投入，通过申请技术创新基金，宝山钢铁可获得资金支持，用于新产品开发和技术改造。这不仅可以提升企业的技术水平和产品附加值，还能帮助其在激烈的市场竞争中保持领先地位。\n\n3. **出口退税政策**：作为一个出口导向型企业，宝山钢铁可以享受出口退税政策。这一政策能够减轻其在国际市场上的税负，提升产品在海外市场的价格竞争力，从而促进出口增长，增加公司盈利。\n\n4. **区域发展政策**：作为在特定区域内运营的企业，宝山钢铁可能有机会享受地方政府提供的区域发展政策补贴。这些补贴通常用于基础设施建设、人才引进和培训等方面，促进企业的快速发展和区域经济的提升。\n\n5. **节能减排奖励**：随着国家对节能减排的重视，宝山钢铁可获得相关奖励，以激励其在节能技术和减排措施上的投入。这不仅能帮助企业降低生产成本，还能符合国家的环保政策，提升社会责任感。\n\n通过以上政策补贴，宝山钢铁股份有限公司不仅能够减轻财务压力，提高经济效益，还能在环保和技术创新方面取得积极进展，增强其在全球钢铁行业中的竞争力。'
|
// this.content = res.replace(/\n/g, '<br>')
|
// this.content = this.content.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
|
// this.loading = false
|
axios.request({
|
url: '/SubsidyData/GetPolicyAnswer',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check && res.data.Data.Data) {
|
this.content = res.data.Data.Data.replace(/\n/g, '<br>')
|
this.content = this.content.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
|
this.loading = false
|
|
} else {
|
this.loading = false
|
// this.$Message.error('获取详情失败')
|
this.tab = 'tab1'
|
}
|
|
}, res => {
|
this.loading = false
|
|
});
|
|
},
|
|
|
},
|
computed: {
|
columns() {
|
let columns = []
|
columns.push({
|
title: '分类',
|
key: 'name',
|
render: (h, params) => {
|
return h('div', params.row.name ? params.row.name : '--')
|
}
|
})
|
columns.push({
|
title: '受理部门',
|
key: 'age',
|
render: (h, params) => {
|
return h('div', params.row.age ? params.row.age : '--')
|
}
|
})
|
columns.push({
|
title: '申报时间',
|
key: 'address',
|
render: (h, params) => {
|
return h('div', params.row.address ? params.row.address : '--')
|
}
|
})
|
columns.push({
|
title: '地区',
|
key: 'action',
|
render: (h, params) => {
|
return h('div', params.row.action ? params.row.action : '--')
|
}
|
})
|
|
columns.push({
|
title: '匹配度',
|
key: 'action',
|
render: (h, params) => {
|
return h('div', params.row.action ? params.row.action : '--')
|
}
|
})
|
columns.push({
|
title: '支持力度',
|
key: 'action',
|
render: (h, params) => {
|
return h('div', params.row.action ? params.row.action : '--')
|
}
|
})
|
return columns
|
},
|
|
},
|
|
}
|
</script>
|
<style lang="less" scoped>
|
#register {
|
min-width: 1450px;
|
background-color: #F6FBFE;
|
}
|
|
.active {
|
border-bottom: 4px solid #FFB13D;
|
}
|
|
.header {
|
width: 100%;
|
height: 950px;
|
background: url(../../assets/images/topBack.png) 100% 950px no-repeat;
|
background-position: center;
|
position: relative;
|
|
|
|
.ivu-input-group>.ivu-input:last-child,
|
/deep/ .ivu-input-group-append {
|
background-color: #2D8CF0;
|
color: #fff;
|
|
}
|
|
/deep/ .ivu-input-group-large .ivu-input,
|
.ivu-input-group-large>.ivu-input-group-prepend,
|
.ivu-input-group-large>.ivu-input-group-append {
|
height: 41px;
|
border-top-left-radius: 4px;
|
border-bottom-left-radius: 4px;
|
}
|
|
.ivu-input-group>span>.ivu-input:first-child,
|
.ivu-input-group>.ivu-input:first-child,
|
/deep/ .ivu-input-group-prepend {
|
display: none;
|
}
|
}
|
|
.card {
|
.type {
|
font-size: 18px;
|
height: 30px;
|
line-height: 30px;
|
}
|
|
ul {
|
width: 100%;
|
white-space: nowrap;
|
display: flex;
|
height: 32px;
|
line-height: 32px;
|
|
li {
|
display: flex;
|
margin-right: 10px;
|
|
.title {
|
color: #409eff;
|
font-weight: 600;
|
|
}
|
}
|
|
}
|
}
|
|
.content-box {
|
display: flex;
|
|
.left {
|
flex: 1;
|
margin-right: 20px;
|
}
|
|
.right {
|
width: 360px;
|
|
.right-card {
|
padding: 7px;
|
}
|
}
|
|
.tit {
|
font-size: 20px;
|
color: #333;
|
font-weight: bold;
|
display: flex;
|
align-items: center;
|
padding-bottom: 20px;
|
border-bottom: 1px solid #e5e7eb;
|
|
img {
|
width: 24px;
|
margin-right: 6px;
|
}
|
}
|
|
.people {
|
display: flex;
|
margin-top: 20px;
|
background: #f7fafe;
|
border-radius: 4px;
|
padding: 0 20px;
|
padding-top: .5rem;
|
|
|
.name {
|
color: #000;
|
font-size: 18px;
|
font-weight: 700;
|
|
.position {
|
color: #3677f6;
|
font-size: .75rem;
|
font-weight: 400;
|
}
|
}
|
|
.honor {
|
font-size: 12px;
|
height: 24px;
|
line-height: 22px;
|
margin: 10px 0;
|
|
.b1 {
|
background-color: #fff7e8;
|
border: 1px solid transparent;
|
color: #ff7d00;
|
margin-right: 8px;
|
padding: 0 8px;
|
}
|
|
.b2 {
|
background-color: #e8ffea;
|
border: 1px solid transparent;
|
color: #00b42a;
|
padding: 0 8px;
|
|
}
|
}
|
|
.intro {
|
color: #79829b;
|
font-size: 12px;
|
font-weight: 400;
|
line-height: 18px;
|
position: relative;
|
}
|
}
|
|
.photo {
|
width: 101px;
|
height: 148px;
|
margin-top: -1rem;
|
position: relative;
|
|
img {
|
width: 83px;
|
// height: 148px;
|
|
}
|
}
|
|
.recommended {
|
padding-bottom: 1.25rem;
|
padding-top: 1.25rem;
|
|
.tuijian-tit {
|
background: #f7fafe;
|
border-radius: 4px;
|
padding: .75rem 1rem;
|
margin-bottom: 5px;
|
|
a {
|
color: #000;
|
font-size: 16px;
|
}
|
}
|
|
}
|
|
|
}
|
|
.search-title {
|
position: absolute;
|
z-index: 1;
|
top: 14px;
|
right: 20px;
|
}
|
|
.top,
|
.bottom {
|
text-align: center;
|
}
|
|
|
.demo-spin-col .circular {
|
width: 25px;
|
height: 25px;
|
}
|
|
.demo-spin-icon-load {
|
animation: ani-demo-spin 1s linear infinite;
|
}
|
|
@keyframes ani-demo-spin {
|
from {
|
transform: rotate(0deg);
|
}
|
|
50% {
|
transform: rotate(180deg);
|
}
|
|
to {
|
transform: rotate(360deg);
|
}
|
}
|
|
.demo-spin-col {
|
height: 100px;
|
position: relative;
|
border: 1px solid #eee;
|
}
|
|
.normal {
|
border: none;
|
color: #2D8CF0;
|
line-height: 40px;
|
font-size: 16px;
|
cursor: pointer;
|
}
|
</style>
|
