路由名称

hailu

2023-02-02 7baef8eae173fec2a42fba911d93c94dd5ef74fa

路由名称

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

@@ -54,11 +54,11 @@
         <ul>
           <li>
             <span class="ivu-icon custom custom-icon_xinyong_xianxing_jijin-168"></span>
             <span class="two_class" name="zoneAnalyses" @click="setVersionInfo('zoneAnalyses')">区域分析</span>
             <span class="two_class" name="zoneAnalyses" @click="setVersionInfo('zoneAnalyses')">区域经济</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-gongsi1"></span>
             <span class="two_class" name="zhengxinCompenys" @click="setVersionInfo('zhengxinCompenys')">政信公司</span>
             <span class="two_class" name="zhengxinCompenys" @click="setVersionInfo('zhengxinCompenys')">城投平台</span>
           </li>
           <li>
             <span class="ivu-icon custom custom-fenxi3"></span>
@@ -66,7 +66,7 @@
           </li>
           <li>
             <span class="ivu-icon custom custom-pinggu1"></span>
             <span class="two_class" name="zongheEvaluates" @click="setVersionInfo('zongheEvaluates')">融资评估</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

@@ -59,7 +59,7 @@
            notCache: true,
            access: ['no_admin', 'zoneAnalyses', 'zoneCompare', 'zoneDetail'],
            icon: 'custom custom-icon_xinyong_xianxing_jijin-168',
            title: '区域分析'
            title: '区域经济'
        },
        component: Main,
        children: [{
@@ -69,7 +69,7 @@
                    access: ['no_admin', 'zoneAnalyses'],
                    notCache: true,
                    icon: 'custom custom-gailan',
                    title: '区域概览'
                    title: '区域经济'
                },
                component: () =>
                    import ('@/view/chengtou/zoneAnalyse.vue'),
@@ -188,7 +188,7 @@
            notCache: true,
            access: ['no_admin', 'zhengxinCompenys'],
            icon: 'custom custom-gongsi1',
            title: '政信公司'
            title: '城投平台'
        },
        component: Main,
        children: [{
@@ -198,7 +198,7 @@
                access: ['no_admin', 'zhengxinCompenys'],
                notCache: true,
                icon: 'custom custom-caizhengquhua',
                title: '政信公司'
                title: '城投平台'
            },
            component: () =>
                import ('@/view/chengtou/zhengxinCompeny.vue')
@@ -271,10 +271,11 @@
                access: ['no_admin', 'zongheEvaluates'],
                notCache: true,
                icon: 'custom custom-jiegou1',
                title: '财政比率分析'
                title: '综合评估'
            },
            component: () =>
                import ('@/view/chengtou/zongheEvaluate.vue')
                // import ('@/view/chengtou/zongheEvaluate.vue')
                import ('@/view/rentExchangeZF/rentExchangeCompanyZF.vue')
        }, ]
    },
    {

 src/view/chengtou/components/Cascader.vue

New file
@@ -0,0 +1,81 @@
<template>
    <div id="container">
        <Input v-model="value" size="large" width="300" placeholder="请选择" @on-focus="focus" @on-blur="blur" />
        <ul v-if="visiable" class="ulCity">
            <li v-for="i in options">
                <Checkbox v-model="Checkbox">{{ i.value }}</Checkbox> <span class="pointer" v-if="i.children"
                    @click="openChild(i.children)">></span>
            </li>
        </ul>

    </div>

</template>

<script>
//   import clickOutside from "../../directives/outside";
export default {
    props: {
        options: {
            type: Array,
            default: () => []
        }
    },
    data() {
        return {
            visiable: false,
            selected: [],
            value: '全部',
            Checkbox: false,

        };
    },
    computed: {
        list() {
            return this.selected.children ? this.selected.children : [];
        }
    },
    methods: {
        focus() {
            this.visiable = true
        },
        blur() {
            // setTimeout(() => {
            //     this.visiable = false
            // }, 200);
        },
        openChild(item) {
            //通过 拼接 字符串 来添加 HTML 内容。 

        }
    },
    mounted() { }
};
</script>
<style lang="less" scoped>
#container {
    position: relative;
    // top: 10px;
    z-index: 9999;
}

.ulCity {
    position: absolute;
    width: 200px;
    height: 300px;
    overflow: auto;
    background: #FFF;
    border: 1px solid rgb(233, 211, 211);

    li {
        display: flex;
        justify-content: space-between;
        padding: 2px;
    }

}

.pointer {
    cursor: pointer;
}
</style>

 src/view/chengtou/zoneAnalyse.vue

@@ -18,10 +18,21 @@
          </Row>
        </div>
        <div style="width: 400px;margin-left: 12px">
          <Cascader filterable :data="areaList" v-model="areaCascaderValue" change-on-select size="large"  @on-change="btncontrol"  placeholder="请选择区域"></Cascader>
          <!-- <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="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> -->
          <cascader :options="areaList"></cascader>
        </div>
        <div style="width: 180px;margin-left: 12px" class="levelclass">
          <Select v-model="areaAdministration" size="large" :max-tag-count="1" multiple placeholder="请选择行政级别"
@@ -100,18 +111,27 @@

<script>
import axios from '@/libs/api.request'
import cascader from './components/Cascader.vue'
import $ from "jquery";
export default {
  name: 'zoneAnalyse',
  components: { cascader },
  data() {
    return {
      defaultParams: {
        label: 'label',
        value: 'value',
        children: 'children',
        multiple: true,
      },

      props: { multiple: true, emitPath: true },
      checkBtn: true,
      loadingplatform: false,
      checkShowList: [],
      areaQueryArr: [],
      addModalShow: false,
      areaCascaderValue: ["全部",'111'],
      areaCascaderValue: ["全部", '111'],
      defaultassetsmode: false,
      pageIndex: 1,
      levelList: [],
@@ -154,32 +174,50 @@
      queryArr: [],
      areaColumnsClone: [
        {
          title: '序号',
          key: 'Province',
          align: 'center',
          minWidth: 60,
          fixed: 'left',
          render: (h, params) => {
            return h(
              'span',
              params.index + 1 + (this.pageIndex - 1) * 20
            )
          }
        },
        {
          title: '省份',
          key: 'Province',
          align: 'center',
          minWidth: 120,
          fixed: 'left',
        }, {
          title: '城市',
          title: '地级市',
          key: 'City',
          align: 'center',
          minWidth: 80,
          fixed: 'left',
        }, {
          title: '区县',
          key: 'Area',
          align: 'center',
          minWidth: 80,
        }, {
          fixed: 'left',
        },
        {
          title: '行政级别',
          key: 'Level',
          align: 'center',
          minWidth: 80,
        }, {
          title: 'GDP总量',
          key: 'GDPZL',
        },
        {
          title: 'GDP(亿元)',
          key: 'gdp',
          align: 'center',
          minWidth: 120,
          render: (h, params) => {
            return h('span', params.row.GDPZL ? params.row.GDPZL : '--')
            return h('span', params.row.gdp ? params.row.gdp : '--')
          },
          renderHeader: (h, params) => {
            return h('div', [
@@ -215,54 +253,54 @@
            ])
          },
        },
        // {
        //   title: 'GDP增速(%)',
        //   key: 'GDPZS',
        //   align: 'center',
        //   minWidth:135,
        //   render:(h,params)=>{
        //     return h('span',params.row.GDPZS?params.row.GDPZS:'--')
        //   },
        //   renderHeader: (h, params) => {
        //     return h('div', [
        //       h('span', params.column.title),
        //       h('span', {
        //         class:'gdpClass'
        //       }, [
        //         h('Icon', {
        //           props: {
        //             custom:'custom custom-up',
        //             size: '21'
        //           },
        //           on: {
        //             click:() => {
        //               this.clickup1(params.column)
        //             }
        //           },
        //           class: 'xiangshang1'
        //         }),
        //         h('Icon', {
        //           props: {
        //             custom:'custom custom-down',
        //             size: '21'
        //           },
        //           on: {
        //             click:() => {
        //               this.clickdown1(params.column)
        //             }
        //           },
        //           class: 'xiangxia1'
        //         })
        //       ])
        //     ])
        //   },
        // },
        {
          title: 'GDP增速(%)',
          key: 'gdpzs',
          align: 'center',
          minWidth: 135,
          render: (h, params) => {
            return h('span', params.row.gdpzs ? params.row.gdpzs : '--')
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup1(params.column)
                    }
                  },
                  class: 'xiangshang1'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown1(params.column)
                    }
                  },
                  class: 'xiangxia1'
                })
              ])
            ])
          },
        },
        {
          title: '人均GDP(元)',
          key: 'RJGDP',
          key: 'rjgdp',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.RJGDP))
            return h('span', this.CustomMethods.numTo$(params.row.rjgdp))
          },
          renderHeader: (h, params) => {
            return h('div', [
@@ -297,10 +335,137 @@
              ])
            ])
          },
          minWidth: 170,
          minWidth: 140,
        },

        {
          title: '人口(万人)',
          key: 'rk',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.rk))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup2(params.column)
                    }
                  },
                  class: 'xiangshang2'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown2(params.column)
                    }
                  },
                  class: 'xiangxia2'
                })
              ])
            ])
          },
          minWidth: 120,
        },
        {
          title: '一般公共预算收入(万元)',
          title: '工业增加值(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 165,
        },
        {
          title: '工业总产值(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 165,
        },
        {
          title: '固定资产投资(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
@@ -342,7 +507,301 @@
          minWidth: 195,
        },
        {
          title: '一般公共预算支出(万元)',
          title: '房地产开发投资(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '进出口总额(亿美元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 195,
        }, {
          title: '社会消费品零售总额(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '城镇居民人均可支配收入(元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 220,
        },
        {
          title: '金融机构存款余额(本外币)(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 250,
        },
        {
          title: '金融机构贷款余额(本外币)(亿元)',
          key: 'YSSR',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSSR))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
                  class: 'xiangshang3'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
                  class: 'xiangxia3'
                })
              ])
            ])
          },
          minWidth: 250,
        },

        {
          title: '一般公共预算收入(亿元)',
          key: 'ybggyssr_bj',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.ybggyssr_bj))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '一般公共预算收入增速(%)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
@@ -383,6 +842,715 @@
          },
          minWidth: 195,
        },
        {
          title: '一般公共预算收入:税收收入(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 250,
        }, {
          title: '一般公共预算支出(亿元)',
          key: 'ybggyszc_bj',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.ybggyszc_bj))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        }, {
          title: '政府性基金收入(亿元)',
          key: 'zfxjjsr_bj',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.zfxjjsr_bj))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        }, {
          title: '政府性基金支出(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '国有资本经营收入(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        }, {
          title: '国有资本经营支出(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        }, {
          title: '财政自给率(%)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        }, {
          title: '地方政府综合财力(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '地方政府债务余额(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '一般债余额(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '专项债余额(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '地方政府债务限额(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '地方政府性债务余额(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '城投平台有息债务(亿元)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 195,
        },
        {
          title: '负债率(%)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 135,
        },
        {
          title: '债务率(%)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 135,
        },
        {
          title: '债务率(宽口径)(%)',
          key: 'YSZC',
          align: 'right',
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.YSZC))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
                  class: 'xiangshang4'
                }),
                h('Icon', {
                  props: {
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
                  class: 'xiangxia4'
                })
              ])
            ])
          },
          minWidth: 175,
        },

        // {
        //   title: '操作',
        //   key: 'action',
@@ -724,7 +1892,7 @@
              value: "全部",
            })
            this.areaList = area
            console.log(this.areaList);
            // console.log(this.areaList);
          } else {
            this.areaList = [{
              label: "全部",
@@ -769,30 +1937,34 @@

      })
    },
    getareaCascaderValue(list){
    getareaCascaderValue(list) {
      console.log(list);
      this.$nextTick(() => {
        if (list === undefined || list === null || list === []) {
          this.areaCascaderValue = ['全部']
        }else if(list.length===1&&list[0].label==='全部'){
        } else if (list.length >= 1 && list[0].label === '全部') {
          this.areaCascaderValue = ['全部']
        }else{
        } else {
          for (let i = 0; i < list.length; i++) {
            this.areaCascaderValue.push(list[i].label)
            // console.log(this.areaCascaderValue[i]);
          }
          console.log(this.areaCascaderValue);

        }
      });
      console.log(this.areaCascaderValue);
    

    },
    btncontrol(e) {
      // this.$nextTick(() => {
      //   this.areaCascaderValue = []
      //   let list = this.$refs['cascader'].getCheckedNodes()
      //   this.getareaCascaderValue(list)
      //   // console.log(list);
      // });
    
      this.$nextTick(() => {
        this.areaCascaderValue = []
        console.log(this.$refs['cascader']);
        let list = this.$refs['cascader'].getCheckedNodes()

        this.getareaCascaderValue(list)
        // console.log(list);
      });

      this.checkBtn = false
    },
    btncontrollevel(row) {
@@ -831,9 +2003,20 @@
    },
  },
  computed: {
    // areaColumns () {
    // 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',