政信大数据

hailu

2023-01-13 d271e71a6ccd1b99cd969982df9c8284935dc812

政信大数据

 package.json

@@ -13,6 +13,7 @@
  "dependencies": {
    "@antv/g6": "^4.3.2",
    "axios": "^0.18.0",
    "cascader-multi": "^2.0.3",
    "clipboard": "^2.0.0",
    "codemirror": "^5.38.0",
    "countup": "^1.8.2",
@@ -20,6 +21,7 @@
    "d3": "^5.16.0",
    "dayjs": "^1.7.7",
    "echarts": "^4.9.0",
    "element-ui": "^2.15.12",
    "file-saver": "^2.0.2",
    "html2canvas": "^1.0.0-alpha.12",
    "iview-area": "^1.5.17",

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

@@ -10,7 +10,7 @@
    </a>
    <div v-show="showMenu">
      <ul @mouseleave="mouseLeave"
          style="position: absolute;background: #fff;width: 800px;z-index: 99999;top:0px;left: 60px;box-shadow: 0px 1px 2px 1px #ccc;border-radius:5px "
          style="position: absolute;background: #fff;width: 1000px;z-index: 99999;top:0px;left: 60px;box-shadow: 0px 1px 2px 1px #ccc;border-radius:5px "
          class="first_ul">
        <li class="first_class">
          <h4>市场大数据</h4>
@@ -49,31 +49,31 @@
<!--            </li>-->
          </ul>
        </li>
<!--        <li class="first_class">-->
<!--          <h4>政信大数据</h4>-->
<!--          <ul>-->
<!--            <li>-->
<!--              <span class="ivu-icon custom custom-icon_xinyong_xianxing_jijin-168"></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>-->
<!--            </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>-->
<!--              <span class="two_class" name="zonedynamics" @click="setVersionInfo('zonedynamics')">区域动态</span>-->
<!--            </li>-->
<!--          </ul>-->
<!--        </li>-->
       <li class="first_class">
         <h4>政信大数据</h4>
         <ul>
           <li>
             <span class="ivu-icon custom custom-icon_xinyong_xianxing_jijin-168"></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>
           </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>
             <span class="two_class" name="zonedynamics" @click="setVersionInfo('zonedynamics')">区域动态</span>
           </li>
         </ul>
       </li>
        <li class="first_class">
          <h4>企业大数据</h4>
          <ul>
@@ -273,7 +273,7 @@

.first_class {
  display: inline-block;
  width: 25%;
  width: 20%;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 15px;

 src/main.js

@@ -18,6 +18,11 @@
import '@/assets/icons/iconfont.css'
import axios from 'axios'
import * as d3 from 'd3'
import cascaderMulti from "cascader-multi";
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.use(cascaderMulti);

// 实际打包时应该不引入mock
/* eslint-disable */

 src/view/chengtou/zoneAnalyse.vue

@@ -9,45 +9,49 @@
    <Card style="margin-top: 12px">
      <div style="display: flex">
        <div style="width: 150px">
          <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 :clearable=false format="yyyy年" size="large" @on-change="areaChangeYear" v-model="areaTime"  type="year"   placement="bottom-start" placeholder="请选择时间" style="width: 100%" class="ipt_width"></DatePicker>
            <DatePicker transfer :clearable=false format="yyyy年" size="large" @on-change="areaChangeYear"
              v-model="areaTime" type="year" placement="bottom-start" placeholder="请选择时间" style="width: 100%"
              class="ipt_width"></DatePicker>
            </Col>
          </Row>
        </div>
        <div style="width: 200px;margin-left: 12px">
        <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="btncontrol" collapse-tags :clearable="true"></el-cascader> -->
        </div>
        <div style="width: 180px;margin-left: 12px" class="levelclass">
          <Select v-model="areaAdministration"
                  size="large"
                  :max-tag-count="1"  multiple
                  placeholder="请选择行政级别"
                  @on-select="btncontrollevel"
                  @on-change="btelevelchange"
          >
            <Option  v-for="item in levelList"  :value="item"  :key="item" :label="item">{{item}}</Option>
          <Select v-model="areaAdministration" size="large" :max-tag-count="1" multiple placeholder="请选择行政级别"
            @on-select="btncontrollevel" @on-change="btelevelchange">
            <Option v-for="item in levelList" :value="item" :key="item" :label="item">{{ item }}</Option>
          </Select>
        </div>
        <div style="margin-left: 12px">
          <Button style="font-size: 14px" :disabled="checkBtn" type="primary" size="large" @click="areaChange">查询</Button>
          <Button style="font-size: 14px" :disabled="checkBtn" type="primary" size="large"
            @click="areaChange">查询</Button>
        </div>
<!--        <div style="width: 150px;margin-left: 12px">-->
<!--          <Select v-model="areakoujing"-->
<!--                  size="large"-->
<!--                  @on-change="koujing"-->
<!--                  placeholder="请选择口径"-->
<!--          >-->
<!--            <Option   value="全口径" label="全口径">全口径</Option>-->
<!--            <Option   value="本级口径" label="本地口径">本级口径</Option>-->
<!--          </Select>-->
<!--        </div>-->
        <!--        <div style="width: 150px;margin-left: 12px">-->
        <!--          <Select v-model="areakoujing"-->
        <!--                  size="large"-->
        <!--                  @on-change="koujing"-->
        <!--                  placeholder="请选择口径"-->
        <!--          >-->
        <!--            <Option   value="全口径" label="全口径">全口径</Option>-->
        <!--            <Option   value="本级口径" label="本地口径">本级口径</Option>-->
        <!--          </Select>-->
        <!--        </div>-->
        <div style="position: absolute;right: 12px;">
          <Poptip title="选择展示项" trigger="hover"  class="assessCard" transfer placement="right">
            <div style="margin-left: 20px;height: 40px;line-height: 40px;border: 1px solid #dcdee2;padding: 0 10px;border-radius: 3px;">标签配置</div>
          <Poptip title="选择展示项" trigger="hover" class="assessCard" transfer placement="right">
            <div
              style="margin-left: 20px;height: 40px;line-height: 40px;border: 1px solid #dcdee2;padding: 0 10px;border-radius: 3px;">
              标签配置</div>
            <div slot="content" style="width: 400px;">
              <CheckboxGroup v-model="checkShowList" @on-change="changeTitle">
                <Checkbox v-for="(item,index) in areaColumnsClone" :label="item.title" style="display: block" :disabled="index===goindex"></Checkbox>
                <Checkbox v-for="(item, index) in areaColumnsClone" :label="item.title" style="display: block"
                  :disabled="index === goindex"></Checkbox>
              </CheckboxGroup>
            </div>

@@ -57,26 +61,19 @@
      <div class="cityZone">
        <Table border :columns="areaColumns" :data="areaTableList" :loading="loadingplatform" 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-tianjia" size="18"
                    :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="addAreaclick(params.row)"/>
            <Tooltip content="加入对比" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
              <Icon custom="custom custom-tianjia" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
                @click="addAreaclick(params.row)" />
            </Tooltip>
            <Tooltip content="查看"  class="tableActionMargin"  theme="light" transfer max-width="200"
                     placement="top">
              <Icon custom="custom custom-chakan" size="18"
                    :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkAreaclick(params.row)"/>
            <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top">
              <Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'"
                @click="checkAreaclick(params.row)" />
            </Tooltip>
          </template>
        </Table>
        <div style="margin-top: 12px">
          <Page :current="pageIndex"
                :total="TotalItems"
                :page-size="50"
                style="text-align: right"
                @on-change="changePageIndex"
                show-elevator
          />
          <Page :current="pageIndex" :total="TotalItems" :page-size="50" style="text-align: right"
            @on-change="changePageIndex" show-elevator />
        </div>
      </div>
      <div v-show="addModalShow" class="addModalwidth">
@@ -86,13 +83,14 @@
              <span style="margin-right:5px;cursor: pointer" @click="hideModal">>></span>
              <span>已选地区</span>
            </p>
            <Tag v-for="item in areaQueryArr" closable @on-close="handleClose2">{{item}}</Tag>
            <Tag v-for="item in areaQueryArr" closable @on-close="handleClose2">{{ item }}</Tag>
            <div style="text-align: center;margin-top: 5px;">
              <Button  style="font-size: 14px" type="primary" @click="contrast">开始对比</Button>
              <Button style="font-size: 14px" type="primary" @click="contrast">开始对比</Button>
            </div>
          </div>
          <div v-show="hideGo">
            <span @click="showModal" style="cursor: pointer"> << </span>
            <span @click="showModal" style="cursor: pointer">
              << </span>
          </div>
        </Card>
      </div>
@@ -105,18 +103,19 @@
import $ from "jquery";
export default {
  name: 'zoneAnalyse',
  data () {
  data() {
    return {
      checkBtn:true,
      loadingplatform:false,
      checkShowList:[],
      areaQueryArr:[],
      addModalShow:false,
      areaCascaderValue:["全部"],
      defaultassetsmode:false,
      pageIndex:1,
      levelList:[],
      TotalItems:0,
      props: { multiple: true, emitPath: true },
      checkBtn: true,
      loadingplatform: false,
      checkShowList: [],
      areaQueryArr: [],
      addModalShow: false,
      areaCascaderValue: ["全部",'111'],
      defaultassetsmode: false,
      pageIndex: 1,
      levelList: [],
      TotalItems: 0,
      areaTableList: [],
      loadingarea: false,
      areaSelect: false,
@@ -126,7 +125,7 @@
      areaCities: '',
      areaCounty: '',
      areaTime: '',
      areaList:[{
      areaList: [{
        value: 'zhejiang',
        label: '浙江',
        children: [{
@@ -150,51 +149,51 @@
          }]
        }]
      }],
      showGo:false,
      hideGo:false,
      queryArr:[],
      areaColumnsClone:[
      showGo: false,
      hideGo: false,
      queryArr: [],
      areaColumnsClone: [
        {
          title: '省份',
          key: 'Province',
          align: 'center',
          minWidth:120,
        },{
          minWidth: 120,
        }, {
          title: '城市',
          key: 'City',
          align: 'center',
          minWidth:80,
        },{
          minWidth: 80,
        }, {
          title: '区县',
          key: 'Area',
          align: 'center',
          minWidth:80,
        },{
          minWidth: 80,
        }, {
          title: '行政级别',
          key: 'Level',
          align: 'center',
          minWidth:80,
        },{
          minWidth: 80,
        }, {
          title: 'GDP总量',
          key: 'GDPZL',
          align: 'center',
          minWidth:120,
          render:(h,params)=>{
            return h('span',params.row.GDPZL?params.row.GDPZL:'--')
          minWidth: 120,
          render: (h, params) => {
            return h('span', params.row.GDPZL ? params.row.GDPZL : '--')
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                  class:'gdpClass'
                }, [
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom:'custom custom-up',
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickup(params.column)
                    }
                  },
@@ -202,11 +201,11 @@
                }),
                h('Icon', {
                  props: {
                    custom:'custom custom-down',
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickdown(params.column)
                    }
                  },
@@ -262,22 +261,22 @@
          title: '人均GDP(元)',
          key: 'RJGDP',
          align: 'right',
          render:(h,params)=>{
            return h('span',this.CustomMethods.numTo$(params.row.RJGDP))
          render: (h, params) => {
            return h('span', this.CustomMethods.numTo$(params.row.RJGDP))
          },
          renderHeader: (h, params) => {
            return h('div', [
              h('span', params.column.title),
              h('span', {
                class:'gdpClass'
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom:'custom custom-up',
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickup2(params.column)
                    }
                  },
@@ -285,11 +284,11 @@
                }),
                h('Icon', {
                  props: {
                    custom:'custom custom-down',
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickdown2(params.column)
                    }
                  },
@@ -298,28 +297,28 @@
              ])
            ])
          },
          minWidth:170,
          minWidth: 170,
        },
        {
          title: '一般公共预算收入(万元)',
          key: 'YSSR',
          align: 'right',
          render:(h,params)=>{
            return h('span',this.CustomMethods.numTo$(params.row.YSSR))
          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'
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom:'custom custom-up',
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickup3(params.column)
                    }
                  },
@@ -327,11 +326,11 @@
                }),
                h('Icon', {
                  props: {
                    custom:'custom custom-down',
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickdown3(params.column)
                    }
                  },
@@ -340,28 +339,28 @@
              ])
            ])
          },
          minWidth:195,
          minWidth: 195,
        },
        {
          title: '一般公共预算支出(万元)',
          key: 'YSZC',
          align: 'right',
          render:(h,params)=>{
            return h('span',this.CustomMethods.numTo$(params.row.YSZC))
          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'
                class: 'gdpClass'
              }, [
                h('Icon', {
                  props: {
                    custom:'custom custom-up',
                    custom: 'custom custom-up',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickup4(params.column)
                    }
                  },
@@ -369,11 +368,11 @@
                }),
                h('Icon', {
                  props: {
                    custom:'custom custom-down',
                    custom: 'custom custom-down',
                    size: '21'
                  },
                  on: {
                    click:() => {
                    click: () => {
                      this.clickdown4(params.column)
                    }
                  },
@@ -382,7 +381,7 @@
              ])
            ])
          },
          minWidth:195,
          minWidth: 195,
        },
        // {
        //   title: '操作',
@@ -392,188 +391,188 @@
        //   width:100
        // }
      ],
      areaColumns:[],
      areaColumnsList:[],
      cloneCheck:[],
      goindex:-1,
      areakoujing:'全口径',
      orderByCol:"",
      orderByType:"",
      yearnogo:false,
      areaColumns: [],
      areaColumnsList: [],
      cloneCheck: [],
      goindex: -1,
      areakoujing: '全口径',
      orderByCol: "",
      orderByType: "",
      yearnogo: false,
    }
  },
  mounted () {
    this.yearnogo=false
    let a=new Date('2020')
    this.areaTime=a
    this.areaColumns=this.areaColumnsClone
    this.areaColumnsList=this.areaColumns
  mounted() {
    this.yearnogo = false
    let a = new Date('2020')
    this.areaTime = a
    this.areaColumns = this.areaColumnsClone
    this.areaColumnsList = this.areaColumns
    this.getLevelList()
    this.getAreaList()
    for (let  i=0;i<this.areaColumnsList.length;i++){
    for (let i = 0; i < this.areaColumnsList.length; i++) {
      this.checkShowList.push(this.areaColumnsList[i].title)
    }
    this.changeTitle(this.checkShowList)
    this.$nextTick(()=>{
    this.$nextTick(() => {
      this.getPlatform()
    })
  },
  watch:{
    checkShowList(data){
  watch: {
    checkShowList(data) {
      // if(data.length===1){
      //   this.checkShowList=this.cloneCheck
      // }
    }
  },
  methods: {
    btelevelchange(){
      if(this.yearnogo){
        this.pageIndex=1
        this.checkBtn=false
        this.$nextTick(()=>{
    btelevelchange() {
      if (this.yearnogo) {
        this.pageIndex = 1
        this.checkBtn = false
        this.$nextTick(() => {
          this.getPlatform()
        })
      }else{
       this.yearnogo=true
      } else {
        this.yearnogo = true
      }
    },
    clickdown(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangxia").css({'color':'#4f8cf0'})
      $(".xiangshang").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='desc'
      this.$nextTick(()=>{
    clickdown(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangxia").css({ 'color': '#4f8cf0' })
      $(".xiangshang").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'desc'
      this.$nextTick(() => {
        this.getPlatform()
      })

    },
    clickup(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangshang").css({'color':'#4f8cf0'})
      $(".xiangxia").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='asc'
      this.$nextTick(()=>{
    clickup(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangshang").css({ 'color': '#4f8cf0' })
      $(".xiangxia").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'asc'
      this.$nextTick(() => {
        this.getPlatform()
      })
    },
    clickdown1(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangxia1").css({'color':'#4f8cf0'})
      $(".xiangshang1").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='desc'
      this.$nextTick(()=>{
    clickdown1(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangxia1").css({ 'color': '#4f8cf0' })
      $(".xiangshang1").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'desc'
      this.$nextTick(() => {
        this.getPlatform()
      })

    },
    clickup1(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangshang1").css({'color':'#4f8cf0'})
      $(".xiangxia1").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='asc'
      this.$nextTick(()=>{
    clickup1(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangshang1").css({ 'color': '#4f8cf0' })
      $(".xiangxia1").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'asc'
      this.$nextTick(() => {
        this.getPlatform()
      })
    },
    clickdown2(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangxia2").css({'color':'#4f8cf0'})
      $(".xiangshang2").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='desc'
      this.$nextTick(()=>{
    clickdown2(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangxia2").css({ 'color': '#4f8cf0' })
      $(".xiangshang2").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'desc'
      this.$nextTick(() => {
        this.getPlatform()
      })

    },
    clickup2(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangshang2").css({'color':'#4f8cf0'})
      $(".xiangxia2").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='asc'
      this.$nextTick(()=>{
    clickup2(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangshang2").css({ 'color': '#4f8cf0' })
      $(".xiangxia2").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'asc'
      this.$nextTick(() => {
        this.getPlatform()
      })
    },
    clickdown3(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangxia3").css({'color':'#4f8cf0'})
      $(".xiangshang3").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='desc'
      this.$nextTick(()=>{
    clickdown3(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangxia3").css({ 'color': '#4f8cf0' })
      $(".xiangshang3").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'desc'
      this.$nextTick(() => {
        this.getPlatform()
      })

    },
    clickup3(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangshang3").css({'color':'#4f8cf0'})
      $(".xiangxia3").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='asc'
      this.$nextTick(()=>{
    clickup3(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangshang3").css({ 'color': '#4f8cf0' })
      $(".xiangxia3").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'asc'
      this.$nextTick(() => {
        this.getPlatform()
      })
    },
    clickdown4(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangxia4").css({'color':'#4f8cf0'})
      $(".xiangshang4").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='desc'
      this.$nextTick(()=>{
    clickdown4(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangxia4").css({ 'color': '#4f8cf0' })
      $(".xiangshang4").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'desc'
      this.$nextTick(() => {
        this.getPlatform()
      })

    },
    clickup4(params){
      $(".gdpClass i").css({'color':'#575656'})
      $(".xiangshang4").css({'color':'#4f8cf0'})
      $(".xiangxia4").css({'color':'#575656'})
      this.orderByCol=params.key
      this.orderByType='asc'
      this.$nextTick(()=>{
    clickup4(params) {
      $(".gdpClass i").css({ 'color': '#575656' })
      $(".xiangshang4").css({ 'color': '#4f8cf0' })
      $(".xiangxia4").css({ 'color': '#575656' })
      this.orderByCol = params.key
      this.orderByType = 'asc'
      this.$nextTick(() => {
        this.getPlatform()
      })
    },
    koujing(){
    koujing() {

    },
    changeTitle(data){
      this.areaColumns=[]
      if(data.length>1){
        for(let j=0;j<this.areaColumnsClone.length;j++){
          for(let i=0;i<data.length;i++){
            if(data[i]===this.areaColumnsClone[j].title){
    changeTitle(data) {
      this.areaColumns = []
      if (data.length > 1) {
        for (let j = 0; j < this.areaColumnsClone.length; j++) {
          for (let i = 0; i < data.length; i++) {
            if (data[i] === this.areaColumnsClone[j].title) {
              this.areaColumns.push(this.areaColumnsClone[j])
            }
          }
        }
        this.goindex=-1
        this.goindex = -1
        this.areaColumns.push({
          title: '操作',
          key: 'action',
          align: 'center',
          slot:'action',
          width:100,
          fixed:'right'
          slot: 'action',
          width: 100,
          fixed: 'right'
        })
      }else if(data.length===1){
        let a=[]
      } else if (data.length === 1) {
        let a = []
        //goindex
        for(let j=0;j<this.areaColumnsClone.length;j++){
        for (let j = 0; j < this.areaColumnsClone.length; j++) {
          a.push(this.areaColumnsClone[j].title)
        }
        this.goindex=a.indexOf(data[0])
        for(let j=0;j<this.areaColumnsClone.length;j++){
          for(let i=0;i<data.length;i++){
            if(data[i]===this.areaColumnsClone[j].title){
        this.goindex = a.indexOf(data[0])
        for (let j = 0; j < this.areaColumnsClone.length; j++) {
          for (let i = 0; i < data.length; i++) {
            if (data[i] === this.areaColumnsClone[j].title) {
              this.areaColumns.push(this.areaColumnsClone[j])
            }
          }
@@ -582,106 +581,107 @@
          title: '操作',
          key: 'action',
          align: 'center',
          slot:'action',
          width:100,
          fixed:'right'
          slot: 'action',
          width: 100,
          fixed: 'right'
        })
        this.$Message.error("筛选项至少保留一个")
      }
    },
    handleClose2 (event, name) {
    handleClose2(event, name) {
      const index = this.areaQueryArr.indexOf(name);
      this.areaQueryArr.splice(index, 1);
      this.queryArr.splice(index,1)
      this.queryArr.splice(index, 1)
    },
    contrast(){
      if(this.queryArr.length<2){
    contrast() {
      if (this.queryArr.length < 2) {
        this.$Message.error("对比城市至少添加2个")
        return false
      }else{
        this.$router.push({path:'/contrastCityInvestmentZone',query:{area:this.queryArr,year:JSON.parse(JSON.stringify(this.areaTime))}})
      } else {
        this.$router.push({ path: '/contrastCityInvestmentZone', query: { area: this.queryArr, year: JSON.parse(JSON.stringify(this.areaTime)) } })
      }
    },
    showModal(){
      this.showGo=true
      this.hideGo=false
      $('.addZoneCard').css({'width':'200px'})
      $('.addModalwidth').css({'transition':'width 0.5s','right':'0','width':'200px'})
    showModal() {
      this.showGo = true
      this.hideGo = false
      $('.addZoneCard').css({ 'width': '200px' })
      $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '0', 'width': '200px' })
    },
    hideModal(){
      this.showGo=false
      this.hideGo=true
      $('.addZoneCard').css({'width':'50px'})
      $('.addModalwidth').css({'transition':'width 0.5s','right':'0','width':'50px'})
    hideModal() {
      this.showGo = false
      this.hideGo = true
      $('.addZoneCard').css({ 'width': '50px' })
      $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '0', 'width': '50px' })
    },
    addAreaclick(params){
      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)
    addAreaclick(params) {
      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)
        }else{
        } else {
          this.$Message.error("当前的区域已添加请勿重复添加")
          $('.addZoneCard').css({'width':'200px'})
          $('.addModalwidth').css({'transition':'width 0.5s','right':'0','width':'200px'})
          $('.addZoneCard').css({ 'width': '200px' })
          $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '0', 'width': '200px' })
          return false
        }
      }else{
      } else {
        this.$Message.error("对比城市最多只能添加5个")
        $('.addZoneCard').css({'width':'200px'})
        $('.addModalwidth').css({'transition':'width 0.5s','right':'0','width':'200px'})
        $('.addZoneCard').css({ 'width': '200px' })
        $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '0', 'width': '200px' })
        return false
      }
      $('.addZoneCard').css({'width':'200px'})
      $('.addModalwidth').css({'transition':'width 0.5s','right':'0','width':'200px'})
      $('.addZoneCard').css({ 'width': '200px' })
      $('.addModalwidth').css({ 'transition': 'width 0.5s', 'right': '0', 'width': '200px' })
    },
    checkAreaclick(params){
      this.$router.push({path:'/checkCityInvestmentZone',query:{orderByType:this.orderByType,orderByCol:this.orderByCol,area:params.Area,year:JSON.parse(JSON.stringify(this.areaTime)),city:params.City,province:params.Province,level:params.Level,kj:'全口径'}})
    checkAreaclick(params) {
      this.$router.push({ path: '/checkCityInvestmentZone', query: { orderByType: this.orderByType, orderByCol: this.orderByCol, area: params.Area, year: JSON.parse(JSON.stringify(this.areaTime)), city: params.City, province: params.Province, level: params.Level, kj: '全口径' } })
    },
    changePageIndex(page){
      this.pageIndex=page
      $('.cityZone .ivu-table-body').animate({scrollTop: 0}, 'slow')
    changePageIndex(page) {
      this.pageIndex = page
      $('.cityZone .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
      this.getPlatform()
    },
    getPlatform(){
    getPlatform() {
      // console.log(this.areaCascaderValue);
      let a;
      let b;
      let c;
      let d;
      if(this.areaCascaderValue[0]==="全部"){
        a=""
        b=""
        c=""
      }else{
        if(this.areaCascaderValue===undefined||this.areaCascaderValue===null||this.areaCascaderValue===[]){
          a="";
          b="";
          c=""
        }else{
          a=this.areaCascaderValue[0]
          b=this.areaCascaderValue[1]
          c=this.areaCascaderValue[2]
      if (this.areaCascaderValue[0] === "全部") {
        a = ""
        b = ""
        c = ""
      } else {
        if (this.areaCascaderValue === undefined || this.areaCascaderValue === null || this.areaCascaderValue === []) {
          a = "";
          b = "";
          c = ""
        } else {
          a = this.areaCascaderValue[0]
          b = this.areaCascaderValue[1]
          c = this.areaCascaderValue[2]
        }
      }
      if(this.areaAdministration[0]==="全部"){
        d=[]
      }else{
        d=this.areaAdministration
      if (this.areaAdministration[0] === "全部") {
        d = []
      } else {
        d = this.areaAdministration
      }
      this.loadingplatform=true
      let data={
        pageIndex:this.pageIndex,
        pageSize:20,
        level:d,
        province:a,
        city:b,
        area:c,
        year:this.areaTime.getFullYear(),
       // kj:this.areakoujing,
        orderByCol:this.orderByCol,
        orderByType:this.orderByType,
      this.loadingplatform = true
      let data = {
        pageIndex: this.pageIndex,
        pageSize: 20,
        level: d,
        province: a,
        city: b,
        area: c,
        year: this.areaTime.getFullYear(),
        // kj:this.areakoujing,
        orderByCol: this.orderByCol,
        orderByType: this.orderByType,
      }
      axios.request({
        url: '/CityInvestment/GetCityAreaPage',
@@ -689,15 +689,15 @@
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          this.loadingplatform=false
          this.areaTableList=[]
          this.areaTableList=res.data.Data.Items
          this.loadingplatform = false
          this.areaTableList = []
          this.areaTableList = res.data.Data.Items
          // if(this.areaTableList.length===0){
          //   this.areaTableList.push({
          //     GDPZL:0
          //   })
          // }
          this.TotalItems=res.data.Data.TotalItems
          this.TotalItems = res.data.Data.TotalItems
        } else {

        }
@@ -705,11 +705,11 @@

      })
    },
    getAreaList(){
      this.areaList=[]
      let area=[]
      let data={
        year:this.areaTime.getFullYear()
    getAreaList() {
      this.areaList = []
      let area = []
      let data = {
        year: this.areaTime.getFullYear()
      }
      axios.request({
        url: '/CityInvestment/GetAreaCascader',
@@ -717,21 +717,22 @@
        method: 'post'
      }).then(res => {
        if (res.data.Check) {
          area=JSON.parse(JSON.stringify(res.data.Data))
          if(area){
          area = JSON.parse(JSON.stringify(res.data.Data))
          if (area) {
            area.unshift({
              label: "全部",
              value: "全部",
            })
            this.areaList=area
          }else{
            this.areaList=[{
            this.areaList = area
            console.log(this.areaList);
          } else {
            this.areaList = [{
              label: "全部",
              value: "全部",
            }]
          }
        } else {
          this.areaList=[{
          this.areaList = [{
            label: "全部",
            value: "全部",
          }]
@@ -740,11 +741,11 @@

      })
    },
    searchClick () {
    searchClick() {

    },
    getLevelList () {
      let data={
    getLevelList() {
      let data = {

      }
      axios.request({
@@ -754,9 +755,9 @@
      }).then(res => {
        if (res.data.Check) {
          // this.levelList=res.data.Data
          this.levelList=[]
          if(res.data.Data){
            for (let i=0;i<res.data.Data.length;i++){
          this.levelList = []
          if (res.data.Data) {
            for (let i = 0; i < res.data.Data.length; i++) {
              this.levelList.push(res.data.Data[i])
            }
            this.levelList.unshift('全部')
@@ -768,10 +769,34 @@

      })
    },
    btncontrol(){
      this.checkBtn=false
    getareaCascaderValue(list){
      this.$nextTick(() => {
        if (list === undefined || list === null || list === []) {
          this.areaCascaderValue = ['全部']
        }else if(list.length===1&&list[0].label==='全部'){
          this.areaCascaderValue = ['全部']
        }else{
          for (let i = 0; i < list.length; i++) {
            this.areaCascaderValue.push(list[i].label)
            // console.log(this.areaCascaderValue[i]);
          }
        }
      });
      console.log(this.areaCascaderValue);
    
    },
    btncontrollevel(row){
    btncontrol(e) {
      // this.$nextTick(() => {
      //   this.areaCascaderValue = []
      //   let list = this.$refs['cascader'].getCheckedNodes()
      //   this.getareaCascaderValue(list)
      //   // console.log(list);
      // });
    
      this.checkBtn = false
    },
    btncontrollevel(row) {
      console.log(row);
      this.$nextTick(() => {
        let a = []
        this.areaAdministration.forEach((val, index) => {
@@ -779,28 +804,28 @@
            a.push(val.value)
          }
        })
        if (row.value==='全部' && (this.areaAdministration.length != this.levelList.length||this.areaAdministration.length === this.levelList.length)) {
        if (row.value === '全部' && (this.areaAdministration.length != this.levelList.length || this.areaAdministration.length === this.levelList.length)) {
          this.areaAdministration = ['全部']
        }else if(this.areaAdministration.indexOf('全部')>-1&&this.areaAdministration.length != this.levelList.length){
          this.areaAdministration.splice(this.areaAdministration.indexOf('全部'),1)
        } else if (this.areaAdministration.indexOf('全部') > -1 && this.areaAdministration.length != this.levelList.length) {
          this.areaAdministration.splice(this.areaAdministration.indexOf('全部'), 1)
        }
        // this.isnotZhixingCompany = false
        // this.initzhuangtai=true
        this.pageIndex=1
        this.checkBtn=false
        this.pageIndex = 1
        this.checkBtn = false
      })
    },
    areaChangeYear(){
      this.pageIndex=1
      this.checkBtn=false
      this.$nextTick(()=>{
    areaChangeYear() {
      this.pageIndex = 1
      this.checkBtn = false
      this.$nextTick(() => {
        this.getAreaList()
      //  this.getPlatform()
        //  this.getPlatform()
      })
    },
    areaChange () {
      this.pageIndex=1
      this.$nextTick(()=>{
    areaChange() {
      this.pageIndex = 1
      this.$nextTick(() => {
        this.getPlatform()
      })
    },
@@ -894,87 +919,100 @@
</script>

<style>
.gdpClass{
.gdpClass {
  float: right;
  margin-left: 5px;
}
.xiangshang{

.xiangshang {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.5;
}
.xiangxia{

.xiangxia {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.45;
}
.xiangshang1{

.xiangshang1 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.5;
}
.xiangxia1{

.xiangxia1 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.45;
}
.xiangshang2{

.xiangshang2 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.5;
}
.xiangxia2{

.xiangxia2 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.45;
}
.xiangshang3{

.xiangshang3 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.5;
}
.xiangxia3{

.xiangxia3 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.45;
}
.xiangshang4{

.xiangshang4 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.5;
}
.xiangxia4{

.xiangxia4 {
  display: block;
  cursor: pointer;
  color: #575656;
  line-height: 0.45;
}

/*.addclassxiang{*/
/*  color: #4f8cf0;*/
/*}*/
.addZoneCard .ivu-tag{
.addZoneCard .ivu-tag {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  margin-bottom: 5px;
}
.addModalwidth{

.addModalwidth {
  width: 200px;
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 4;
}
.levelclass  .ivu-tag-text{

.levelclass .ivu-tag-text {
  font-size: 14px;
}
</style>

 src/view/enterpriseControl/bankPunishEvent.vue

@@ -70,7 +70,7 @@
      
      <Button size="large" v-show="showMore===false"  type="primary" style="margin: 12px 5px;width: 88px;" @click="showMore=!showMore">展开</Button>
      <Button size="large" v-show="showMore===true" type="primary" style="margin: 12px 5px;width: 88px;" @click="showMore=!showMore">收起</Button>
      <Button size="large" icon="ios-search" type="primary" style="margin: 12px 0" @click="searchClick">搜索 </Button>
      <Button size="large" icon="ios-search" type="primary" style="margin: 12px 0" @click="searchClick(1)">搜索 </Button>
</div>


@@ -428,7 +428,7 @@
          </tr>
          <tr class="rentThClass" style="border-style: none;background: #f2f2f2">
            <td style=";width:200px;">主要违法违规事实（案由）</td>
            <td  style="border-right: 1px solid #ccc" colspan="3">{{ detailParams.ay ? detailParams.ay : '--' }}</td>
            <td  style="border-right: 1px solid #ccc" colspan="3" v-html="detailParams.ay ? detailParams.ay : '--'"></td>
          </tr>
          <tr class="rentThClass" style="border-style: none">
            <td style=";width:200px;">行政处罚依据</td>
@@ -1508,6 +1508,7 @@
     *  页面page的change事件
     **/
    changePageIndex(page) {
      console.log(page);
      
      if (page > this.TotalPages) {
        this.pageIndex = 1
@@ -1516,25 +1517,25 @@
      }

      $('.rentScrollOut .ivu-table-body').animate({ scrollTop: 0 }, 'slow')
      if (this.searchChange === 1) {
        this.getRentList()
      } else if (this.searchChange === 2) {
        this.confirmSenior()
      } else if (this.searchChange === 3) {
        this.searchClick()
      }
      // if (this.searchChange === 1) {
      //   this.getRentList()
      // } else if (this.searchChange === 2) {
      //   this.confirmSenior()
      // } else if (this.searchChange === 3) {
        this.searchClick(this.pageIndex)
      // }
      // this.pageIndex = 1
    },

    searchClick() {
    searchClick(page) {
      this.searchChange = 3
      this.confirmSeniorFirst = 1
      this.getRentListFirst = 1
      if (this.searchClickFirst === 1) {
        this.pageIndex = 1
      // if (this.searchClickFirst === 1) {
        this.pageIndex = page
        this.$refs['pagesChange1'].currentPage = 1
        this.searchClickFirst = 0
      }
      // }
      // this.searchClickFirst=0
      this.loadingRent = true
      this.rentList = []
@@ -1755,7 +1756,7 @@
        title: '被处罚单位',
        key: 'fzr',
        align: 'center',
        width: 150,
        width: 250,
        fixed: 'left',
        render: (h, params) => {
          if (params.row.dwmc) {
@@ -1771,7 +1772,7 @@
        title: '处罚机关名称',
        key: 'jgmc',
        align: 'left',
        minWidth: 200,
        minWidth: 150,
        render: (h, params) => {
          if (params.row.jgmc) {
            return h('span', params.row.jgmc)