<template>
|
<!-- 营商政策-->
|
<div id="businessPolicy">
|
<div class="upCentent">
|
<!-- 主信息区 -->
|
<div class="upCentent_item">
|
<div class="icon">
|
<img
|
src="../../../assets/images/businessPolicy/icon1@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="text">累计出台政策数量</div>
|
<div class="numText"><span>{{ CountObj.totalPolicy }}</span>条</div>
|
</div>
|
<div class="upCentent_item">
|
<div class="icon">
|
<img
|
src="../../../assets/images/businessPolicy/icon2@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="text">惠及企业数量</div>
|
<div class="numText"><span>{{ CountObj.units }}</span>万户</div>
|
</div>
|
<div class="upCentent_item">
|
<div class="icon">
|
<img
|
src="../../../assets/images/businessPolicy/icon3@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="text">惠及个人数量</div>
|
<div class="numText"><span>{{ CountObj.persons }}</span>万人</div>
|
</div>
|
<div class="upCentent_item">
|
<div class="icon">
|
<img
|
src="../../../assets/images/businessPolicy/icon4@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="text">减免金额</div>
|
<div class="numText"><span>{{ CountObj.amount }}</span>万元</div>
|
</div>
|
<div class="upCentent_item">
|
<div class="icon">
|
<img
|
src="../../../assets/images/businessPolicy/icon5@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="text">新闻报道数量</div>
|
<div class="numText"><span>{{ CountObj.news }}</span>条</div>
|
</div>
|
</div>
|
<!-- 表格区 -->
|
<div class="downCentent">
|
<div class="downCentent_item">
|
<div class="centent_title">
|
<span>政策内容</span
|
><img
|
src="../../../assets/images/businessPolicy/title_end@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="BusinessPolicyTable">
|
<el-table
|
stripe
|
max-height="1005"
|
:data="tableData"
|
style="width: 100%"
|
:row-class-name="tableRowClassName"
|
@row-click="tableRowClick"
|
>
|
<el-table-column prop="department" label="科室" min-width="10" fixed>
|
</el-table-column>
|
<el-table-column
|
prop="policyName"
|
label="政策名称"
|
min-width="30"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="effecttimeStart"
|
label="生效日期范围"
|
min-width="30"
|
>
|
</el-table-column>
|
<el-table-column
|
prop="unitNums"
|
label="惠及企业数"
|
min-width="15"
|
>
|
</el-table-column>
|
<el-table-column prop="reductions" label="减免金额" min-width="15">
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
<div class="downCentent_item">
|
<div class="centent_title">
|
<span>相关报道</span
|
><img
|
src="../../../assets/images/businessPolicy/title_end@2x.png"
|
alt=""
|
/>
|
</div>
|
<div class="BusinessPolicyTable">
|
<el-table
|
stripe
|
:data="tableData"
|
style="width: 100%"
|
max-height="1005"
|
:row-class-name="tableRowClassName"
|
>
|
<el-table-column
|
prop="policyName"
|
label="标题"
|
min-width="70"
|
align="right"
|
>
|
</el-table-column>
|
<el-table-column prop="resource" label="来源" min-width="15">
|
</el-table-column>
|
<el-table-column
|
prop="unitNums"
|
label="累计点击量"
|
min-width="15"
|
>
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</div>
|
<!-- 弹出对话框 -->
|
<div class="BusinessPolicyDialog">
|
<el-dialog
|
:visible.sync="tableDialogVisible"
|
width="86%"
|
title="我是标题"
|
min-height=" 112rem"
|
>
|
<div class="dislogCloseIcon" @click="tableDialogVisible = false"></div>
|
<h1>{{detailForm.policyName}}</h1>
|
<div class="fuTitle">
|
<span v-if="detailForm.makeDept">出台部门：{{detailForm.makeDept}}</span><span v-if="detailForm.makeTime">出台时间：{{detailForm.makeTime}}</span
|
><span v-if="detailForm.unitNums">惠及企业：{{detailForm.unitNums}}</span><span v-if="detailForm.reductions">减免金额：{{detailForm.reductions}}</span>
|
</div>
|
<div class="dialogText">
|
<el-divider></el-divider>
|
<span v-if="detailForm.policyContent" v-html="detailForm.policyContent"></span>
|
</div>
|
</el-dialog>
|
</div>
|
</div>
|
</template>
|
<script>
|
import {getCount, getList, getDetail} from '@/api/businessPolicy'
|
export default {
|
data() {
|
return {
|
CountObj:{},
|
tableData: [],
|
tableDialogVisible: false,
|
tableHeight: window.innerHeight * 0.62,
|
detailForm:{
|
policyName:'', //政策名称/新闻标题
|
makeDept:'', //出台部门
|
makeTime:'', //出台时间
|
unitNums:'', //惠及企业数
|
reductions:'', //减免金额
|
policyContent:'', //政策内容
|
}
|
};
|
},
|
mounted(){
|
this.getCount()
|
this.getZhengce()
|
this.getBaodao()
|
},
|
methods: {
|
/*******查询营商政策和相关报道列表接口*******/
|
getZhengce() {
|
this.getList('1')
|
},
|
getBaodao() {
|
this.getList('2')
|
},
|
|
getList(type) {
|
getList({type:type}).then(res => {
|
if(res.code == 1000) {
|
this.tableData = res.list
|
}
|
})
|
},
|
/***39.查询营商政策详情接口***/
|
getDetail(id) {
|
getDetail({id:id}).then(res => {
|
if(res.code == 1000) {
|
this.detailForm.policyName = res.obj.policyName
|
this.detailForm.makeDept = res.obj.makeDept
|
this.detailForm.makeTime = res.obj.makeTime
|
this.detailForm.policyContent = res.obj.policyContent
|
this.detailForm.unitNums = res.obj.unitNums
|
this.detailForm.reductions = res.obj.reductions
|
}
|
})
|
},
|
|
tableRowClassName({rowIndex}) {
|
if (rowIndex % 2 === 0) {
|
return "warning-row";
|
}
|
return "";
|
},
|
tableRowClick(row) {
|
this.tableDialogVisible = true;
|
console.log(row);
|
console.log(row.__ob__.dep.id);
|
console.log(row.id);
|
this.getDetail(row.id)
|
},
|
// 37. 查询营商政策五个统计数量接口
|
getCount(){
|
getCount().then(res=>{
|
// console.log(res);
|
if(res.code === 1000){
|
this.CountObj = res.obj
|
}
|
})
|
}
|
}
|
};
|
</script>
|
<style lang="scss">
|
@import "../../../assets/css/base";
|
@import "../../../assets/css/mixin.scss";
|
// 表格
|
.BusinessPolicyTable {
|
height: 3.92578125rem;
|
width: 4.5078rem;
|
position: absolute;
|
top: 0.2813rem;
|
left: 0.1289rem;
|
@include overflow-y();
|
|
.el-table {
|
background: transparent;
|
}
|
|
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
|
background: none;
|
}
|
|
// 去掉当前行高亮背景颜色
|
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
|
background: none;
|
}
|
|
// 状态颜色
|
.el-table .warning-row {
|
background-color: rgba(81, 210, 255, 0.1);
|
}
|
|
.el-table td.el-table__cell,
|
.el-table th.el-table__cell.is-leaf {
|
border: none;
|
}
|
|
.el-table tr {
|
background: transparent;
|
}
|
|
// 头部
|
.el-table th.el-table__cell {
|
background: transparent;
|
}
|
|
.el-table--striped,
|
.el-table__body,
|
tr.el-table__row--striped,
|
td.el-table__cell {
|
background: transparent;
|
}
|
|
.el-table thead {
|
color: #111111;
|
}
|
|
.el-table .el-table__cell {
|
padding: 0;
|
}
|
|
.el-table__body tr.hover-row.current-row > td.el-table__cell,
|
.el-table__body,
|
tr.hover-row.el-table__row--striped.current-row,
|
> td.el-table__cell,
|
.el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
|
.el-table__body tr.hover-row > td.el-table__cell {
|
background: transparent;
|
}
|
|
.el-table .cell {
|
font-weight: 300;
|
font-size: 0.1016rem;
|
text-align: center;
|
color: #ffffff;
|
line-height: 0.25rem;
|
}
|
}
|
|
// dialog对话框
|
.BusinessPolicyDialog {
|
.el-dialog__wrapper {
|
background: rgba(0, 0, 0, 0.9);
|
}
|
|
.el-dialog {
|
background: url(../../../assets/images/businessPolicy/dialog@2x.png) no-repeat center;
|
background-size: 100% 100%;
|
height: 4.375rem;
|
}
|
|
// 清除默认关闭样式
|
.el-icon-close:before {
|
content: "";
|
}
|
|
.el-dialog__header {
|
padding: 0;
|
width: 0;
|
height: 0;
|
}
|
|
.el-dialog__body {
|
text-align: center;
|
color: #eeeeee;
|
|
h1 {
|
margin-top: 0.4375rem;
|
font-size: 0.1563rem;
|
}
|
|
span {
|
font-size: 0.1094rem;
|
}
|
}
|
|
.el-divider {
|
margin: 0;
|
background-color: #eeeeee;
|
}
|
}
|
</style>
|
<style lang="scss" scoped>
|
// #businessPolicy {
|
// }
|
.upCentent {
|
height: 0.8984rem;
|
width: 9.6875rem;
|
margin: 0.1172rem 0.1563rem 0 0.1563rem;
|
display: flex;
|
|
.upCentent_item {
|
width: 1.8125rem;
|
height: 0.8984rem;
|
background: url(../../../assets/images/businessPolicy/bg_1@2x.png) no-repeat center;
|
background-size: 100% 100%;
|
flex: 1;
|
margin-right: 0.1563rem;
|
text-align: center;
|
|
&:nth-child(5) {
|
margin-right: 0;
|
}
|
|
.icon img {
|
width: 0.3125rem;
|
height: 0.3125rem;
|
margin-top: 0.1211rem;
|
}
|
|
.text {
|
height: 0.0938rem;
|
font-size: 0.0938rem;
|
font-weight: 300;
|
text-align: center;
|
color: #ffffff;
|
line-height: 0.0938rem;
|
}
|
|
.numText {
|
font-size: 0.0781rem;
|
margin-top: 0.0977rem;
|
color: #ffffff;
|
|
span {
|
font-size: 0.1875rem;
|
//font-family: Source Han Sans CN, Source Han Sans CN-Light;
|
font-weight: 300;
|
color: #51d2ff;
|
line-height: 0.0938rem;
|
margin-right: 0.0469rem;
|
}
|
}
|
}
|
}
|
|
.downCentent {
|
width: 9.6875rem;
|
height: 4.4766rem;
|
margin: 0.1406rem 0.1563rem 0.2422rem 40px;
|
display: flex;
|
|
.downCentent_item {
|
width: 4.7656rem;
|
height: 4.4766rem;
|
background: url(../../../assets/images/businessPolicy/bg_big@2x.png) no-repeat center;
|
background-size: 100% 100%;
|
flex: 1;
|
margin-right: 0.1563rem;
|
padding: 0 0.1289rem 0 0.1289rem;
|
position: relative;
|
|
&:nth-child(2) {
|
margin-right: 0;
|
}
|
|
.centent_title {
|
position: absolute;
|
top: 0.0313rem;
|
font-size: 0.125rem;
|
//font-family: Source Han Sans CN, Source Han Sans CN-Regular;
|
font-weight: 400;
|
// text-align: left;
|
color: #51d2ff;
|
line-height: 0.1016rem;
|
|
span {
|
margin-left: 0.1445rem;
|
margin-right: 0.0781rem;
|
}
|
|
img {
|
width: 0.5313rem;
|
height: 0.0625rem;
|
}
|
}
|
}
|
}
|
|
.BusinessPolicyDialog {
|
.dislogCloseIcon {
|
display: inline-block;
|
width: 0.1875rem;
|
height: 0.1875rem;
|
background: url(../../../assets/images/businessPolicy/dialogClose@2x.png) no-repeat center;
|
// background: 100% 100%;
|
// background-color: red;
|
margin: 0;
|
position: relative;
|
top: 0.2734rem;
|
left: 45%;
|
}
|
|
.fuTitle {
|
margin-top: 0.2344rem;
|
|
span {
|
margin-right: 0.3125rem;
|
}
|
}
|
|
.dialogText {
|
width: 7.5rem;
|
height: 2.3438rem;
|
margin: 0 auto;
|
margin-top: 0.2305rem;
|
text-align: start;
|
white-space: pre-wrap;
|
line-height: 0.1875rem;
|
overflow: scroll;
|
}
|
}
|
</style>
|
