From 7baef8eae173fec2a42fba911d93c94dd5ef74fa Mon Sep 17 00:00:00 2001
From: hailu <962012470@qq.com>
Date: 星期四, 02 二月 2023 19:02:56 +0800
Subject: [PATCH] 路由名称
---
src/view/chengtou/zoneAnalyse.vue | 1321 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 1,252 insertions(+), 69 deletions(-)
diff --git a/src/view/chengtou/zoneAnalyse.vue b/src/view/chengtou/zoneAnalyse.vue
index 4688fe1..f294ac0 100644
--- a/src/view/chengtou/zoneAnalyse.vue
+++ b/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',
--
Gitblit v1.8.0