宏观市场

dsk-operate-ui/src/views/macro/component/region.vue

@@ -5,7 +5,11 @@
         <span class="province">{{province}}</span>
         <span class="icon">
           <i class="el-icon-location"></i>切换
-          <el-cascader ref="address" class="cascader-region" popper-class='cascader-region-addd'
+          <el-select v-if="key =='5'" v-model="address" class="cascader-region" @change="addressListbtn1">
+            <el-option v-for="(item,index) in addressList" :key="index" :label="item.label" :value="item.id"></el-option>
+          </el-select>
+
+          <el-cascader v-else ref="address" class="cascader-region" popper-class='cascader-region-addd'
                        @change="addressListbtn"  v-model="address" :options="addressList" :props="props" collapse-tags></el-cascader>
       </span>
       </div>
@@ -17,7 +21,7 @@
   import dataRegion from '@/assets/json/dataRegion'
   export default {
     name:'region',
-    props:['province','dataQuery'],
+    props:['province','dataQuery','type'],
     data(){
       return {
         props: {
@@ -28,7 +32,8 @@
         addressList: [],
         address:'',
         provinceId:[],
-        location:''
+        location:'',
+        key:'',
       }
     },
     watch: {
@@ -39,10 +44,12 @@
     created(){
       this.dataRegion()
       this.location=this.province
+      this.key=this.type;
     },
     methods:{
       addressListbtn() {
         let nodesObj = this.$refs.address.getCheckedNodes()[0];
+
         this.location=nodesObj.pathLabels[nodesObj.pathLabels.length-1];
         this.provinceId=nodesObj.path;
         let data={}
@@ -52,6 +59,18 @@
         this.$parent.addressListbtn(data)
         localStorage.setItem('location', true)
       },
+      addressListbtn1() {
+        let obj = this.addressList.find((option) => option.id === this.address);
+        this.location=obj.label;
+        this.provinceId=[obj.id];
+        let data={}
+        data.province=this.location
+        data.provinceId=this.provinceId
+        data.provinces=[this.location]
+        console.log(data,"|||||||")
+        this.$parent.addressListbtn(data)
+        localStorage.setItem('location', true)
+      },
       //地区
       async dataRegion() {
         // await axios.post("https://files.jiansheku.com/file/json/common/dataRegion.json", {}, {

dsk-operate-ui/src/views/macro/economies/component/industrialStructure.vue

@@ -376,7 +376,7 @@ export default {
             top: 46px;
           }
           th{
-            font-size: 12px !important;
+            font-size: 13px !important;
             font-weight: 400 !important;
           }
           .el-table__fixed-header-wrapper th{

dsk-operate-ui/src/views/macro/economies/component/localEconomy.vue

@@ -22,6 +22,7 @@
           v-loading="tableLoading"
           :data="tableData"
           border
+          v-horizontal-scroll="'hover'"
           highlight-current-row
           @sort-change="sortChange"
           :default-sort = "{prop: 'gdp', order: 'descending'}"
@@ -36,7 +37,7 @@
 
           </el-table-column>
           <el-table-column prop="gdp" label="GDP（亿元）" sortable width="120" :formatter="formatStatus"/>
-          <el-table-column prop="gdpGrowth" label="GDP增速（%）" sortable width="120" :formatter="formatStatus"/>
+          <el-table-column prop="gdpGrowth" label="GDP增速（%）" sortable width="130" :formatter="formatStatus"/>
           <el-table-column prop="gdpPerCapita" label="人均GDP（元）" sortable width="130" :formatter="formatStatus"/>
           <el-table-column prop="population" label="人口（万人）" sortable width="120" :formatter="formatStatus"/>
           <el-table-column prop="fixedInvestment" label="固定资产投资 （亿元） " sortable width="200" :formatter="formatStatus"/>
@@ -111,10 +112,10 @@ export default {
         params.provinceIds=[this.provinceId[0]]
       }
       if(this.provinceId.length > 1){
-        params.cityId=[this.provinceId[1]]
+        params.cityIds=[this.provinceId[1]]
       }
       if(this.provinceId.length > 2){
-        params.areaId=[this.provinceId[2]]
+        params.areaIds=[this.provinceId[2]]
       }
       // params.provinceIds=[this.dataQuery.provinceId]
       // this.isSkeleton = true
@@ -226,7 +227,6 @@ export default {
           overflow-y: clip;
         }
         th{
-          font-size: 12px !important;
           font-weight: 400 !important;
         }
         .el-table__fixed-header-wrapper th{

dsk-operate-ui/src/views/macro/economies/component/regionalEconomy.vue

@@ -333,9 +333,9 @@ export default {
     getData(){
       this.isSkeleton = true
       let params={}
-      if(this.dataQuery.id){
-        params.id=this.dataQuery.id
-      }
+      // if(this.dataQuery.id){
+      //   params.id=this.dataQuery.id
+      // }
       if(this.provinceId.length >= 0){
         params.provinceId=this.provinceId[0]
       }
@@ -732,16 +732,6 @@ export default {
           this.$parent.handleClick('second', data);
           break;
         case 2:
-          // this.$router.push({
-          //   path: '/macro/urban',
-          //   query:{
-          //     provinceId:this.dataQuery.provinceId,
-          //     province:this.dataQuery.province,
-          //   }
-          // })
-          console.log(this.dataQuery.provinceId)
-          console.log(this.dataQuery.province)
-          // return
           this.$router.push({name: 'Urban',
             params: {
               provinceId: this.dataQuery.provinceId,
@@ -883,7 +873,7 @@ export default {
       ::v-deep .el-table{
         overflow:visible;
         th{
-          font-size: 12px !important;
+          font-size: 13px !important;
           font-weight: 400 !important;
         }
         .el-table__fixed-header-wrapper th{

dsk-operate-ui/src/views/macro/economies/index.vue

@@ -76,7 +76,13 @@ export default {
       if(Array.isArray(this.dataQuery.provinceId)){
         this.provinceId=this.dataQuery.provinceId
       }else {
-        this.provinceId.push(this.dataQuery.provinceId)
+        if(this.dataQuery.cityId){
+          this.provinceId=[this.dataQuery.provinceId,this.dataQuery.cityId,this.dataQuery.areaId]
+        }else if(this.dataQuery.cityId){
+          this.provinceId=[this.dataQuery.provinceId,this.dataQuery.cityId]
+        }else {
+          this.provinceId=[this.dataQuery.provinceId]
+        }
       }
     }else {
       location({}).then(res => {

dsk-operate-ui/src/views/macro/enterprises/index.vue

 <template>
   <div class="app-container enterprises">
-    <Region v-if="province" :province="province" :dataQuery="dataQuery" @addressListbtn="addressListbtn"></Region>
+    <Region v-if="province" :province="province" :dataQuery="dataQuery" @addressListbtn="addressListbtn" :type="5"></Region>
     <div class="flex-box eco-header">
       <el-tabs v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="本地企业" name="first"></el-tab-pane>
@@ -20,6 +20,7 @@
           collapse-tags
           clearable></el-cascader>
         <el-input placeholder="输入关键词查询" v-model="queryParams.ename" clearable @clear="handleSearch()">
+          <i slot="prefix" class="el-icon-search"></i>
           <el-button slot="append" @click="handleSearch()">搜索</el-button>
         </el-input>
         <span class="total">共{{tableDataTotal}}条</span>
@@ -31,7 +32,7 @@
           v-loading="tableLoading"
           border
           fit
-          max-height="640"
+          v-horizontal-scroll="'hover'"
           @sort-change="sortChange"
           highlight-current-row
           v-if="tableDataTotal > 0 && !isSkeleton"
@@ -291,17 +292,8 @@ export default {
       this.dataQuery.province=data.provinces;
       let params={}
       if(data){
-        if(this.provinceId.length > 0){
-          params.provinceId=this.provinceId[0]
+        params.provinceId=this.provinceId
       }
-        if(this.provinceId.length > 1){
-          params.cityId=this.provinceId[1]
-        }
-        if(this.provinceId.length > 2){
-          params.areaId=this.provinceId[2]
-        }
-      }
-
       this.querySubmit()
       location(params).then(res => {
         console.log(res.data)
@@ -362,11 +354,13 @@ export default {
           width: 180px;
           margin-right: 12px;
           height: 32px;
+          line-height: 32px !important;
           .el-input{
             width: 100%;
             height: 32px;
             .el-input__inner{
               height: 32px !important;
+              line-height: 32px !important;
             }
           }
           .el-cascader__tags{
@@ -379,16 +373,29 @@ export default {
         }
         ::v-deep .el-input.el-input-group{
           width: 240px;
-          height: 32px;
+          height: 30px;
+          border: 1px solid #e0e0e0;
           .el-input__inner{
-            height: 32px;
-            border-right: 0;
+            height: 30px;
+            border: 0;
           }
           .el-input__suffix{
             margin-top: -1px;
           }
+          .el-icon-search{
+            font-size: 14px;
+            line-height: 32px;
+            color:#0081FF;
+            margin-left: 6px;
+            margin-right: 4px;
+          }
           .el-input__inner:focus{
-            border-color: #e0e0e0;
+            /*border-color: #0081FF;*/
+          }
+          .el-input__inner:focus ~.el-input-group__append{
+            /*border: 1px solid #0081FF;*/
+            color: #ffffff;
+            background: #0081FF;
           }
           .el-input-group__append{
             width: 60px;
@@ -396,9 +403,12 @@ export default {
             text-align: center;
             background: #F5F5F5;
             color:#0081FF;
-            border-left: 0;
-            border-radius: 0;
-            border-right: 0;
+            border-radius:0 2px 2px 0;
+            border: 0;
+            &:hover{
+              color: #ffffff;
+              background: #0081FF;
+            }
           }
         }
         .total{
@@ -448,7 +458,7 @@ export default {
             overflow-y: clip;
           }
           th{
-            font-size: 12px !important;
+            font-size: 13px !important;
             font-weight: 400 !important;
           }
           .el-table__fixed-header-wrapper th{

dsk-operate-ui/src/views/macro/financing/index.vue

@@ -437,7 +437,6 @@ export default {
     .content{
       background: #ffffff;
       padding: 16px;
-      margin-bottom: 16px;
       border-radius: 4px;
     }
     .common-title{

dsk-operate-ui/src/views/macro/firstParty/index.vue

-<template>
-  <div class="app-container">
-    大型甲方
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'FirstParty',
-  data() {
-    return {
-    }
-  },
-  created() {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

dsk-operate-ui/src/views/macro/list/index.vue

-<template>
-  <div class="app-container">
-    地区榜单
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'List',
-  data() {
-    return {
-    }
-  },
-  created() {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

dsk-operate-ui/src/views/macro/nationalEconomies/component/BI.vue

+<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/component/jzqyfx.vue

@@ -225,10 +225,7 @@
       }
     },
     created() {
-      setTimeout(() => {
-        this.isSkeleton=false;
-        this.getData()
-      }, 1000);
+      this.getAreaGroupByProvince()
       var date = new Date()
       var year = date.getFullYear()
       var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth()+ 1
@@ -274,9 +271,13 @@
             total=total+this.jzglData[i].count
           }
           this.total=total;
-
+          this.$nextTick(() => {
             this.initChart()
           })
+
+        })
+      },
+      getCertGroupByMajorProvinceLevel(){
         certGroupByMajorProvinceLevel().then(res => {
           this.dqData=res.data;
           let data=this.dqData[0].province;
@@ -305,9 +306,15 @@
             list.push(item)
           }
           this.jzdqData=list
+          this.$nextTick(() => {
             this.initChart1()
           })
+
+        })
+      },
+      getAreaGroupByProvince(){
         areaGroupByProvince().then(res => {
+          this.isSkeleton=false;
           this.zbData=res.data;
           //定义一个变量 保存数据 因为sort方法排序会改变原数组 使用JSON方法深拷贝 将原数值暂存
           // let dataArr = JSON.parse(JSON.stringify(res.data))
@@ -321,10 +328,15 @@
           this.rankList=data;
           //将原数组数据赋值回去  保持数据不变
           // this.zbData = JSON.parse(JSON.stringify(dataArr))
+          this.$nextTick(() => {
             this.initChart2()
           })
+          this.getData()
+          this.getCertGroupByMajorProvinceLevel()
+        })
       },
       initChart() {
+        this.$nextTick(() => {
           let myChart = echarts.init(document.getElementById("gl-echarts"))
           let option ={
             tooltip: {
@@ -382,8 +394,10 @@
           window.addEventListener("resize", function () {
             myChart.resize();//图表跟随页面大小变化宽度
           });
+        })
       },
       initChart1() {
+        this.$nextTick(() => {
           let myChart = echarts.init(document.getElementById("jzqy-echarts"))
           let option ={
             legend: {
@@ -549,8 +563,11 @@
           window.addEventListener("resize", function () {
             myChart.resize();//图表跟随页面大小变化宽度
           });
+        })
+
       },
       initChart2() {
+        this.$nextTick(() => {
           let myChart = echarts.init(document.getElementById("ba-echarts"))
           let option ={
             tooltip: {
@@ -615,6 +632,7 @@
           window.addEventListener("resize", function () {
             myChart.resize();//图表跟随页面大小变化宽度
           });
+        })
       },
       handleClick(type,index){
         if(type === 1){
@@ -848,7 +866,7 @@
           }
         }
         th{
-          font-size: 12px !important;
+          font-size: 13px !important;
           font-weight: 400 !important;
         }
         .el-table__fixed-header-wrapper th{

dsk-operate-ui/src/views/macro/nationalEconomies/component/tdjy.vue

@@ -11,7 +11,7 @@
             </el-select>
           </div>
         </div>
-        <div class="content_box" v-if="gyflState">
+        <div class="content_box" v-if="gyfsList.length > 0 && !isSkeleton">
           <div class="box-left">
             <div id="echarts1" style="height: 280px"></div>
           </div>
@@ -36,12 +36,12 @@
             </el-table>
           </div>
         </div>
-        <div class="empty" v-if="!gyflState">
+        <div class="empty" v-if="gyfsList.length === 0 && !isSkeleton">
           <img class="img" src="@/assets/images/project/empty.png">
           <div class="p1">抱歉，暂无数据展示</div>
         </div>
       </div>
-      <div v-if="!isSkeleton" class="td_content">
+      <div v-if="!tdytState" class="td_content">
         <div class="flex-box query-box">
           <div class="flex-box query-params">
             <span class="common-title">全国土地交易项目土地用途</span>
@@ -50,7 +50,7 @@
             </el-select>
           </div>
         </div>
-        <div class="content_box" v-if="tdytState">
+        <div class="content_box" v-if="tdytList.length > 0 && !tdytState">
           <div class="box-left">
             <div id="echarts2" style="height: 280px"></div>
           </div>
@@ -75,12 +75,12 @@
             </el-table>
           </div>
         </div>
-        <div class="empty" v-if="!tdytState">
+        <div class="empty" v-if="tdytList.length === 0 && !tdytState">
           <img class="img" src="@/assets/images/project/empty.png">
           <div class="p1">抱歉，暂无数据展示</div>
         </div>
       </div>
-      <div v-if="!isSkeleton" class="td_content">
+      <div v-if="!topState" class="td_content">
         <div class="flex-box query-box">
           <div class="flex-box query-params">
             <span class="common-title">全国土地交易项目地区Top10</span>
@@ -92,7 +92,7 @@
             </el-select>
           </div>
         </div>
-        <div class="content_box" v-if="topList.length > 0 && !isSkeleton">
+        <div class="content_box" v-if="topList.length > 0 && !topState">
           <div class="box-left" style="width: 60%;">
             <div id="echarts3" style="height: 300px"></div>
           </div>
@@ -117,18 +117,18 @@
             </el-table>
           </div>
         </div>
-        <div class="empty" v-if="topList.length === 0 && !isSkeleton">
+        <div class="empty" v-if="topList.length === 0 && !topState">
           <img class="img" src="@/assets/images/project/empty.png">
           <div class="p1">抱歉，暂无数据展示</div>
         </div>
       </div>
-      <div v-if="!isSkeleton" class="td_content">
+      <div v-if="!nftjState" class="td_content">
         <div class="flex-box query-box">
           <div class="flex-box query-params">
             <span class="common-title">全国土地交易项目年份统计</span>
           </div>
         </div>
-        <div class="content_box">
+        <div class="content_box" v-if="nftjList.length > 0 && !nftjState">
           <div class="box-left" style="width: 60%;">
             <div id="echarts4" style="height: 300px"></div>
           </div>
@@ -187,6 +187,7 @@ export default {
       gyflState:true,
       tdytState:true,
       topState:true,
+      nftjState:true,
       // typeName:['住宅用地','工业用地','城镇住宅用地','其他商服用地','公共设施用地','公路用地','城镇村道路用地','公园与绿地',
       //   '工矿仓储用地','零售商业用地','科研用地','街巷用地','机关团体用地','商服用地','商务金融用地']
     }
@@ -194,15 +195,16 @@ export default {
   created() {
     this.dataRegion()
     this.yearsData()
-    setTimeout(() => {
+
+  },
+  mounted() {
+    this.$nextTick(()=>{
       this.getCountLandMarketByType()
       this.getCountLandMarketByTypeTd()
       this.getCountLandMarketByProvince()
       this.getCountLandMarketByYear()
-      this.isSkeleton=false;
-    }, 1500);
-  },
-  mounted() {
+    })
+
   },
   beforeDestroy(){
 
@@ -211,7 +213,8 @@ export default {
     getCountLandMarketByType(){
       // this.isSkeleton = true
       countLandMarketByType({type:'供应方式',yearStr:this.years.join(",")}).then(res => {
-        // this.isSkeleton = false
+        this.isSkeleton = false
+        this.gyflState = false
         this.gyfsList=res.data.provinceDate;
         var list=[];
         for(var i=0;i<res.data.provinceDate.length;i++){
@@ -222,12 +225,9 @@ export default {
           list.push(obj)
         }
         if(list.length > 0){
-          this.gyflState=true
           this.$nextTick(() => {
             this.initChart1(list)
           })
-        }else {
-          this.gyflState=false;
         }
       })
     },
@@ -235,9 +235,9 @@ export default {
       // this.isSkeleton = true
       countLandMarketByType({type:'土地用途',yearStr:this.years1.join(",")}).then(res => {
         // this.isSkeleton = false
+        this.tdytState=false;
         this.tdytList=res.data.provinceDate;
         if(res.data.provinceDate.length > 0){
-          this.tdytState=true
           var list=[];
           for(var i=0;i<10;i++){
             var obj={};
@@ -251,10 +251,7 @@ export default {
               this.initChart2(list)
             })
           }
-        }else {
-          this.tdytState=false;
         }
-
       })
     },
     getCountLandMarketByProvince(){
@@ -264,9 +261,8 @@ export default {
       if(this.address.length > 0){
         params.provinceId=this.address.join(",")
       }
-      // this.isSkeleton = true
       countLandMarketByProvince(params).then(res => {
-        // this.isSkeleton = false
+        this.topState = false
         this.topList=res.data.provinceDate;
         var list=[];
         if(res.data.provinceDate){
@@ -288,10 +284,10 @@ export default {
     },
     getCountLandMarketByYear(){
       countLandMarketByYear().then(res => {
+        this.nftjState=false;
         this.nftjList=res.data.yearDate;
         var list=[];
         if(res.data.yearDate){
-          this.topState=true
           for(var i=0;i<res.data.yearDate.length;i++){
             var obj={};
             obj.type=res.data.yearDate[i].type;
@@ -300,11 +296,11 @@ export default {
             obj.typeList=res.data.yearDate[i].typeList
             list.push(obj)
           }
+          if(list.length > 0){
             this.$nextTick(() => {
               this.initChart4(list)
             })
-        }else {
-          this.topState=false;
+          }
         }
       })
     },

dsk-operate-ui/src/views/macro/nationalEconomies/component/zhongbiao.vue

@@ -11,7 +11,7 @@
           </el-select>
         </div>
       </div>
-      <div class="content_box" v-if="gyflState">
+      <div class="content_box" v-if="xmtjList.length > 0 && !isSkeleton">
         <div class="box-left">
           <div id="echarts1" style="height: 280px"></div>
         </div>
@@ -38,12 +38,12 @@
           </el-table>
         </div>
       </div>
-      <div class="empty" v-if="!gyflState">
+      <div class="empty" v-if="xmtjList.length === 0 && !isSkeleton">
         <img class="img" src="@/assets/images/project/empty.png">
         <div class="p1">抱歉，暂无数据展示</div>
       </div>
     </div>
-    <div v-if="!isSkeleton" class="td_content">
+    <div v-if="!zbtjState" class="td_content">
       <div class="flex-box query-box">
         <div class="flex-box query-params">
           <span class="common-title">全国各地区中标统计TOP10</span>
@@ -52,7 +52,7 @@
           </el-select>
         </div>
       </div>
-      <div class="content_box" v-if="tdytState">
+      <div class="content_box" v-if="topList.length > 0 && !zbtjState">
         <div class="box-left">
           <div id="echarts2" style="height: 280px"></div>
         </div>
@@ -79,12 +79,12 @@
           </el-table>
         </div>
       </div>
-      <div class="empty" v-if="!tdytState">
+      <div class="empty" v-if="topList.length === 0 && !zbtjState">
         <img class="img" src="@/assets/images/project/empty.png">
         <div class="p1">抱歉，暂无数据展示</div>
       </div>
     </div>
-    <div v-if="!isSkeleton" class="td_content">
+    <div v-if="!jefxState" class="td_content">
       <div class="flex-box query-box">
         <div class="flex-box query-params">
           <span class="common-title">全国中标金额分析</span>
@@ -93,7 +93,7 @@
           </el-select>
         </div>
       </div>
-      <div class="content_box" v-if="tdytState">
+      <div class="content_box" v-if="zbjeList.length > 0 && !jefxState">
         <div class="box-left">
           <div id="echarts3" style="height: 280px"></div>
         </div>
@@ -118,18 +118,18 @@
           </el-table>
         </div>
       </div>
-      <div class="empty" v-if="!tdytState">
+      <div class="empty" v-if="zbjeList.length === 0 && !jefxState">
         <img class="img" src="@/assets/images/project/empty.png">
         <div class="p1">抱歉，暂无数据展示</div>
       </div>
     </div>
-    <div v-if="!isSkeleton" class="td_content">
+    <div v-if="!qsfxState" class="td_content">
       <div class="flex-box query-box">
         <div class="flex-box query-params">
           <span class="common-title">全国中标趋势分析</span>
         </div>
       </div>
-      <div class="content_box">
+      <div class="content_box" v-if="zbqsList.length > 0 && !qsfxState">
         <div class="box-left">
           <div id="echarts4" style="height: 300px"></div>
         </div>
@@ -154,8 +154,12 @@
           </el-table>
         </div>
       </div>
+      <div class="empty" v-if="zbqsList.length === 0 && !qsfxState">
+        <img class="img" src="@/assets/images/project/empty.png">
+        <div class="p1">抱歉，暂无数据展示</div>
+      </div>
     </div>
-    <div v-if="!isSkeleton" class="td_content">
+    <div v-if="!xflState" class="td_content">
       <div class="flex-box query-box">
         <div class="flex-box query-params">
           <span class="common-title">全国中标下浮率分析</span>
@@ -164,7 +168,7 @@
           </el-select>
         </div>
       </div>
-      <div class="content_box" v-if="tdytState">
+      <div class="content_box" v-if="xflList.length > 0 && !xflState">
         <div class="box-left">
           <div id="echarts5" style="height: 280px"></div>
         </div>
@@ -189,17 +193,17 @@
           </el-table>
         </div>
       </div>
-      <div class="empty" v-if="!tdytState">
+      <div class="empty" v-if="xflList.length === 0 && !xflState">
         <img class="img" src="@/assets/images/project/empty.png">
         <div class="p1">抱歉，暂无数据展示</div>
       </div>
     </div>
 
-    <div v-if="!isSkeleton" class="td_content">
+    <div v-if="!xmlxState" class="td_content">
       <div class="flex-box query-box">
         <div class="flex-box query-params">
           <span class="common-title">全国中标业绩项目类型下浮率</span>
-          <el-select @change="handleYears(6)" style="margin-right: 8px" v-model="address" collapse-tags filterable class="form-content-width" placeholder="地区筛选" :popper-append-to-body='false' size="small">
+          <el-select @change="handleYears(6)" style="margin-right: 8px" v-model="address" clearable collapse-tags filterable class="form-content-width" placeholder="地区筛选" :popper-append-to-body='false' size="small">
             <el-option v-for="(item, index) in addressList" :key="index" :label="item.label" :value="item.id" />
           </el-select>
           <el-select v-model="years4" @change="handleYears(6)" collapse-tags filterable class="form-content-width" placeholder="请选择" :popper-append-to-body='false' size="small">
@@ -207,7 +211,7 @@
           </el-select>
         </div>
       </div>
-      <div class="content_box" v-if="topList.length > 0 && !isSkeleton">
+      <div class="content_box" v-if="xmxflList.length > 0 && !isSkeleton">
         <div class="box-left">
           <div id="echarts6" style="height: 300px"></div>
         </div>
@@ -233,7 +237,7 @@
           </el-table>
         </div>
       </div>
-      <div class="empty" v-if="topList.length === 0 && !isSkeleton">
+      <div class="empty" v-if="xmxflList.length === 0 && !xmlxState">
         <img class="img" src="@/assets/images/project/empty.png">
         <div class="p1">抱歉，暂无数据展示</div>
       </div>
@@ -269,24 +273,24 @@
         xflList :[],
         xmxflList :[],
         isSkeleton:true,
-        gyflState:true,
-        tdytState:true,
-        topState:true,
+        zbtjState:true,
+        jefxState:true,
+        qsfxState:true,
+        xflState:true,
+        xmlxState:true,
       }
     },
     created() {
       this.dataRegion()
       this.yearsData()
       this.getCountBidByType()
-      this.$nextTick(() => {
-
-      })
-      setTimeout(() => {
       this.getCountBidGroupByProvince()
       this.getRangeBidMoney()
       this.getRangeBidFiveYears()
       this.getLowerRateByYear()
       this.getLowerRangeTenderType()
+      setTimeout(() => {
+
       }, 1000);
     },
     mounted() {
@@ -322,6 +326,7 @@
           yearStr:this.years1.join(",")
         }
         countBidGroupByProvince(params).then(res => {
+          this.zbtjState=false;
           this.topList=res.data;
           if(res.data){
             this.$nextTick(() => {
@@ -335,6 +340,7 @@
           yearStr:this.years2.join(",")
         }
         rangeBidMoney(params).then(res => {
+          this.jefxState=false;
           this.zbjeList=res.data;
           var list=[];
           for(var i=0;i<res.data.length;i++){
@@ -353,6 +359,7 @@
       },
       getRangeBidFiveYears(){
         rangeBidFiveYears().then(res => {
+          this.qsfxState=false;
           this.zbqsList=res.data;
           if(res.data){
             this.$nextTick(() => {
@@ -366,6 +373,7 @@
           yearStr:this.years3
         }
         lowerRateByYear(params).then(res => {
+          this.xflState=false;
           for (var i=0; i<res.data.length; i++){
             res.data[i].rate=res.data[i].rate.toFixed(2)
           }
@@ -385,7 +393,7 @@
           params.provinceId=this.address
         }
         lowerRangeTenderType(params).then(res => {
-
+          this.xmlxState=false;
           for (var i=0; i<res.data.length; i++){
             for (let j=0; j<res.data[i].typeList.length; j++){
               if(res.data[i].typeList[j].tenderType === '施工'){
@@ -526,7 +534,6 @@
       },
       initChart2(data) {
         this.$nextTick(() => {
-          // console.log(typeList)
           let myChart = echarts.init(document.getElementById("echarts2"))
           let seriesData=[]
           let color=['#FCD68A', '#67B3FD', '#FFB8AD', '#FFD7AD', '#A9F1E5', '#D0FAB7', '#ADC0FF', '#BEECFF', '#81D5BC', '#FFE48A'];

dsk-operate-ui/src/views/macro/nationalEconomies/index.vue

@@ -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 {

dsk-operate-ui/src/views/macro/rmation/index.vue

-<template>
-  <div class="app-container">
-    区域资讯
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Rmation',
-  data() {
-    return {
-    }
-  },
-  created() {
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

dsk-operate-ui/vue.config.js

@@ -35,9 +35,9 @@ module.exports = {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://47.104.91.229:9099/prod-api`,
-        target: `http://192.168.0.165:9098`,//施
+        // target: `http://192.168.0.165:9098`,//施
         // target: `http://192.168.60.6:9098`,//谭
-        // target: `http://139.9.157.49:9099`,//测试
+        target: `http://139.9.157.49:9099/prod-api`,//测试
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''