城投平台优化

hailu

2023-02-13 acf398f7816c9eea1f503536b8753df6e03574bc

城投平台优化

 src/components/main/components/header-bar/sider-trigger/sider-trigger.vue

@@ -57,16 +57,16 @@
             <span class="two_class" name="zoneAnalyses" @click="setVersionInfo('zoneAnalyses')">区域经济</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-pinggu1"></span>
             <span class="two_class" name="zongheEvaluates" @click="setVersionInfo('zongheEvaluates')">综合评估</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-gongsi1"></span>
             <span class="two_class" name="zhengxinCompenys" @click="setVersionInfo('zhengxinCompenys')">城投平台</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-fenxi3"></span>
             <span class="two_class" name="rongziStructures" @click="setVersionInfo('rongziStructures')">融资分析</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-pinggu1"></span>
             <span class="two_class" name="zongheEvaluates" @click="setVersionInfo('zongheEvaluates')">综合评估</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-shixiangguanli"></span>

 src/router/routers.js

@@ -1153,7 +1153,7 @@
                meta: {
                    notCache: true,
                    access: ['no_admin', 'bankPunishNewEvent'],
                    icon: 'custom custom-shixiangguanli',
                    icon: 'custom custom-zulin-copy',
                    title: '银保监处罚事件'
                },
                component: () =>

 src/view/chengtou/zhengxinCompeny.vue

@@ -15,40 +15,40 @@
  <div>
    <Card>
      <div class="customTitle">
        <Icon custom="custom custom-gailan"></Icon>
        <!-- <Icon custom="custom custom-gailan"></Icon> -->
        <Icon custom="custom custom-caizhengquhua"></Icon>
        <span style="margin-left: 6px;">城投平台</span>
      </div>
    </Card>
    <Card style="margin-top: 12px">
      <div style="display: flex;justify-content: space-between;margin-bottom: 12px;">
            <Select placeholder="行政级别" style="width: 18%" size="large" v-model="tab7Level">
              <Option v-for="item in levelList" :value="item.value">{{ item.value }}</Option>
            </Select>
            <Select @on-change="tab7Selecttab1" placeholder="请选择省" size="large" style="width: 18%" v-model="tab7sheng">
              <Option v-for="item in this.allAreaList" :value="item.value">{{ item.value }}</Option>
            </Select>
            <Select @on-change="tab7Selecttab2" placeholder="请选择市" size="large" style="width: 18%" v-model="tab7shi">
              <Option v-for="item in this.shiList" :value="item.value">{{ item.value }}</Option>
            </Select>
            <Select @on-change="tab7Selecttab3" placeholder="请选择区县" size="large" style="width: 18%" v-model="tab7qu">
              <Option v-for="item in this.quxianList" :value="item.value">{{ item.value }}</Option>
            </Select>
            <Input v-model="keyword" class="ipt_width" placeholder="请输入公司名称" size="large" style="width: 18%"></Input>
            <Button size="large" type="primary" style="font-size: 14px;" @click="getTab7List(1)">查询</Button>
          </div>
          <Table border :columns="tab7Columns" :data="tab7TableList" :loading="loadingtab5" max-height="600">
            <template slot="action" slot-scope="params">
              <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
                <Icon custom="custom custom-chakan" size="18" 
                  @click="goqydsj(params.row)" />
                  <!-- :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" -->
              </Tooltip>
            </template>
          </Table>
          <div style="margin-top: 12px">
            <Page :current="pageIndex" :total="TotalItems" :page-size="20" style="text-align: right"
              @on-change="changePageIndex7" show-elevator />
          </div>
        <Select placeholder="行政级别" style="width: 18%" size="large" v-model="tab7Level">
          <Option v-for="item in levelList" :value="item.value">{{ item.value }}</Option>
        </Select>
        <Select @on-change="tab7Selecttab1" placeholder="请选择省" size="large" style="width: 18%" v-model="tab7sheng">
          <Option v-for="item in this.allAreaList" :value="item.value">{{ item.value }}</Option>
        </Select>
        <Select @on-change="tab7Selecttab2" placeholder="请选择市" size="large" style="width: 18%" v-model="tab7shi">
          <Option v-for="item in this.shiList" :value="item.value">{{ item.value }}</Option>
        </Select>
        <Select @on-change="tab7Selecttab3" placeholder="请选择区县" size="large" style="width: 18%" v-model="tab7qu">
          <Option v-for="item in this.quxianList" :value="item.value">{{ item.value }}</Option>
        </Select>
        <Input v-model="keyword" class="ipt_width" placeholder="请输入公司名称" size="large" style="width: 18%"></Input>
        <Button size="large" type="primary" style="font-size: 14px;" @click="getTab7List(1)">查询</Button>
      </div>
      <Table border :columns="tab7Columns" :data="tab7TableList" :loading="loadingtab5" max-height="600">
        <template slot="action" slot-scope="params">
          <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
            <Icon custom="custom custom-chakan" size="18" @click="goqydsj(params.row)"  :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" />
           
          </Tooltip>
        </template>
      </Table>
      <div style="margin-top: 12px">
        <Page :current="pageIndex" :total="TotalItems" :page-size="20" style="text-align: right"
          @on-change="changePageIndex7" show-elevator />
      </div>
    </Card>
  </div>
</template>
@@ -83,14 +83,15 @@
      tab7shi: '',
      tab7qu: '',
      tab7First: true,
      allAreaList:[],
      pageIndex : 1,
      pageSize:20,
      shiList:[],
      quxianList:[],
      keyword:'',
      loadingtab5:false,
      TotalItems:0,
      allAreaList: [],
      pageIndex: 1,
      pageSize: 20,
      shiList: [],
      quxianList: [],
      keyword: '',
      loadingtab5: false,
      TotalItems: 0,
      defaultassetsmode:false,
    }
  },
  mounted() {
@@ -98,9 +99,12 @@
    this.getTab7List()
  },
  watch: {
  

  },
  methods: {
    goqydsj(row) {
      this.$router.push(`publicMessage_tool?name=${row.CompanyName}`)
    },
    tab7Selecttab1(value) {
      this.tab7shi = ''
      this.tab7qu = ''
@@ -177,21 +181,21 @@
      })
    },
    getTab7List(e) {
      if(e){
        this.pageIndex=1
      if (e) {
        this.pageIndex = 1
      }
      this.loadingtab5 = true

      let data = {
        pageIndex: this.pageIndex,
          pageSize: 20,
          province: this.tab7sheng,
          city: this.tab7shi,
          area: this.tab7qu,
          keyword: this.keyword,
          level: this.tab7Level
        pageSize: 20,
        province: this.tab7sheng,
        city: this.tab7shi,
        area: this.tab7qu,
        keyword: this.keyword,
        level: this.tab7Level
      }
  

      axios.request({
        url: 'CityInvestment/GetCityAreaFinancingPlatformPage',
        data,
@@ -233,9 +237,9 @@



   

   


  },
  computed: {
    tab7Columns() {
@@ -323,7 +327,7 @@
      })
      return columns
    },
  

  }
}
</script>

 src/view/chengtou/zoneAnalyse.vue

@@ -20,29 +20,14 @@
        <div style="width: 400px;margin-left: 12px">
          <!-- <Cascader filterable :data="areaList" v-model="areaCascaderValue" change-on-select size="large"  @on-change="btncontrol"  placeholder="请选择区域"></Cascader> -->
          <!-- <cascaderMulti @on-change="btncontrol" size="large" :data="areaList" multiple></cascaderMulti> -->
          <el-cascader ref="cascader" v-model="areaCascaderValue" :props="props" :options="areaList" :change-on-select="true"
            @change="btncontrol" collapse-tags :clearable="true"></el-cascader>
          <!-- <el-cascader ref="cascader" :change-on-select="true" :props="defaultParams" :options="areaList"
            v-model="areaCascaderValue" collapse-tags :clearable="true" @change="btncontrol"></el-cascader> -->
          <!-- <el-button @click="defaultSelectSomeone">默认选中某项</el-button>
    <el-button @click="defaultSelectAll">默认选中全部</el-button>
            <el-cascader
      v-model="areaCascaderValue"
      clearable
      filterable
      :options="areaList"
      :props="{
        multiple: true
      }"
      :collapse-tags="true"
      placeholder="请选择"
      @change="selectHandle"
    >
      <template slot-scope="{ node, data }">
        <span>{{ data.label }}</span>
        <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
      </template>
    </el-cascader> -->

          <el-cascader :options="areaList" @change="btncontrol" ref="cascader" collapse-tags
            :props="{ multiple: true, checkStrictly: true, }" clearable></el-cascader>
          <!-- <el-cascader :options="areaList" @change="cardChange" ref="cascader" collapse-tags
            :props="{ multiple: true, checkStrictly: true, checkAll: true, expandTrigger: 'hover' }"
            clearable></el-cascader> -->




        </div>
@@ -129,15 +114,7 @@
  // components: { cascader },
  data() {
    return {
      props: { multiple: true, emitPath: false },
      // defaultParams: {
      //   label: 'label',
      //   value: 'value',
      //   children: 'children',
      //   multiple: true,
      //   // checkStrictly: true,
      //   // filterable: true
      // },
      props: { multiple: true, emitPath: false, checkStrictly: true },
      checkBtn: true,
      loadingplatform: false,
      checkShowList: [],
@@ -1572,9 +1549,8 @@
      orderByType: "",
      yearnogo: false,
      colName: [],
      copyAreaCascaderValue:[],
      //   preSelected: [], // 上次选中的数据
      // originData: [], //  源数据平铺成一级节点
      copyAreaCascaderValue: [],
      flag:false,
    }
  },
  mounted() {
@@ -1593,6 +1569,7 @@
    this.$nextTick(() => {
      this.getPlatform()
    })

  },
  watch: {
    checkShowList(data) {
@@ -1602,127 +1579,49 @@
    }
  },
  methods: {
    // defaultSelectSomeone() {
    //   this.areaCascaderValue = [['2', '21']];
    // },
    // defaultSelectAll() {
    //   this.selectHandle([['全选']])
    // },

    // judgetAllSelected(node) {
    //   // 判断是否是全选,也就是看已选择的选中中包不包含"全选"
    //   let isAllSelected = false
    //   for(let i = 0; i < node.length; i++) {
    //       if(node[i][0] === '全选') {
    //         isAllSelected = true
    //         break;
    //       }
    //   }
    //   return isAllSelected
    // },
    // loopFlatData(list = [], parentNode = []) {
    //   list.length > 0 && list.forEach(e => {
    //     let pNode = [...parentNode]; // 注意这里必须是深拷贝，否则会由于引用类型赋值的是地址（指针），导致parentNode在pNode更新时，同时被更新
    //     if(e.children && e.children.length > 0) {
    //       pNode.push(e.value)// 1 11
    //       this.loopFlatData(e.children, pNode)
    //     }else {
    //       if(e.label !== '全选') {
    //         if(parentNode.length > 0) {
    //           pNode.push(e.value)
    //           this.originData.push({ ...e, parentNode: pNode })
    //         }else {
    //           this.originData.push(e)
    //         }
    //       }

    // cardChange(event) {
    
    //   const currentSelected = event.map((items) => items[0]);
    //   const differenceMakers = [
    //     ...currentSelected.filter((item) => !this.earlySelected.includes(item)),
    //     ...this.earlySelected.filter((item) => !currentSelected.includes(item))
    //   ];
    //   if (differenceMakers.includes("全部")) {
    //     if (currentSelected.includes("全部")) {
    //       // 全選択
    //       this.areaCascaderValue = this.areaList.map(
    //         (item) => item["value"]
    //       );
    //       this.flag = true
    //     } else {
    //       // 全選択解消
    //       this.areaCascaderValue = [];
    //       this.flag = false
    //     }
    //   })
    // },
    // loopSelectData(list, parentNode = []) {
    //   list.length > 0 && list.forEach(e => {
    //     let pNode = [...parentNode]; // 注意这里必须是深拷贝，否则会由于引用类型赋值的是地址（指针），导致parentNode在pNode更新时，同时被更新
    //     if(e.children && e.children.length > 0) {
    //       pNode.push(e.value)// 1 11
    //       this.loopSelectData(e.children, pNode)
    //     }else {
    //       if(parentNode.length > 0) {
    //         this.areaCascaderValue.push([...parentNode, e.value])
    //       }else {
    //         this.areaCascaderValue.push([e.value])
    //       }
    //     }
    //   })
    // },
    // checkIsAddAllSelected() {
    //   let list = this.areaList; // 原始数据列表
    //   if(this.originData.length === 0) {
    //     this.loopFlatData(list) // 把所有的父子级平铺成一个一级列表
    //   }
    //   let origin = this.originData;
    //   let now = [...this.areaCascaderValue].filter(item => item[0] !== '全选')
    //   if(origin.length > now.length) {
    //     // 非全选时, 如果有之前选过全选,要把全选过滤掉
    //     this.areaCascaderValue = this.areaCascaderValue.filter(item => item[0] !== '全选')
    //   }else {
    //     // 当所有的数据都选择时, 要自动把全选勾选上
    //     if(this.areaCascaderValue[0] && this.areaCascaderValue[0][0] !== '全选') {
    //       this.areaCascaderValue = [['全选'], ...this.areaCascaderValue]
    //   } else {
    //     const options = this.areaList
    //       .map((item) => item["value"])
    //       .filter((item) => item);
    //     const optionsSelectedCurrent = currentSelected.filter((item) => item);
    //     if (options.length === optionsSelectedCurrent.length) {
    //       this.areaCascaderValue = this.areaList.map(
    //         (item) => item["value"]
    //       );
    //       this.flag = true
    //     } else if (options.length > optionsSelectedCurrent.length) {
    //       this.areaCascaderValue = this.flag ? this.areaList
    //         .filter((item) => item["value"])
    //         .filter((item) => item["value"] !== differenceMakers[0])
    //         .map((item) => item["value"]) : event.map((items) => items[0]);
    //       this.flag = false
    //     } else {
    //       this.areaCascaderValue = [];
    //     }
    //   }
    //   this.earlySelected = this.areaCascaderValue;
    // },
    // async selectHandle(node = []) {
    //   this.areaCascaderValue = []
    //   // 选中的数据格式: [['全选'], ['0'], ['1', '11', '111'], ['2', '21'],...]
    //   let list = this.areaList
    //   let current = []; // 获取当前选中的option, 因为element文档中没有获取当前选中的option的方法,所以我通过上一次和本地的选中数据进行对比来获取
    //   if(node.length >= this.preSelected.length) {
    //     let keys = this.preSelected.map(item => JSON.stringify(item))
    //     current = node.filter(item => !keys.includes(JSON.stringify(item)))
    //     console.log('选中某项', current);
    //   }else {
    //     // 取消选中
    //     let keys = node.map(item => JSON.stringify(item))
    //     current = this.preSelected.filter(item => !keys.includes(JSON.stringify(item)))
    //     console.log('取消选中', current);
    //   }
    //   // 根据element的选中数据格式, 每一个选项都是一个列表, 列表第一项为父级value, 第二项为选中的子级value, ...以此类推
    //   const currentValue = current.length > 0 ? current[0][0] || '' : ''
    //   if(currentValue === '全选') {
    //     if(this.judgetAllSelected(node)) {
    //       this.loopSelectData(list)
    //     }else {
    //       this.areaCascaderValue = []
    //     }
    //   }else {
    //     this.areaCascaderValue = node
    //   }
    //   this.checkIsAddAllSelected(); // 主要是勾选或取消非“全选”项时，对于全选的逻辑处理
    //   this.preSelected = this.areaCascaderValue; // 保存上一次的选择结果
    //   this.changeHandle();
    // },
    // changeHandle() {
    //   // 这里是处理成自己需要的数据格式, 需要把全选的这一选项过滤掉
    //   // 原始选择的数据格式[['全选'], ['1', '11'], ['2', '21'],...]
    //   console.log('changeHandle: ', this.areaCascaderValue);
    // },





















@@ -1916,19 +1815,19 @@
    },
    addAreaclick(params) {
      console.log(params);
      if(!params.Area){
        this.$Message.error("当前不支持省级和市级")
        $('.addZoneCard').css({ 'width': '200px' })
          $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '145px', 'width': '200px' })
          return false
      }
      // if(!params.Area){
      //   this.$Message.error("当前不支持省级和市级")
      //   $('.addZoneCard').css({ 'width': '200px' })
      //     $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '145px', 'width': '200px' })
      //     return false
      // }
      this.addModalShow = true
      this.showGo = true
      this.hideGo = false
      if (this.areaQueryArr.length < 5) {
        if (this.queryArr.indexOf(params.Area) < 0) {
          this.areaQueryArr.push(params.City + '-' + params.Area)
          this.queryArr.push(params.Area)
          this.areaQueryArr.push(params.Province + '' + params.City + '' + params.Area)
          this.queryArr.push(params.Province + '' + params.City + '' + params.Area)
        } else {
          this.$Message.error("当前的区域已添加请勿重复添加")
          $('.addZoneCard').css({ 'width': '200px' })
@@ -1970,7 +1869,7 @@

    },
    getPlatform() {
      let Areas=[]
      let Areas = []
      console.log(this.areaCascaderValue);
      let a;
      let b;
@@ -1990,12 +1889,12 @@
          // a = this.areaCascaderValue[0]
          // b = this.areaCascaderValue[1]
          // c = this.areaCascaderValue[2]
          for(let i=0;i<this.copyAreaCascaderValue.length;i++){
          for (let i = 0; i < this.copyAreaCascaderValue.length; i++) {
            console.log(this.copyAreaCascaderValue[i]);
            Areas.push({
              province:this.copyAreaCascaderValue[i].level==1?this.copyAreaCascaderValue[i].value:'',
              city:this.copyAreaCascaderValue[i].level==2?this.copyAreaCascaderValue[i].value:'',
              area:this.copyAreaCascaderValue[i].level==3?this.copyAreaCascaderValue[i].value:''
              province: this.copyAreaCascaderValue[i].level == 1 ? this.copyAreaCascaderValue[i].value : '',
              city: this.copyAreaCascaderValue[i].level == 2 ? this.copyAreaCascaderValue[i].value : '',
              area: this.copyAreaCascaderValue[i].level == 3 ? this.copyAreaCascaderValue[i].value : ''
            })
          }
        }
@@ -2009,7 +1908,7 @@
      let data = {
        pageIndex: this.pageIndex,
        pageSize: 20,
        Areas:Areas,
        Areas: Areas,
        level: d,

        year: this.areaTime.getFullYear(),
@@ -2055,20 +1954,20 @@
          //     value: "全部",
          //   })
            this.areaList = area
          //   // console.log(this.areaList);
          //   //   // console.log(this.areaList);
          // } else {
          //   this.areaList = [{
          //     label: "全部",
          //     value: "全部",
          //   }]
          // }
        } 
        // else {
        //   this.areaList = [{
        //     label: "全部",
        //     value: "全部",
        //   }]
        // }
        }
        else {
          // this.areaList = [{
          //   label: "全部",
          //   value: "全部",
          // }]
        }
      }, res => {

      })
@@ -2102,12 +2001,14 @@
      })
    },
    getareaCascaderValue(list) {

      console.log(list);
      this.$nextTick(() => {
        this.copyAreaCascaderValue=[]

        this.copyAreaCascaderValue = []
        this.areaCascaderValue = []
        for (let i = 0; i < list.length; i++) {
          this.copyAreaCascaderValue.push({level:list[i].level,value:list[i].value,label:list[i].label})
          this.copyAreaCascaderValue.push({ level: list[i].level, value: list[i].value, label: list[i].label })
          this.areaCascaderValue.push([list[i].label])
        }
        console.log(this.areaCascaderValue);
@@ -2117,9 +2018,10 @@

    },
    btncontrol() {

      this.$nextTick(() => {
 
        this.areaCascaderValue = []
        this.$refs['cascader'].dropDownVisible = true
        console.log(this.$refs['cascader']);
        let list = this.$refs['cascader'].getCheckedNodes()
        this.getareaCascaderValue(list)
@@ -2163,100 +2065,7 @@
    },
  },
  computed: {
    // areaColumns

    //  areaColumnsClone () {
    //   let columns=[]
    //   columns.push({
    //     title: '序号',
    //     key: 'Province',
    //     align: 'center',
    //     minWidth:80,
    //     render:(h,params)=>{
    //       return h('span',params.row.GDPZL?params.row.GDPZL:'--')
    //     },
    //   })
    //   columns.push({
    //     title: '省份',
    //     key: 'Province',
    //     align: 'center',
    //     minWidth:80,
    //   })
    //   columns.push({
    //     title: '城市',
    //     key: 'City',
    //     align: 'center',
    //     minWidth:80,
    //   })
    //   columns.push({
    //     title: '区县',
    //     key: 'Area',
    //     align: 'center',
    //     minWidth:80,
    //   })
    //   columns.push({
    //     title: '行政级别',
    //     key: 'Level',
    //     align: 'center',
    //     minWidth:80,
    //   })
    //   columns.push({
    //     title: 'GDP总量',
    //     key: 'GDPZL',
    //     align: 'center',
    //     minWidth:100,
    //     render:(h,params)=>{
    //       return h('span',params.row.GDPZL?params.row.GDPZL:'--')
    //     },
    //   })
    //   columns.push({
    //     title: 'GDP增速(%)',
    //     key: 'GDPZS',
    //     align: 'center',
    //     minWidth:100,
    //     render:(h,params)=>{
    //       return h('span',params.row.GDPZS?params.row.GDPZS:'--')
    //     },
    //   })
    //   columns.push({
    //     title: '人均GDP(元)',
    //     key: 'RJGDP',
    //     align: 'right',
    //     render:(h,params)=>{
    //       return h('span',this.CustomMethods.numTo$(params.row.RJGDP))
    //     },
    //     minWidth:150,
    //     maxWidth:180,
    //   })
    //   columns.push({
    //     title: '一般公共预算收入(万元)',
    //     key: 'YSSR',
    //     align: 'right',
    //     render:(h,params)=>{
    //       return h('span',this.CustomMethods.numTo$(params.row.YSSR))
    //     },
    //     minWidth:150,
    //     maxWidth:180,
    //   })
    //   columns.push({
    //     title: '一般公共预算支出(万元)',
    //     key: 'YSZC',
    //     align: 'right',
    //     render:(h,params)=>{
    //       return h('span',this.CustomMethods.numTo$(params.row.YSZC))
    //     },
    //     minWidth:150,
    //     maxWidth:180,
    //   })
    //   columns.push({
    //     title: '操作',
    //     key: 'action',
    //     align: 'center',
    //     slot:'action',
    //     width:100
    //   })
    //   return columns
    // }
  }
}
</script>

 src/view/diligenceTools/checkCityInvestmentZone.vue

@@ -18,9 +18,15 @@
    <div style="margin-top: 12px">
      <Card>
        <span style="font-weight: bolder;font-size: 20px;display: inline-block">{{ this.areaQuery }}</span>
        <span style="font-weight: bolder;font-size: 16px;color: #008FE0;display: inline-block;margin-left: 20px">{{
          this.provinceQuery
        }}
        <span v-if="this.cityQuery === this.provinceQuery"
          style="font-weight: bolder;font-size: 16px;color: #008FE0;display: inline-block;margin-left: 20px">{{
            this.provinceQuery
          }}
        </span>
        <span v-else
          style="font-weight: bolder;font-size: 16px;color: #008FE0;display: inline-block;margin-left: 20px">{{
            this.provinceQuery
          }}
          - {{ this.cityQuery }}</span>
        <Poptip trigger="hover" placement="bottom-start" transfer>
          <span style="display: inline-block;margin-left: 20px">
@@ -39,9 +45,9 @@
            </div>
          </div>
        </Poptip>
        <Tag color="gold"   style="font-size: 12px;margin-top: -1px;margin-left: 10px;">出让人</Tag>
        <Tag color="gold" style="font-size: 12px;margin-top: -1px;margin-left: 10px;">合并口径</Tag>
        <!--          <span style="border:1px solid #ccc;padding: 5px 0;margin-left: 50px;width:80px;display: inline-block;background:#fff;color: rgba(0, 143, 224, 1);text-align: center">本级</span>-->
                 <!-- <span style="border:1px solid rgba(0, 143, 224, 1);padding: 5px 0;width:80px;display: inline-block;background:rgba(0, 143, 224, 1);color: #fff;text-align: center">合并口径</span> -->
        <!-- <span style="border:1px solid rgba(0, 143, 224, 1);padding: 5px 0;width:80px;display: inline-block;background:rgba(0, 143, 224, 1);color: #fff;text-align: center">合并口径</span> -->
      </Card>
    </div>
    <div style="margin-top: 12px">
@@ -63,8 +69,8 @@
        <div v-show="tab === 'tab1'">
          <Card>
            <div style="display: flex">
              <div id="container" v-if="showMap" style="width: 50%;height: 400px"></div>
              <div style="width: 50%;height: 400px;">
              <div id="container" v-if="showMap" style="width: 50%;height: 300px"></div>
              <div style="width: 50%;height: 300px;">
                <div :class="tab1List.Introduce ? 'thingIntroduce' : 'nothingIntroduce'"
                  v-html="tab1List.Introduce ? tab1List.Introduce : '暂无数据'">
                </div>
@@ -120,7 +126,7 @@
                <td>{{ tab1List.ColK22 ? CustomMethods.numTo$(tab1List.ColK22) : '0.00' }}</td>
                <td>{{ tab1List.ColK22Ranking ? tab1List.ColK22Ranking : '--' }}</td>
                <td style="font-weight: bold;">城投平台数量</td>
                <td>{{ tab1List.PlatformNum ? CustomMethods.numTo$(tab1List.PlatformNum) : '0.00' }}</td>
                <td>{{ tab1List.PlatformNum ? Number.parseInt(CustomMethods.numTo$(tab1List.PlatformNum)) : '0' }}</td>
                <td>{{ tab1List.PlatformNumRanking ? tab1List.PlatformNumRanking : '--' }}</td>
              </tr>
            </table>
@@ -326,6 +332,7 @@
import $ from 'jquery'
import axios from "@/libs/api.request";
// import maps from "qqmap"
var MAP=null
export default {
  name: "checkCityInvestmentZone",
  data() {
@@ -442,13 +449,14 @@
    }
  },
  mounted() {

    this.areaQuery = this.$route.query.area
    this.levelQuery = this.$route.query.level
    if (this.levelQuery === '省级') {
      this.levelQuery = '市级'
    } else if (this.levelQuery === '市级') {
      this.levelQuery = '区县级'
    }
    // if (this.levelQuery === '省级') {
    //   this.levelQuery = '市级'
    // } else if (this.levelQuery === '市级') {
    //   this.levelQuery = '区县级'
    // }
    this.cityQuery = this.$route.query.city
    this.provinceQuery = this.$route.query.province
    this.kj = this.$route.query.kj
@@ -622,7 +630,7 @@
      this.cityQuery = this.zoneTwo
      this.areaQuery = this.zoneThree
      this.getzone()
      this.levelQuery = '区县级'
      // this.levelQuery = '区县级'
      this.getAreaData()
      //this.provinceQuery+this.cityQuery+this.areaQuery

@@ -949,6 +957,10 @@
      })
    },
    checkAreaclick(params) {
      this.provinceQuery = params.Province
      this.cityQuery = params.City
      this.areaQuery = params.Area
      // console.log(params);
      this.tab1List = {}
      this.loadingScroll = true
      let data = {
@@ -958,19 +970,16 @@
        area: params.Area,
        kj: this.kj
      }
      if (this.levelQuery === '市级') {
        data.province = ''
        // this.levelQuery = '区县级'
        // this.cityQuery = params.City
      } else if (this.levelQuery === '区县级') {
        data.province = ''
        data.city = ''
        // this.cityQuery = params.Area
      }
      // else if (this.levelQuery === '省级') {
      //   data.province = ''
      //   this.cityQuery = params.City
      // if (this.levelQuery === '省级') {
      //   // data.province = ''
      //   // this.levelQuery = '区县级'
      //   // this.cityQuery = params.City
      // } else if (this.levelQuery === '市级') {
      //   // data.province = ''
      //   // data.city = ''
      //   // this.cityQuery = params.Area
      // }

      axios.request({
        url: '/CityInvestment/GetAreaDetail',
        data,
@@ -992,11 +1001,11 @@
        } else {

        }
        

      }, res => {

      })
      // this.getzone(params)
      this.getzone(params)
    },
    changePageIndex(page) {
      this.pageIndex = page
@@ -1007,33 +1016,26 @@
    getzone(params) {
      this.loadingtab1 = true
      let data = {

      }
      if (params) {
        data = {
          pageIndex: this.pageIndex,
          pageSize: 5,
          year: this.yearDetail,
          level: this.levelQuery,
          level: params.Level,
          Areas: [{
            province: params.Province,
            city: params.City,
            area: params.Area,
          }],

          // kj:this.kj,
          orderByCol: this.orderByCol,
          orderByType: this.orderByType,
        }
        if (this.levelQuery === '市级') {
         data.level = '区县级'
        // this.levelQuery = '区县级'
        // this.cityQuery = params.City
      } else if (this.levelQuery === '区县级') {
        // data.province = ''
        // data.city = ''
        // this.cityQuery = params.Area
      }
        if (params.Level === '省级') {
          data.level = '市级'
        } else if (params.Level === '市级') {
          data.level = '区县级'
        }
      } else {
        data = {
          pageIndex: this.pageIndex,
@@ -1045,10 +1047,14 @@
            city: this.cityQuery,
            area: this.areaQuery,
          }],

          // kj:this.kj,
          orderByCol: this.orderByCol,
          orderByType: this.orderByType,
        }
        if (this.levelQuery === '省级') {
          data.level = '市级'

        } else if (this.levelQuery === '市级') {
          data.level = '区县级'
        }
      }
      axios.request({
@@ -1357,7 +1363,7 @@
      //     }
      //   }

      //   this.map=new qq.maps.Map(
      //   MAP=new qq.maps.Map(
      //     document.getElementById('container'),
      //     myOptions
      //   )
@@ -1367,15 +1373,10 @@
      //  let  childNodes=content.childNodes
      //  console.log(childNodes);

      // var f = document.getElementById("container");
      // var childs = f.childNodes;
      // for (var i = 0; i < childs.length; i++) {
      //   // alert(childs[i].nodeName); 
      //   f.removeChild(childs[i]);
      // }

      var center = new TMap.LatLng(39.984104, 116.307503);
      //初始化地图
      var map = new TMap.Map("container", {
      MAP = new TMap.Map("container", {
        rotation: 20,//设置地图旋转角度
        pitch: 30, //设置俯仰角度（0~45）
        zoom: 8,//设置地图缩放级别
@@ -1411,8 +1412,8 @@
      })
    },
    getTab7List(e) {
      if(e){
        this.pageIndex=1
      if (e) {
        this.pageIndex = 1
      }
      this.loadingtab5 = true

@@ -1462,6 +1463,9 @@
      this.getTab7List()
    },
    changeTab(data) {
      if (MAP) {
        MAP.destroy()
      }
      if (this.tab === "tab1") {
        this.showMap = false
        this.getAreaData()
@@ -1887,7 +1891,7 @@
      //   align: 'center',
      //   minWidth: 100,
      // })
      if (this.levelQuery === '市级') {
      if (this.levelQuery === '省级') {
        columns.push({
          title: '地级市',
          key: 'City',
@@ -1907,7 +1911,7 @@
          },
        })
      }
      if (this.levelQuery === '区县级') {
      if (this.levelQuery === '市级') {
        columns.push({
          title: '区县',
          key: 'Area',
@@ -1985,7 +1989,26 @@
      })
      return columns
    }
  },
  destroyed() {


    if (MAP) {
      console.log(1111);
      MAP.destroy()
    }
  }

  // watch: {
  //     '$route': {
  //         handler(to, from){
  //           console.log(from)
  //         },
  //         deep: true, // 深度监听
  //         immediate: true, // 第一次初始化渲染就可以监听到
  //     }
  // }

}
</script>


 src/view/diligenceTools/contrastCityInvestmentZone.vue

@@ -7,14 +7,17 @@
        <span style="color:rgb(70, 76, 91);margin:0 5px">>></span>
        <span>区域对比</span>
        <span style="display: inline-block;position: absolute;right: 12px;">
          <Button size="large" icon="md-arrow-back" type="primary" style="font-size: 14px;margin-top: -9.5px" @click="backfund">返回</Button>
          <Button size="large" icon="md-arrow-back" type="primary" style="font-size: 14px;margin-top: -9.5px"
            @click="backfund">返回</Button>
        </span>
      </div>
    </Card>
    <div style="margin-top: 12px">
      <Card class="contrastCLass">
        <Tag v-for="item in areaQueryArr" closable @on-close="handleClose2">{{item}}</Tag>
        <span @click="clickAddArea" style="vertical-align: middle;display: inline-block;margin-left: 10px"><Icon style="font-size: 27px;" custom="custom custom-tianjianeirong"></Icon></span>
        <Tag v-for="item in areaQueryArr" closable @on-close="handleClose2">{{ item }}</Tag>
        <!-- <span @click="clickAddArea" style="vertical-align: middle;display: inline-block;margin-left: 10px">
          <Icon style="font-size: 27px;" custom="custom custom-tianjianeirong"></Icon>
        </span> -->
      </Card>
    </div>
    <div style="margin-top: 12px">
@@ -22,25 +25,28 @@
        <div>
          <Tabs v-model="tab" @on-click="changeTab" type="card" style="margin-top: 12px;">
            <TabPane label="经济情况" name="tab2"></TabPane>
            <TabPane label="财政一般预算" name="tab3"></TabPane>
            <TabPane label="财政基金收入" name="tab4"></TabPane>
            <TabPane label="国有资本及社保基金" name="tab5"></TabPane>
            <TabPane label="区域债务" name="tab6"></TabPane>
            <TabPane label="区域融资平台" name="tab7"></TabPane>
            <TabPane label="一般公共预算收支" name="tab3"></TabPane>
            <TabPane label="政府性基金收支" name="tab4"></TabPane>
            <TabPane label="国有资本预算收支" name="tab5"></TabPane>
            <TabPane label="区域债务及综合财力" name="tab6"></TabPane>
            <!-- <TabPane label="城投平台" name="tab7"></TabPane> -->
          </Tabs>
        </div>
        <div v-show="tab==='tab2'">
        <div v-show="tab === 'tab2'">
          <div style="display: flex">
            <div style="width: 200px" class="zhibiaoClass">
              <Row  style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
              <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
                <Col span="24">
                  <DatePicker transfer placement="bottom-start" @on-change="contrastDate"  :clearable=false format="yyyy年" size="large" v-model="areaTime"  type="year"  placeholder="请选择年份" style="width: 100%" class="ipt_width"></DatePicker>
                <DatePicker transfer placement="bottom-start" @on-change="contrastDate" :clearable=false format="yyyy年"
                  size="large" v-model="areaTime" type="year" placeholder="请选择年份" style="width: 100%" class="ipt_width">
                </DatePicker>
                </Col>
              </Row>
            </div>
            <div style="width: 200px;margin-left: 20px" class="zhibiaoClass_xiala">
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标" v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{item.Desc2}}</Option>
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标"
                v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{ item.Desc2 }}</Option>
              </Select>
            </div>
          </div>
@@ -48,18 +54,21 @@
            <Table border :columns="tab2Columns" :data="tab2TableList" :loading="loadingtab2" max-height="600"></Table>
          </div>
        </div>
        <div v-show="tab==='tab3'">
        <div v-show="tab === 'tab3'">
          <div style="display: flex">
            <div style="width: 200px" class="zhibiaoClass">
              <Row  style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
              <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
                <Col span="24">
                  <DatePicker transfer placement="bottom-start" @on-change="contrastDate"  :clearable=false format="yyyy年" size="large" v-model="areaTime"  type="year"  placeholder="请选择年份" style="width: 100%" class="ipt_width"></DatePicker>
                <DatePicker transfer placement="bottom-start" @on-change="contrastDate" :clearable=false format="yyyy年"
                  size="large" v-model="areaTime" type="year" placeholder="请选择年份" style="width: 100%" class="ipt_width">
                </DatePicker>
                </Col>
              </Row>
            </div>
            <div style="width: 200px;margin-left: 20px" class="zhibiaoClass_xiala">
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标" v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{item.Desc2}}</Option>
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标"
                v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{ item.Desc2 }}</Option>
              </Select>
            </div>
          </div>
@@ -67,18 +76,21 @@
            <Table border :columns="tab2Columns" :data="tab2TableList" :loading="loadingtab2" max-height="600"></Table>
          </div>
        </div>
        <div v-show="tab==='tab4'">
        <div v-show="tab === 'tab4'">
          <div style="display: flex">
            <div style="width: 200px" class="zhibiaoClass">
              <Row  style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
              <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
                <Col span="24">
                  <DatePicker transfer placement="bottom-start" @on-change="contrastDate"  :clearable=false format="yyyy年" size="large" v-model="areaTime"  type="year"  placeholder="请选择年份" style="width: 100%" class="ipt_width"></DatePicker>
                <DatePicker transfer placement="bottom-start" @on-change="contrastDate" :clearable=false format="yyyy年"
                  size="large" v-model="areaTime" type="year" placeholder="请选择年份" style="width: 100%" class="ipt_width">
                </DatePicker>
                </Col>
              </Row>
            </div>
            <div style="width: 200px;margin-left: 20px" class="zhibiaoClass_xiala">
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标" v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{item.Desc2}}</Option>
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标"
                v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{ item.Desc2 }}</Option>
              </Select>
            </div>
          </div>
@@ -86,18 +98,21 @@
            <Table border :columns="tab2Columns" :data="tab2TableList" :loading="loadingtab2" max-height="600"></Table>
          </div>
        </div>
        <div v-show="tab==='tab5'">
        <div v-show="tab === 'tab5'">
          <div style="display: flex">
            <div style="width: 200px" class="zhibiaoClass">
              <Row  style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
              <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
                <Col span="24">
                  <DatePicker transfer placement="bottom-start" @on-change="contrastDate"  :clearable=false format="yyyy年" size="large" v-model="areaTime"  type="year"  placeholder="请选择年份" style="width: 100%" class="ipt_width"></DatePicker>
                <DatePicker transfer placement="bottom-start" @on-change="contrastDate" :clearable=false format="yyyy年"
                  size="large" v-model="areaTime" type="year" placeholder="请选择年份" style="width: 100%" class="ipt_width">
                </DatePicker>
                </Col>
              </Row>
            </div>
            <div style="width: 200px;margin-left: 20px" class="zhibiaoClass_xiala">
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标" v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{item.Desc2}}</Option>
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标"
                v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{ item.Desc2 }}</Option>
              </Select>
            </div>
          </div>
@@ -105,18 +120,21 @@
            <Table border :columns="tab2Columns" :data="tab2TableList" :loading="loadingtab2" max-height="600"></Table>
          </div>
        </div>
        <div v-show="tab==='tab6'">
        <div v-show="tab === 'tab6'">
          <div style="display: flex">
            <div style="width: 200px" class="zhibiaoClass">
              <Row  style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
              <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
                <Col span="24">
                  <DatePicker transfer placement="bottom-start" @on-change="contrastDate"  :clearable=false format="yyyy年" size="large" v-model="areaTime"  type="year"  placeholder="请选择年份" style="width: 100%" class="ipt_width"></DatePicker>
                <DatePicker transfer placement="bottom-start" @on-change="contrastDate" :clearable=false format="yyyy年"
                  size="large" v-model="areaTime" type="year" placeholder="请选择年份" style="width: 100%" class="ipt_width">
                </DatePicker>
                </Col>
              </Row>
            </div>
            <div style="width: 200px;margin-left: 20px" class="zhibiaoClass_xiala">
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标" v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{item.Desc2}}</Option>
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标"
                v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{ item.Desc2 }}</Option>
              </Select>
            </div>
          </div>
@@ -124,18 +142,21 @@
            <Table border :columns="tab2Columns" :data="tab2TableList" :loading="loadingtab2" max-height="600"></Table>
          </div>
        </div>
        <div v-show="tab==='tab7'">
        <div v-show="tab === 'tab7'">
          <div style="display: flex">
            <div style="width: 200px" class="zhibiaoClass">
              <Row  style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
              <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px">
                <Col span="24">
                  <DatePicker transfer placement="bottom-start" @on-change="contrastDate"  :clearable=false format="yyyy年" size="large" v-model="areaTime"  type="year"  placeholder="请选择年份" style="width: 100%" class="ipt_width"></DatePicker>
                <DatePicker transfer placement="bottom-start" @on-change="contrastDate" :clearable=false format="yyyy年"
                  size="large" v-model="areaTime" type="year" placeholder="请选择年份" style="width: 100%" class="ipt_width">
                </DatePicker>
                </Col>
              </Row>
            </div>
            <div style="width: 200px;margin-left: 20px" class="zhibiaoClass_xiala">
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标" v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{item.Desc2}}</Option>
              <Select @on-select="zhibiaoSelecttab2" :max-tag-count="1" size="large" multiple placeholder="请选择指标"
                v-model="zhibiao">
                <Option v-for="item in zhibiaoList" :value="item.Desc2">{{ item.Desc2 }}</Option>
              </Select>
            </div>
          </div>
@@ -144,28 +165,22 @@
          </div>
        </div>
      </Card>
      <Modal v-model="addAreaModel"
             footer-hide
             width="520"
             sticky
             reset-drag-position
             :mask="true"
             draggable
             :mask-closable="false">
      <Modal v-model="addAreaModel" footer-hide width="520" sticky reset-drag-position :mask="true" draggable
        :mask-closable="false">
        <p slot="header">
          <Icon custom="custom custom-tianjia" style="margin-right: 10px;"></Icon>
          <span>添加城区</span>
        </p>
        <label style="display: inline-block;width: 100px">地区</label>
        <div style="width:calc(100% - 100px);display: inline-block;">
          <Cascader :data="areaList" v-model="areaCascaderValue" size="large"  @on-change="areaChange"></Cascader>
          <Cascader :data="areaList" v-model="areaCascaderValue" size="large" @on-change="areaChange"></Cascader>
        </div>
        <div style="margin-top: 24px;text-align: center">
          <Button size="large" custom-icon="custom custom-queding" style="margin-bottom: 12px" type="primary"
                  @click="confirmSenior">确认
            @click="confirmSenior">确认
          </Button>
          <Button size="large" custom-icon="custom custom-quxiao" style="margin-bottom: 12px;margin-left:24px" type="error"
                  @click="addAreaModel=false">取消
          <Button size="large" custom-icon="custom custom-quxiao" style="margin-bottom: 12px;margin-left:24px"
            type="error" @click="addAreaModel = false">取消
          </Button>
        </div>
      </Modal>
@@ -178,51 +193,53 @@
import $ from "jquery";
export default {
  name: "contrastCityInvestmentZone",
  data(){
    return{
      areaList:[],
      areaCascaderValue:[],
      tab:'tab2',
      map:null,
      areaTime:'2021',
      zhibiao:'',
      loadingtab2:false,
      tab2TableList:[],
      nianfen:'',
      nianfenList:[],
      zhibiaoList:[],
      reportName:'',
      areasarr:[],
      yeararr:'',
      areaQuery:'',
      areaQueryArr:[],
      addAreaModel:false,
      tab2Columns:[],
      cloneData:[]
  data() {
    return {
      areaList: [],
      areaCascaderValue: [],
      tab: 'tab2',
      map: null,
      areaTime: '2021',
      zhibiao: [],
      loadingtab2: false,
      tab2TableList: [],
      nianfen: '',
      nianfenList: [],
      zhibiaoList: [],
      reportName: '',
      areasarr: [],
      yeararr: '',
      areaQuery: '',
      areaQueryArr: [],
      addAreaModel: false,
      tab2Columns: [],
      cloneData: []
    }
  },
  mounted() {
    console.log(JSON.parse(JSON.stringify(this.$route.query)));
    //this.areaQuery=this.$route.query.area
    this.areaQueryArr=JSON.parse(JSON.stringify(this.$route.query.area))
    this.yeararr=(JSON.parse(JSON.stringify(this.$route.query.year)).toString())
    this.areaTime=new Date(this.yeararr)
    this.reportName="经济情况"
    this.areaQueryArr = JSON.parse(JSON.stringify(this.$route.query.area))
    this.yeararr = (JSON.parse(JSON.stringify(this.$route.query.year)).toString())
    this.areaTime = new Date(this.yeararr)
    this.reportName = "经济情况"
    this.getAreaList()
    this.getTab2List()
    this.getzhibiaoList()
    this.getTab2List()

  },
  methods:{
  methods: {
    /**
     * 按钮返回事件
     * */
    backfund(){
      this.$router.push({path:'/zoneAnalyse'})
    backfund() {
      this.$router.push({ path: '/zoneAnalyse' })
    },
    handleClose2 (event, name) {
      if(this.areaQueryArr.length===2){
    handleClose2(event, name) {
      if (this.areaQueryArr.length === 2) {
        this.$Message.error("至少2个区域才可以对比")
        return false
      }else{
      } else {
        const index = this.areaQueryArr.indexOf(name);
        this.areaQueryArr.splice(index, 1);
        this.getTab2List()
@@ -232,32 +249,32 @@
    /**
     * 日期选择change事件
     **/
    contrastDate(){
      setTimeout(()=>{
    contrastDate() {
      setTimeout(() => {
        this.getTab2List()
      },0)
      }, 0)
    },
    /**
     * 添加地区
     **/
    confirmSenior(){
      this.loadingtab2=true
    confirmSenior() {
      this.loadingtab2 = true
      let getArea
      let getAreaArr=[]
      if(this.areaQueryArr.length>0&&this.areaQueryArr.length<5){
        if(this.areaQueryArr.indexOf(this.areaCascaderValue[2])>=0){
      let getAreaArr = []
      if (this.areaQueryArr.length > 0 && this.areaQueryArr.length < 5) {
        if (this.areaQueryArr.indexOf(this.areaCascaderValue[2]) >= 0) {
          this.$Message.error("此地区已添加无需多次添加")
          this.addAreaModel=false
          this.addAreaModel = false
          return false
        }else{
        } else {
          this.areaQueryArr.push(this.areaCascaderValue[2])
        }
        this.addAreaModel=false
        let data={
          type:this.reportName,
          years:this.areaTime.getFullYear(),
          areas:this.areaQueryArr,
          colType:2
        this.addAreaModel = false
        let data = {
          type: this.reportName,
          years: this.areaTime.getFullYear(),
          areas: this.areaQueryArr,
          colType: 2
        }
        axios.request({
          url: '/CityInvestment/GetReport',
@@ -265,45 +282,45 @@
          method: 'post'
        }).then(res => {
          if (res.data.Check) {
            for(let j=0;j<this.areaQueryArr.length;j++){
              getArea=this.areaQueryArr[j]
            for (let j = 0; j < this.areaQueryArr.length; j++) {
              getArea = this.areaQueryArr[j]
              getAreaArr.push(getArea)
            }
            for (let i=0;i<res.data.Data.length;i++){
              for(let key in res.data.Data[i]){
                for(let t=0;t<getAreaArr.length;t++){
                  if(key==getAreaArr[t]&&res.data.Data[i][key]===null){
                    res.data.Data[i][key]='--'
            for (let i = 0; i < res.data.Data.length; i++) {
              for (let key in res.data.Data[i]) {
                for (let t = 0; t < getAreaArr.length; t++) {
                  if (key == getAreaArr[t] && res.data.Data[i][key] === null) {
                    res.data.Data[i][key] = '--'
                  }
                }
              }
            }
            this.tab2TableList=res.data.Data
            this.cloneData=res.data.Data
            let c=[]
            this.tab2TableList = res.data.Data
            this.cloneData = res.data.Data
            let c = []
            let b
            let a=[]
            let a = []
            c.push({
            title: "指标类别",
            key: "Desc1",
            minWidth: 240,
          })
          c.push({
            title: "指标",
            key: "Desc2",
            minWidth: 240,
          })
            for(let i=0;i<this.areaQueryArr.length;i++){
              b=this.areaQueryArr[i]
              title: "指标类别",
              key: "Desc1",
              minWidth: 240,
            })
            c.push({
              title: "指标",
              key: "Desc2",
              minWidth: 240,
            })
            for (let i = 0; i < this.areaQueryArr.length; i++) {
              b = this.areaQueryArr[i]
              a.push(b)
              c.push({
                title:b,
                key:b,
                minWidth:150,
                align:"right"
                title: b,
                key: b,
                minWidth: 150,
                align: "right"
              })
            }
            this.tab2Columns=c
            this.tab2Columns = c
            this.zhibiaoSelecttab2()
          } else {

@@ -311,15 +328,15 @@
        }, res => {

        })
      }else{
      } else {
        this.$Message.error("地区最只能添加五个")
        this.areaQueryArr=this.areaQueryArr
        this.areaQueryArr = this.areaQueryArr
        return false
      }
    },
    getAreaList(){
      this.areaList=[]
      let data={
    getAreaList() {
      this.areaList = []
      let data = {

      }
      axios.request({
@@ -328,7 +345,7 @@
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.areaList=JSON.parse(JSON.stringify(res.data.Data))
          this.areaList = JSON.parse(JSON.stringify(res.data.Data))
        } else {

        }
@@ -336,14 +353,14 @@

      })
    },
    areaChange(){
    areaChange() {

    },
    // 获取添加地区的地区数据
    addAreaList(){
      this.areaList=[]
      let data={
        year:this.areaTime.getFullYear()
    addAreaList() {
      this.areaList = []
      let data = {
        year: this.areaTime.getFullYear()
      }
      axios.request({
        url: '/CityInvestment/GetAreaCascader',
@@ -351,28 +368,29 @@
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.areaList=JSON.parse(JSON.stringify(res.data.Data))
          this.areaList = JSON.parse(JSON.stringify(res.data.Data))
        } else {
          this.areaList=[]
          this.areaList = []
        }
      }, res => {

      })
    },
    clickAddArea(){
      this.areaCascaderValue=[]
      this.addAreaModel=true
    clickAddArea() {
      this.areaCascaderValue = []
      this.addAreaModel = true
      this.addAreaList()
    },
    getTab2List(){
      this.loadingtab2=true
    getTab2List() {
    //  this.zhibiao=[]
      this.loadingtab2 = true
      let getArea
      let getAreaArr=[]
      let data={
        type:this.reportName,
        years:this.areaTime.getFullYear(),
        areas:this.areaQueryArr,
        colType:2
      let getAreaArr = []
      let data = {
        type: this.reportName,
        years: this.areaTime.getFullYear(),
        areas: this.areaQueryArr,
        colType: 2
      }
      axios.request({
        url: '/CityInvestment/GetReport',
@@ -380,24 +398,24 @@
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          for(let j=0;j<this.areaQueryArr.length;j++){
            getArea=this.areaQueryArr[j]
          for (let j = 0; j < this.areaQueryArr.length; j++) {
            getArea = this.areaQueryArr[j]
            getAreaArr.push(getArea)
          }
          for (let i=0;i<res.data.Data.length;i++){
            for(let key in res.data.Data[i]){
              for(let t=0;t<getAreaArr.length;t++){
                if(key==getAreaArr[t]&&res.data.Data[i][key]===null){
                  res.data.Data[i][key]='--'
          for (let i = 0; i < res.data.Data.length; i++) {
            for (let key in res.data.Data[i]) {
              for (let t = 0; t < getAreaArr.length; t++) {
                if (key == getAreaArr[t] && res.data.Data[i][key] === null) {
                  res.data.Data[i][key] = '--'
                }
              }
            }
          }
          this.tab2TableList=res.data.Data
          this.cloneData=res.data.Data
          let c=[]
          this.tab2TableList = res.data.Data
          this.cloneData = res.data.Data
          let c = []
          let b
          let a=[]
          let a = []
          c.push({
            title: "指标类别",
            key: "Desc1",
@@ -408,23 +426,24 @@
            key: "Desc2",
            minWidth: 240,
          })
          for(let i=0;i<this.areaQueryArr.length;i++){
            b=this.areaQueryArr[i]
          for (let i = 0; i < this.areaQueryArr.length; i++) {
            b = this.areaQueryArr[i]
            a.push(b)
            c.push({
              title:b,
              key:b,
              minWidth:150,
              align:"right"
              title: b,
              key: b,
              minWidth: 150,
              align: "right",
            })
          }
          this.tab2Columns=c

          this.tab2Columns = c
          console.log(this.tab2Columns);
          this.zhibiaoSelecttab2()
        } else {

          this.zhibiaoSelecttab2()
        }
        this.zhibiaoSelecttab2()
        $('.contrastZone .ivu-table-body').animate({scrollTop: 0}, 'slow')
        
        $('.contrastZone .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
      }, res => {

      })
@@ -432,39 +451,40 @@
    /**
     * 指标下拉事件
     ***/
    zhibiaoSelecttab2(){
      let a=[]
      this.loadingtab2=true
      this.$nextTick(()=>{
        setTimeout(()=>{
          if(this.zhibiao!=''&&this.zhibiao.length>0){
            a=this.cloneData.filter((item)=>{
    zhibiaoSelecttab2() {
      
      let a = []
      this.loadingtab2 = true
      this.$nextTick(() => {
        setTimeout(() => {
          if (this.zhibiao != '' && this.zhibiao.length > 0) {
            a = this.cloneData.filter((item) => {
              return this.zhibiao.includes(item.Desc2)
            })
            this.tab2TableList=a
          }else{
            this.tab2TableList=this.cloneData
            this.tab2TableList = a
          } else {
            this.tab2TableList = this.cloneData
          }
          this.loadingtab2=false
        },500)
          this.loadingtab2 = false
        }, 500)
      })
    },
    getzhibiaoList(){
      let data={
        type:this.reportName
    getzhibiaoList() {
      let data = {
        type: this.reportName
      }
      let a=[]
      let a = []
      axios.request({
        url: '/CityInvestment/GetColName',
        data,
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.zhibiaoList=res.data.Data
          this.zhibiaoList = res.data.Data
          this.zhibiaoList.forEach((val, index) => {
            a.push({ Desc1: val.Desc1, Desc2: val.Desc2 })
          })
          this.zhibiao = a
          // this.zhibiao = a
        } else {

        }
@@ -472,37 +492,39 @@

      })
    },
    changeTab(data){
      if(this.tab==='tab2'){
        this.reportName="经济情况"
    changeTab(data) {
      this.zhibiao=[]
      if (this.tab === 'tab2') {
        this.reportName = "经济情况"
        
        this.getzhibiaoList()
        this.getTab2List()
      }else
      if(this.tab==='tab3'){
        this.reportName="一般公共预算收支"
        this.getzhibiaoList()
        this.getTab2List()
      }else
      if(this.tab==='tab4'){
        this.reportName="政府性基金收支"
        this.getzhibiaoList()
        this.getTab2List()
      } else if(this.tab==='tab5'){
        this.reportName="国有资本预算收支"
        this.getzhibiaoList()
        this.getTab2List()
      } else if(this.tab==='tab6'){
        this.reportName="区域债务及综合财力"
        this.getzhibiaoList()
        this.getTab2List()
      }else if(this.tab==='tab7'){
        this.reportName="城投平台"
        this.getzhibiaoList()
        this.getTab2List()
      }
      } else
        if (this.tab === 'tab3') {
          this.reportName = "一般公共预算收支"
          this.getzhibiaoList()
          this.getTab2List()
        } else
          if (this.tab === 'tab4') {
            this.reportName = "政府性基金收支"
            this.getzhibiaoList()
            this.getTab2List()
          } else if (this.tab === 'tab5') {
            this.reportName = "国有资本预算收支"
            this.getzhibiaoList()
            this.getTab2List()
          } else if (this.tab === 'tab6') {
            this.reportName = "区域债务及综合财力"
            this.getzhibiaoList()
            this.getTab2List()
          } else if (this.tab === 'tab7') {
            this.reportName = "城投平台"
            this.getzhibiaoList()
            this.getTab2List()
          }
    },
  },
  computed:{
  computed: {

  }
}
@@ -513,19 +535,24 @@
  line-height: 35px;
  height: 35px;
}
.contrastCLass .ivu-tag .ivu-icon-ios-close{

.contrastCLass .ivu-tag .ivu-icon-ios-close {
  top: -3px;
}
.contrastCLass .ivu-tag-text{

.contrastCLass .ivu-tag-text {
  font-size: 14px;
}
.zhibiaoClass .ivu-select-large.ivu-select-multiple .ivu-tag{

.zhibiaoClass .ivu-select-large.ivu-select-multiple .ivu-tag {
  font-size: 14px;
}
.zhibiaoClass_xiala .ivu-select-large.ivu-select-multiple .ivu-tag{

.zhibiaoClass_xiala .ivu-select-large.ivu-select-multiple .ivu-tag {
  font-size: 14px;
}
.zhibiaoClass_xiala .ivu-select-multiple .ivu-tag span:not(.ivu-select-max-tag){
  max-width:60px;

.zhibiaoClass_xiala .ivu-select-multiple .ivu-tag span:not(.ivu-select-max-tag) {
  max-width: 60px;
}
</style>

 src/view/enterpriseControl/bankPunishEvent.vue

@@ -3,6 +3,7 @@
    <Card v-if="componentsType != 'noTitle'">
      <div class="customTitle">
        <Icon custom="custom custom-zulin-copy"></Icon>
        <!-- <Icon custom="custom custom-shixiangguanli"></Icon> -->
        <span style="margin-left: 6px;">银保监处罚事件</span>
      </div>
    </Card>

 src/view/rentExchangeZF/rentExchangeCompanyZF.vue

@@ -5,7 +5,9 @@
      <Card class="customTitle">
        <div>
          <!-- <Icon type="ios-keypad"/> -->
          <span class="ivu-icon custom custom-yinhangliushuifenxi_b"></span>
          <Icon v-if="this.$router.currentRoute.name==='zongheEvaluate'" custom="custom custom-jiegou1"></Icon>
          <span v-else class="ivu-icon custom custom-yinhangliushuifenxi_b"></span>
         
          
          <span v-if="this.$router.currentRoute.name==='zongheEvaluate'" style="cursor: pointer;margin-left: 5px">综合评估</span>
          <span v-else style="cursor: pointer;margin-left: 5px">企业评估-政信公司</span>