Skip to content

D
dsk-operate-sys-cscec
Commit e7085469 authored by danfuman's avatar danfuman
Browse files
Options

修改

parent 71fab115
Hide whitespace changes
Inline Side-by-side
Showing with 446 additions and 176 deletions
dsk-operate-ui/src/views/custom/overview/index.vue
View file @ e7085469
......@@ -39,21 +39,21 @@
<el-col :span="6">
<div class="search">
<div class="head_title">快速查找</div>
<el-input placeholder="输入企业名称查询" v-model="key">
<el-input placeholder="输入企业名称查询" v-model="key" id="focus">
<i slot="prefix" class="el-icon-search"></i>
<el-button slot="append" @click="handleSearch">搜索</el-button>
</el-input>
<div class="search_btn" @click="handleAdd"><i class="el-icon-plus"></i>新建项目</div>
<div class="search_btn" @click="handleAdd"><i class="el-icon-plus"></i>添加客户</div>
</div>
</el-col>
</el-row>
<div class="content content_wap1">
<div class="head_title">业主单位合作情况</div>
<el-row>
<el-col :span="14">
<el-col :span="14" v-if="hzqkTotal != 0">
<div id="hzqk-echarts" style="height: 300px;"></div>
</el-col>
<el-col :span="10">
<el-col :span="10" v-if="hzqkTotal != 0">
<div class="box-right">
<el-table
:data="hzqkList"
......@@ -73,6 +73,10 @@
</el-table>
</div>
</el-col>
<div class="empty" v-if="hzqkTotal === 0">
<img class="img" src="@/assets/images/project/empty.png">
<div class="p1">抱歉，没找到相关数据</div>
</div>
</el-row>
</div>
<div class="content content_wap2">
......@@ -135,22 +139,22 @@
<p class="list-content-text">
<span>关联企业：</span>
<span>
<router-link :to="{path:`/enterprise/${encodeStr(item.companyId)}`,query:{customerId:item.customerId,path:'business'}}" tag="a">{{item.companyName || '--'}}</router-link>
<router-link :to="{path:`/enterprise/${encodeStr(item.companyId)}`,query:{customerId:item.customerId,path:'business'}}" tag="a" class="a-link">{{item.companyName || '--'}}</router-link>
</span>
</p>
<p class="list-content-text">
<p class="list-content-text" v-if="item.nickName">
<span>跟进人：</span>
<span>{{item.nickName || '--'}}</span>
</p>
<p class="list-content-text">
<p class="list-content-text" v-if="item.name">
<span>拜访对象：</span>
<span>{{item.name || '--'}}</span>
</p>
<p class="list-content-text">
<p class="list-content-text" v-if="item.visitTime">
<span>本次拜访时间：</span>
<span>{{item.visitTime || '--'}}</span>
</p>
<p class="list-content-text">
<p class="list-content-text" v-if="item.nextVisitTime">
<span>下次拜访时间：</span>
<span>{{item.nextVisitTime || '--'}}</span>
</p>
......@@ -208,16 +212,17 @@
pageSize:10,
recordlist:[],
timeList:['今日','近三天','近七天','自定义'],
datatype:'',
datatype:0,
defaultValue:new Date(),
pickerValue: [],
params:{
startTime:'',
endTime:''
startTime:this.formatDate(new Date()),
endTime:this.formatDate(new Date())
},
data:{
open:false
}
},
hzqkTotal:1
}
},
created() {
......@@ -245,7 +250,6 @@
this.statistics=res.data;
})
cooperationTop().then(res=>{
// console.log(res.data)
this.hzqkList=res.data;
let list=[];
for(let i=0; i<res.data.length; i++){
......@@ -255,6 +259,8 @@
}
if(list.length > 0){
this.initChart(list)
}else {
this.hzqkTotal=list.length
}
})
creditLevel().then(res=>{
......@@ -271,6 +277,7 @@
pageNum:this.pageNum,//页码
pageSize:this.pageSize,
}
console.log(this.params)
if(this.params.startTime){
param.startTime=this.params.startTime
}
......@@ -472,7 +479,7 @@
let endTime = new Date()
switch (value) {
case '今日':
startTime = new Date(endTime.getTime() - 3600 * 1000 * 24 * 3)
startTime = new Date()
timeStr = [this.formatDate(startTime), this.formatDate(endTime)]
break;
case '近三天':
......@@ -528,6 +535,9 @@
handleAdd(){
this.data.open=true
},
clickFocus(){
document.getElementById('focus').classList.toggle('span-ba')
}
}
}
</script>
......@@ -635,8 +645,20 @@
background: #F5F5F5;
color: #0081FF;
}
.el-input__inner:focus{
border-color: #3181fa;
}
&.span-ba{
border: 1px solid #0081FF;
span{
color: #ffffff;
background: #0081FF;
border: 1px solid #0081FF;
}
}
}
.search_btn{
width: 100%;
height: 36px;
......@@ -765,6 +787,28 @@
}
}
.content_wap1{
.empty{
margin: 0 auto;
height: 300px;
text-align: center;
.img{
width: 108px;
height: 108px;
margin-bottom: 24px;
margin-top: 50px;
}
.p1{
color: #333333;
font-size: 16px;
}
.p2{
color: #999999;
font-size: 14px;
margin-top: 8px;
}
}
}
.content_wap3{
background: #ffffff;
.query-box{
......@@ -889,7 +933,7 @@
margin: 0 auto;
height: 400px;
text-align: center;
border-top: 1px solid #EFEFEF;
/*border-top: 1px solid #EFEFEF;*/
padding-bottom: 50px;
.img{
width: 108px;
......
dsk-operate-ui/src/views/detail/party-a/urbanLnvestment/landAcquisition.vue
View file @ e7085469
......@@ -22,6 +22,9 @@
<router-link :to="`/radar/Land/details/${scope.row.id}`" tag="a" class="a-link" v-if="scope.row.id&&scope.row.projectName " v-html="scope.row.projectName"></router-link>
<div v-else v-html="scope.row.projectName || '--'"></div>
</template>
<template slot="transactionPrice" slot-scope="scope">
<div v-html="scope.row.transactionPrice =='0.00' ? '--' : scope.row.transactionPrice"></div>
</template>
</tables>
</div>
......@@ -55,7 +58,7 @@ export default {
{label: '行业分类', prop: 'industry', width: '120'},
{label: '供地方式', prop: 'supplyLandWay', width: '120'},
{label: '土地坐落', prop: 'landAddr', width: '150'},
{label: '成交金额（万元）', prop: 'transactionPrice', width: '130'},
{label: '成交金额（万元）', prop: 'transactionPrice', width: '130',slot: true},
{label: '总面积（㎡）', prop: 'acreage', width: '120'},
{label: '批准单位', prop: 'authority', width: '120'},
{label: '签订日期', prop: 'contractSignTime', width: '120'}
......
dsk-operate-ui/src/views/index.vue
View file @ e7085469
......@@ -20,17 +20,17 @@
<div class="item">
<router-link to="/macro/nationalEconomies" tag="a">
<img class="icon-img" src="@/assets/images/index/icon3.png"/>
<p class="text">宏观经济</p>
<p class="text">全国经济大全</p>
</router-link>
</div>
<div class="item">
<router-link to="/enterpriseData?type=2" tag="a">
<router-link to="/enterpriseData/Group" tag="a">
<img class="icon-img" src="@/assets/images/index/icon4.png"/>
<p class="text">集团户</p>
</router-link>
</div>
<div class="item">
<router-link to="/enterpriseData" tag="a">
<router-link to="/enterpriseData/Owner" tag="a">
<img class="icon-img" src="@/assets/images/index/icon5.png"/>
<p class="text">查城投平台</p>
</router-link>
......@@ -66,12 +66,12 @@
<div class="search">
<el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
<el-form-item prop="address">
<el-select v-model="queryParams.address" @change="changeSelect1" clearable placeholder="项目地区" style="width: 150px;">
<el-select v-model="queryParams.address" @change="changeSelect1" clearable placeholder="项目地区" style="width: 120px;">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="type">
<el-select v-model="queryParams.type" @change="changeSelect1" multiple collapse-tags clearable placeholder="项目类型" :class="queryParams.type.length > 1 ? 'selectTag' : ''" style="width: 170px;">
<el-select v-model="queryParams.type" @change="changeSelect1" multiple collapse-tags clearable placeholder="项目类型" :class="queryParams.type.length > 1 ? 'selectTag' : ''" style="width: 140px;">
<el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
......@@ -90,6 +90,7 @@
border
max-height="250"
fit
ref="tableRef"
highlight-current-row
>
<el-table-column prop="combineName" label="集团名称">
......@@ -125,12 +126,12 @@
@handle-search="changeSelect2" />
</el-form-item>
<el-form-item prop="address">
<el-select v-model="queryParams1.address" @change="changeSelect2" clearable placeholder="项目地区" style="width: 150px;">
<el-select v-model="queryParams1.address" @change="changeSelect2" clearable placeholder="项目地区" style="width: 120px;">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="type">
<el-select v-model="queryParams1.type" multiple collapse-tags @change="changeSelect2" clearable placeholder="项目类型" :class="queryParams1.type.length > 1 ? 'selectTag' : ''" style="width: 170px;">
<el-select v-model="queryParams1.type" multiple collapse-tags @change="changeSelect2" clearable placeholder="项目类型" :class="queryParams1.type.length > 1 ? 'selectTag' : ''" style="width: 140px;">
<el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
......@@ -148,6 +149,7 @@
:data="dxmbList"
border
max-height="400"
ref="tableRef1"
fit
highlight-current-row
>
......@@ -164,7 +166,7 @@
</el-col>
</el-row>
</div>
<div class="content_wap3">
<div class="content_wap3" ref="returnTop">
<el-tabs v-model="activeName" @tab-click="handleClickTab">
<el-tab-pane label="大项目最新中标" name="first">
<skeleton v-if="zxzbIsSkeleton" style="padding: 16px"></skeleton>
......@@ -227,16 +229,16 @@
<custom-money-select
:moneyList="moneyList"
v-model="amount"
placeholder="中标金额"
:placeholder="placeholder"
@handle-search="changeSelect3" />
</el-form-item>
<el-form-item prop="provinceId">
<el-select v-model="queryParams2.provinceId" @change="changeSelect3" clearable placeholder="项目地区" style="width: 150px;">
<el-select v-model="queryParams2.provinceId" @change="changeSelect3" clearable placeholder="项目地区" style="width: 120px;">
<el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="projects">
<el-select v-model="queryParams2.projects" @change="changeSelect3" multiple collapse-tags clearable placeholder="项目类型" :class="queryParams2.projects.length > 1 ? 'selectTag' : ''" style="width: 170px;">
<el-select v-model="queryParams2.projects" @change="changeSelect3" multiple collapse-tags clearable placeholder="项目类型" :class="queryParams2.projects.length > 1 ? 'selectTag' : ''" style="width: 140px;">
<el-option v-for="(item,index) in projectType" :key="index" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
......@@ -665,6 +667,7 @@ export default {
isSkeleton:true,
zxzbIsSkeleton:true,
zhaobiaoIsSkeleton:true,
placeholder:'中标金额'
};
},
created() {
......@@ -690,7 +693,7 @@ export default {
params.startDate=this.queryParams.time[0]
params.endDate=this.queryParams.time[1]
}
if(this.queryParams.type.length > 1){
if(this.queryParams.type.length > 0){
params.type=this.queryParams.type.join()
}
if(this.queryParams.address){
......@@ -702,6 +705,12 @@ export default {
this.jtzbList=res.data;
// if()
this.initChart(this.jtzbList)
setTimeout(() => {
this.$nextTick(() => {
this.$refs.tableRef.bodyWrapper.scrollTop = 0
});
}, 500);
}
})
},
......@@ -711,7 +720,7 @@ export default {
params.startDate=this.queryParams1.time[0]
params.endDate=this.queryParams1.time[1]
}
if(this.queryParams1.type.length > 1){
if(this.queryParams1.type.length > 0){
params.type=this.queryParams1.type.join()
}
if(this.queryParams1.address){
......@@ -720,6 +729,7 @@ export default {
if(this.queryParams1.money){
if(this.queryParams1.money.length > 1){
params.endMoney=this.queryParams1.money[1]
params.startMoney=this.queryParams1.money[0]
}else {
params.startMoney=this.queryParams1.money[0]
}
......@@ -730,6 +740,11 @@ export default {
if(this.dxmbList.length > 0){
this.initChart1(this.dxmbList)
}
setTimeout(() => {
this.$nextTick(() => {
this.$refs.tableRef1.bodyWrapper.scrollTop = 0
});
}, 500);
}
})
},
......@@ -741,6 +756,7 @@ export default {
if(this.amount){
if(this.amount.length > 1){
recentlyBidQueryDto.endMoney=this.amount[1]
recentlyBidQueryDto.startMoney=this.amount[0]
}else {
recentlyBidQueryDto.startMoney=this.amount[0]
}
......@@ -773,6 +789,7 @@ export default {
if(this.amount){
if(this.amount.length > 1){
jskBidQueryDto.endBidMoney=this.amount[1]
jskBidQueryDto.startBidMoney=this.amount[0]
}else {
jskBidQueryDto.startBidMoney=this.amount[0]
}
......@@ -848,7 +865,7 @@ export default {
color:"#666666"
},
name: '单位：个',
nameLocation: 'start',
nameLocation: 'end',
nameTextStyle: {
padding: [0, 20, 0, -60], // 四个数字分别为上右下左与原位置距离
color: '#666666',
......@@ -860,7 +877,7 @@ export default {
color:"#666666"
},
name: '单位：万元',
nameLocation: 'start',
nameLocation: 'end',
nameTextStyle: {
padding: [0, 0, 0, 100], // 四个数字分别为上右下左与原位置距离
color: '#666666',
......@@ -875,7 +892,7 @@ export default {
}
],
grid: {
top:30,
top:60,
left:80,
right:90,
bottom:30,
......@@ -951,157 +968,289 @@ export default {
]
this.$nextTick(()=>{
let myChart = echarts.init(document.getElementById("zbph-echarts"))
// let option ={
// legend: {
// show: false,
// x:'right',
// y:'top',
// padding:[10,0,10,0],
// itemWidth: 24,
// itemHeight: 10,
// textStyle:{
// borderRadius:30,
// }
// },
// yAxis: {
// type: 'category',
// inverse: true, // 反向坐标
// data: data.map(item => item.companyName),
// axisLine: {
// show: false,
// },
// axisTick: {
// show: false,
// },
// axisPointer: {
// label: {
// show: true,
// // margin: 30
// }
// },
// axisLabel: {
// margin: 220,
// textStyle: {
// align: 'left',
// },
// formatter: function (value,index) {
// let idx=index+1;
// if (value.length > 15) {
// value=`${value.slice(0, 15)}...`
// }
// return '{' + idx + '|} {s|' + value + '}'
// },
// rich: {
// 1: {
// height: 24,
// width: 24,
// // marginBottom:-15,
// align: 'center',
// backgroundColor: {
// image: rankPic[0]
// },
// },
// 2: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[1]
// }
// },
// 3: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[2]
// }
// },
// 4: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[3]
// }
// },
// 5: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[4]
// }
// },
// 6: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[5]
// }
// },
// 7: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[6]
// }
// },
// 8: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[7]
// }
// },
// 9: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[8]
// }
// },
// 10: {
// height: 24,
// width: 24,
// align: 'center',
// backgroundColor: {
// image: rankPic[9]
// }
// },
// }
// },
// },
// xAxis: {
// type: 'value',
// },
// grid: {
// left: '20%',
// top: 40,
// right: 50,
// bottom: 60,
// },
// tooltip: {
// show: true,
// backgroundColor: 'rgba(0,0,0,.7)',
// borderWidth: 0,
// textStyle: {
// color: '#fff',
// },
// },
// series: [
// {
// // realtimeSort: true,
// name:'中标金额（万元）',
// data: data.map(item => item.money),
// barGap: 0,
// type: 'bar',
// itemStyle:{
// color: '#14C9C9',
// barBorderRadius:[0, 20, 20, 0]
// },
// barWidth: 8,
// }
// ],
// }
let option ={
legend: {
show: false,
x:'right',
y:'top',
padding:[10,0,10,0],
itemWidth: 24,
itemHeight: 10,
textStyle:{
borderRadius:30,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
yAxis: {
xAxis: {
type: 'category',
inverse: true, // 反向坐标
data: data.map(item => item.companyName),
axisLine: {
show: false,
},
axisTick: {
show: false,
axisLabel: { //坐标轴刻度标签的相关设置
margin: 15, //刻度标签与轴线之间的距离
color:"#666666"
},
axisTick: false, //坐标轴刻度
axisPointer: {
label: {
show: true,
// margin: 30
type: 'shadow'
},
data: data.map(item => item.companyName),
},
yAxis: [
{
type: 'value',
axisLabel: { //坐标轴刻度标签的相关设置
color:"#666666"
},
name: '单位：个',
nameLocation: 'end',
nameTextStyle: {
padding: [0, 20, 0, 0], // 四个数字分别为上右下左与原位置距离
color: '#666666',
}
},
axisLabel: {
margin: 220,
textStyle: {
align: 'left',
{
type: 'value',
axisLabel: { //坐标轴刻度标签的相关设置
color:"#666666"
},
formatter: function (value,index) {
let idx=index+1;
return '{' + idx + '|} {s|' + value + '}'
name: '单位：万元',
nameLocation: 'end',
// nameLocation: 'start',
nameTextStyle: {
padding: [0, 0, 0, 100], // 四个数字分别为上右下左与原位置距离
color: '#666666',
},
rich: {
1: {
height: 24,
width: 24,
// marginBottom:-15,
align: 'center',
backgroundColor: {
image: rankPic[0]
},
},
2: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[1]
}
},
3: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[2]
}
},
4: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[3]
}
},
5: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[4]
}
},
6: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[5]
}
},
7: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[6]
}
},
8: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[7]
}
},
9: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[8]
}
},
10: {
height: 24,
width: 24,
align: 'center',
backgroundColor: {
image: rankPic[9]
}
},
splitLine: {
show: true,
lineStyle: {
type: 'dashed',
color: ['#FFFFFF']
}
}
},
},
xAxis: {
type: 'value',
},
}
],
grid: {
left: '20%',
top: 40,
right: 20,
bottom: 60,
},
tooltip: {
show: true,
backgroundColor: 'rgba(0,0,0,.7)',
borderWidth: 0,
textStyle: {
color: '#fff',
},
top:50,
left:60,
right:90,
bottom:50,
// containLabel: true
},
series: {
// realtimeSort: true,
name:'中标金额（万元）',
data: data.map(item => item.money),
barGap: 0,
type: 'bar',
itemStyle:{
color: '#14C9C9',
barBorderRadius:[0, 20, 20, 0]
// dataZoom:[
// {
// type: 'slider',
// realtime: true,
// start: 0,
// end: 25, // 数据窗口范围的结束百分比。范围是：0 ~ 100。
// height: 5, // 组件高度
// left: 5, // 左边的距离
// right: 5, // 右边的距离
// bottom: 10, // 下边的距离
// show: 0, // 是否展示
// handleSize: 0, // 两边手柄尺寸
// showDetail: false, // 拖拽时是否展示滚动条两侧的文字
// zoomLock: true, // 是否只平移不缩放
// moveOnMouseMove: false, // 鼠标移动能触发数据窗口平移
// // zoomOnMouseWheel: false, //鼠标移动能触发数据窗口缩放
// },
// {
// type: 'inside', // 支持内部鼠标滚动平移
// start: 0,
// end: 50,
// zoomOnMouseWheel: false, // 关闭滚轮缩放
// moveOnMouseWheel: true, // 开启滚轮平移
// moveOnMouseMove: true // 鼠标移动能触发数据窗口平移
// }
// ],
series: [
{
name:'中标金额（万元）',
smooth: false, //平滑
type:"line",
symbolSize: 6,
yAxisIndex: 1,
tooltip: {
valueFormatter: function (value) {
return value + '万元'
}
},
itemStyle: {
color: '#14C9C9'
},
data:data.map(item => item.money),
},
barWidth: 8,
},
{
name:'中标总数（个）',
type: 'bar',
barWidth: 20,
tooltip: {
valueFormatter: function (value) {
return value + '个';
}
},
itemStyle: {
normal:{
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: '#56A5FF'
}, {
offset: 1,
color: '#1B8EFF'
}])
}
},
data:data.map(item => item.count),
}
]
}
myChart.setOption(option);
window.addEventListener("resize", function () {
......@@ -1114,9 +1263,11 @@ export default {
this.queryParams2.pageNum=1;
if(this.activeName === 'first'){
this.getBigWinningBidsPage()
this.placeholder='中标金额'
}
if(this.activeName === 'second'){
this.getBigBidPage()
this.placeholder='总投资'
}
},
handleClickTab1(){},
......@@ -1144,10 +1295,20 @@ export default {
this.getBigBidPage()
}
},
handleCurrentChange(){
handleCurrentChange(val){
this.queryParams2.pageNum = val
if(this.activeName === 'first'){
this.getBigWinningBidsPage()
}
if(this.activeName === 'second'){
this.getBigBidPage()
}
window.scrollTo({
top: 600,
behavior: 'smooth' // 滚动行为：smooth平滑滚动，instant瞬间滚动，默认值auto，等同于instant
})
},
handleSizeChange(){
handleSizeChange(val){
this.queryParams2.pageNum = 1
this.queryParams2.pageSize = val
if(this.activeName === 'first'){
......@@ -1249,7 +1410,7 @@ export default {
padding: 22px 16px;
}
.content_wap1{
height: 360px;
height: 380px;
margin-bottom: 12px;
}
.content_wap2{
......@@ -1481,7 +1642,7 @@ export default {
.el-select__tags{
.el-tag{
&:first-child{
width: 90px;
width: 65px;
}
}
}
......
dsk-operate-ui/src/views/macro/nationalEconomies/component/BI.vue 0 → 100644
View file @ e7085469
<template>
<div class="BIfx">
<el-tabs v-model="activeName">
<el-tab-pane label="宏观市场分析" name="first">
<img class="img" src="@/assets/images/BI/hgscfx.png"/>
</el-tab-pane>
<el-tab-pane label="立项设计" name="second">
<img class="img" src="@/assets/images/BI/lxsj.png"/>
</el-tab-pane>
<el-tab-pane label="专项债项目" name="third">
<img class="img" src="@/assets/images/BI/zxz.png"/>
</el-tab-pane>
<el-tab-pane label="中标公告" name="fourth">
<img class="img" src="@/assets/images/BI/zbgg.png"/>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
export default {
name: 'BI',
data() {
return {
activeName:'first'
}
}
}
</script>
<style lang="scss" scoped>
.BIfx{
background: #ffffff;
padding: 16px;
margin-top: 12px;
::v-deep .el-tabs{
.el-tabs__nav-wrap::after {
position: static !important;
}
.el-tabs__header{
margin: 0;
.el-tabs__item{
padding: 0 16px;
font-size: 16px;
}
.is-active{
font-weight: bold;
}
}
.el-tabs__content{
width: 100%;
}
}
.img{
width: 100%;
margin-top: 30px;
}
}
</style>
dsk-operate-ui/src/views/macro/nationalEconomies/index.vue
View file @ e7085469
......@@ -6,6 +6,7 @@
<el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane>
<el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>
<el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane>
<el-tab-pane label="BI统计分析" name="five"></el-tab-pane>
</el-tabs>
</div>
......@@ -13,6 +14,7 @@
<Sjxmfx v-if="activeName === 'second'"></Sjxmfx>
<Zhongbiao v-if="activeName === 'third'"></Zhongbiao>
<Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx>
<BI v-if="activeName === 'five'"></BI>
</div>
</template>
......@@ -21,10 +23,11 @@
import Sjxmfx from './component/sjxmfx'
import Jzqyfx from './component/jzqyfx'
import Zhongbiao from './component/zhongbiao'
import BI from './component/BI'
export default {
name: 'NationalEconomies',
components: {
Economic,Sjxmfx,Jzqyfx,Zhongbiao
Economic,Sjxmfx,Jzqyfx,Zhongbiao,BI
},
data() {
return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment