tdzcxx-frontend/src/views/tj/sjtjModules.vue

<template>
  <div>
    <div>
      <a-row>
        <a-col :sm="24" :md="12" :xl="4">
          <a-card style="height: 146px">
            <a-avatar style="margin-left: 3%" :size="40" icon="user"/>
            <a-select default-value="ssqy" style="width: 150px;margin-top: 12%;margin-left: 4%" @change="handleChange">
              <a-select-option value="szdw">
                省直单位
              </a-select-option>
              <a-select-option value="ssqy">
                省属企业
              </a-select-option>
            </a-select>
          </a-card>
        </a-col>

        <a-col v-show="this.type=='ssqy'" :sm="24" :md="12" :xl="20">
          <a-card class="flex-space-between">
            <a-col class="flex-center" :sm="18" :md="12" :xl="5" @click="handleQy">
              <div class='tjcxcound1'>
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省属企业数量</div>
                  <div style="font-size: 24px; margin-top:6%;float: right;font-weight:600;">{{ SSQYSL }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">家</span></div>
                  <!--                  <div style="font-size: 24px; float: right;font-weight:600;">{{ SUMSZ }}<span style="font-size: 16px;margin-left:5px;margin-right: 5px;font-weight:400" >亩</span></div>-->
                </div>
              </div>
            </a-col>
            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
              <div class='tjcxcound2'>
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">上报地块企业数量</div>
                  <div style="font-size: 24px;margin-top:6%; float: right;font-weight:600;">{{ SBDKQYSL }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">家</span></div>
                </div>


                <!--              <div style="color: white;padding-top: 1rem">-->
                <!--                <div>已上报省属企业地块总面积</div>-->
                <!--                <div>-->
                <!--                  <span style="font-size: 24px">{{ SUMSS }}</span><span style="margin-left: 5px">亩</span>-->
                <!--                </div>-->
                <!--              </div>-->
              </div>
            </a-col>
            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
              <div class='tjcxcound3' @click="visibleInfo({sfsb:3})">
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省属企业地块</div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ COUNTDK }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">块</span></div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ SUMSS }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">亩</span></div>
                </div>
                <!--                <div>其中省直单位闲置低效面积</div>-->
                <!--                <div>-->
                <!--                  <span style="font-size: 24px">{{ SUMSZXZDX }}</span><span style="margin-left: 5px">亩</span>-->
                <!--                </div>-->
              </div>
            </a-col>
            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
              <div class='tjcxcound4' @click="visibleInfo({sfsb:3,tdsyxz:'闲置低效土地'})">
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 8rem;margin-left: 1rem;margin-top:10px;float: left; ">其中省属企业闲置低效地块</div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ COUNTDKBYSSXZDX }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">块</span></div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ SUMSSXZDX }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">亩</span></div>
                </div>
                <!--              <div style="color: white;padding-top: 1rem">-->
                <!--                <div>其中省属企业闲置低效面积</div>-->
                <!--                <div>-->
                <!--                  <span style="font-size: 24px;">{{ SUMSSXZDX }}</span><span style="margin-left: 5px">亩</span>-->
                <!--                </div>-->
                <!--              </div>-->
              </div>
            </a-col>
          </a-card>
        </a-col>
        <a-col v-show="this.type=='szdw'" :sm="24" :md="12" :xl="20">
          <a-card class="flex-space-between">
            <a-col class="flex-center" :sm="18" :md="12" :xl="5">
              <div class='tjcxcound1' @click="handleDw()">
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省直单位数量</div>
                  <div style="font-size: 24px; margin-top:6%; float: right;font-weight:600;">{{ SZQYSL }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">家</span></div>
                </div>
              </div>
            </a-col>
            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
              <div class='tjcxcound2'>
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">上报地块单位数量</div>
                  <div style="font-size: 24px; margin-top:6%; float: right;font-weight:600;">{{ SSDWSL }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">家</span></div>
                </div>


                <!--              <div style="color: white;padding-top: 1rem">-->
                <!--                <div>已上报省属企业地块总面积</div>-->
                <!--                <div>-->
                <!--                  <span style="font-size: 24px">{{ SUMSS }}</span><span style="margin-left: 5px">亩</span>-->
                <!--                </div>-->
                <!--              </div>-->
              </div>
            </a-col>
            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
              <div class='tjcxcound3' @click="visibleInfoBySz({sfsb:3})">
                <div style="color: white;padding-top: 0.6rem">

                  <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省直单位地块</div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ COUNTDKBYSZ }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">块</span></div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ SUMSZ }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">亩</span></div>

                </div>
                <!--                <div>其中省直单位闲置低效面积</div>-->
                <!--                <div>-->
                <!--                  <span style="font-size: 24px">{{ SUMSZXZDX }}</span><span style="margin-left: 5px">亩</span>-->
                <!--                </div>-->
              </div>
            </a-col>
            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
              <div class='tjcxcound4' @click="visibleInfoBySz({sfsb:3,tdsyxz:'闲置低效土地'})">
                <div style="color: white;padding-top: 0.6rem">
                  <div style="width: 8rem;margin-left: 1rem;margin-top:10px;float: left; ">其中省直单位闲置低效地块</div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ COUNTDKBYSZXZDX }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">块</span></div>
                  <div style="font-size: 24px; float: right;font-weight:600;">{{ SUMSZXZDX }}<span
                    style="font-size: 16px;margin-left:5px;margin-right: 10px;font-weight:400">亩</span></div>
                </div>
                <!--              <div style="color: white;padding-top: 1rem">-->
                <!--                <div>其中省属企业闲置低效面积</div>-->
                <!--                <div>-->
                <!--                  <span style="font-size: 24px;">{{ SUMSSXZDX }}</span><span style="margin-left: 5px">亩</span>-->
                <!--                </div>-->
                <!--              </div>-->
              </div>
            </a-col>
          </a-card>
        </a-col>
      </a-row>

    </div>
    <div>
      <a-row v-show="this.type=='szdw'">
        <a-col :sm="24" :md="12" :xl="12">
          <a-card style="margin-bottom: 1rem;width:100%;height: 42rem">
            <mapData ref="map2ref" :resultMapData="this.resMapSzData" :titles="this.title2"
                     @visible="visibleInfoBySz"></mapData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="6">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <PieData :resultData="this.resData1"
                     :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省直单位土地获取方式占比':'省直单位土地获取方式占比'"
                     @visible="visibleInfoBySz"></PieData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="6">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <DoughnutData :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省直单位权证登记比例情况':'省直单位权证登记比例情况’' +
             '' +
              '' " :result-data="this.DoughnutData"
                          :pie-color="this.color" @visibleZs="visibleInfoBySz"></DoughnutData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="12">
          <a-card style="margin-bottom: 1rem;width:100%;height: 20rem">
            <a-col :sm="24" :md="12" :xl="24">
              <BarTdsjyt :titleText="this.tem_xzqhmc? this.tem_xzqhmc+'省直单位土地批准用途情况':'省直单位土地批准用途情况'"
                         :result-x-data=this.resXData :dw="this.dw2"
                         style="width:800px ;height:300px;" @visibleSz="visibleInfoBySz"></BarTdsjyt>
            </a-col>
          </a-card>
        </a-col>
        <!--        <a-col :sm="24" :md="12" :xl="12">-->
        <!--          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">-->
        <!--            &lt;!&ndash;            <NightingaleCharData style="margin-left: 10rem"></NightingaleCharData>&ndash;&gt;-->
        <!--            <a-col :xl="5">-->
        <!--              <WaterWorld :titleText=this.WaterWorldTitle :bottomTitle=this.WaterWorldTitleByqyzy-->
        <!--                          :resultData="this.resWordDataZy"></WaterWorld>-->
        <!--            </a-col>-->
        <!--            <a-col :xl="5" style="margin-left: 5rem">-->
        <!--              <WaterWorld :bottomTitle=this.WaterWorldTitleBydycz :resultData="this.resWordDataCz"></WaterWorld>-->
        <!--            </a-col>-->
        <!--            <a-col :xl="5" style="margin-left: 5rem">-->
        <!--              <WaterWorld :bottomTitle=this.WaterWorldTitleByxzdx :resultData="this.resWordDataXz"></WaterWorld>-->
        <!--            </a-col>-->
        <!--          </a-card>-->
        <!--        </a-col>-->
        <a-col :sm="24" :md="12" :xl="24">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <BarDobuleData style="width: 1600px"
                           :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省直单位实际占用面积':'省直单位实际占用面积'"
                           :result-x-data="resBarSzData"
                           @visible="visibleInfoSzXzqh">
            </BarDobuleData>
          </a-card>
        </a-col>
      </a-row>
      <a-row v-show="this.type=='ssqy'">
        <a-col :sm="24" :md="12" :xl="12">
          <a-card style="margin-bottom: 1rem;width:100%;height: 43rem">
            <mapData
              ref="mapref"
              :resultMapData="this.resMapSsData"
              :titles="this.title1"
              @visible="visibleInfo">
            </mapData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="6">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <PieData
              :resultData="this.resData"
              :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省属企业土地获取方式占比':'省属企业土地获取方式占比'"
              @visible="visibleInfo">
            </PieData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="6">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <DoughnutData
              :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省属企业权证登记比例情况':'省属企业权证登记比例情况'"
              :result-data="this.DoughnutData1"
              :pie-color="this.color1" @visibleCard="visibleInfo">

            </DoughnutData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="6">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <PieQdfsMj
              :resultData="this.resData2"
              :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省属企业土地地块面积获取方式占比' : '省属企业土地地块面积获取方式占比'"
              @visible="visibleInfo">
            </PieQdfsMj>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="6">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <DoughnutData
              :titleText="this.tem_xzqh ? this.tem_xzqhmc+'省属企业土地使用现状占比':'省属企业土地使用现状占比'"
              :result-data="this.DoughnutData2"
              :PieColor="this.color" @visible="visibleInfo">
            </DoughnutData>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="12">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <a-col :sm="24" :md="12" :xl="24">
              <!--              <a-card style="margin-bottom: 1rem;width:100%;height: 20rem">-->
              <BarTdsjyt
                :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省属企业土地实际用途情况':'省属企业土地实际用途情况'"
                :result-x-data="this.resYData"
                :dw="this.dw2"
                :seriesName="'地块数量'" @visible="visibleInfo">
              </BarTdsjyt>
            </a-col>
          </a-card>
        </a-col>
        <a-col :sm="24" :md="12" :xl="12">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <BarDobuleData
              :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'省属企业实际占用面积':'省属企业实际占用面积'"
              :result-x-data="resBarSsData"
              @visible="visibleInfoXzqh">
            </BarDobuleData>
          </a-card>
        </a-col>

        <a-col :sm="24" :md="12" :xl="24">
          <a-card style="margin-bottom: 1rem;width:100%;height: 21rem">
            <BarData :titleText="this.tem_xzqhmc ? this.tem_xzqhmc+'一级单位用地面积汇总':'一级单位用地面积汇总'"
                     :result-x-data="this.resYDatas"
                     :seriesName="'地块面积（亩）'"
                     :dw="this.dw" @visible="visibleInfoYjdw"
                     style="width:calc(100% - 0px);height:300px;">

            </BarData>
          </a-card>
        </a-col>

      </a-row>
      <j-modal
        :visible="visible"
        @cancel="handleCancel"
        @ok="handleOk"
        cancelText="关闭"
        :okButtonProps="{ class:{'jee-hidden': false} }"
      >
        <QcSsgqzysytdqkListBySs :param="this.param"></QcSsgqzysytdqkListBySs>

      </j-modal>


      <j-modal
        :visible="visibleQy"
        @cancel="handleCancel"
        @ok="handleOk"
        cancelText="关闭"
      >
        <QcQyxxListBySs></QcQyxxListBySs>
      </j-modal>

      <j-modal
        :visible="visibleDw"
        @cancel="handleCancel"
        @ok="handleOk"
        cancelText="关闭"
      >
        <QcQyxxListBySz></QcQyxxListBySz>
      </j-modal>

      <j-modal
        :visible="visibleSz"
        @cancel="handleCancel"
        @ok="handleOk"
        cancelText="关闭"
      >
        <QcSsgqzysytdqkListBySz :param="this.paramSz"></QcSsgqzysytdqkListBySz>
      </j-modal>
    </div>
  </div>


</template>


<script>
import mapData from "@views/tj/compoent/map3Data";

import PieData from "@views/tj/compoent/PieData";
import PieQdfsMj from "@views/tj/compoent/PieQdfsMj";
import DoughnutData from "@views/tj/compoent/DoughnutData";
import BarData from "@views/tj/compoent/BarData";
import BarTdsjyt from "@views/tj/compoent/BarTdsjyt";
import BarDobuleData from "@views/tj/compoent/BarDobuleData";
import WaterWorld from "@views/tj/compoent/WaterWorld";
import NightingaleCharData from "@views/tj/compoent/NightingaleCharData";
import {getAction} from "@api/manage";
import QcSsgqzysytdqkListBySs from "@views/qcsb/QcSsgqzysytdqkList_tj"
import QcQyxxListBySs from "@views/qcsb/qyxx/QcQyxxList_tj"
import QcQyxxListBySz from "@views/sydwqcsb/sydwxx/QcQyxxList_tj"
import {initDictOptions} from '@/components/dict/JDictSelectUtil'

import QcSsgqzysytdqkListBySz from "@views/sydwqcsb/QcSsgqzysytdqkList_tj"

export default {
  name: "sjtj",
  data() {
    return {
      SUMSS: "",
      SUMSSXZDX: "",
      visible: false,
      visibleDw: false,
      SUMSZ: "",
      SZQYSL: "",
      SSDWSL: "",
      SUMSZXZDX: "",
      type: 'ssqy',
      DoughnutData: [],
      title2: {
        title: "省直单位地块统计",
        orgCode: "A03"
      },
      title1: {
        title: "省属企业地块统计",
        orgCode: "A04"
      },
      DoughnutData1: [],
      DoughnutData2: [],
      resXData: [],
      resYData: [],
      resYDatas: [],
      visibleQy: false,
      dw: '单位（亩）',
      dw2: '单位（块）',
      resData: [],
      SSQYSL: "",
      SBDKQYSL: "",
      resMapSzData: [],
      resMapSsData: [],
      resBarSsData: [],
      resBarSzData: [],
      cz: "",
      qyzy: "",
      xzdx: "",
      visibleSz: false,
      sum: "",
      param: {},
      COUNTDK: "",
      COUNTDKBYSZ: "",
      COUNTDKBYSSXZDX: "",
      COUNTDKBYSZXZDX: "",
      tem_xzqhmc: "",
      paramSz: "",
      resData2: [],
      color: ['#8E42FF', '#FF6B6B', '#FF9B42', '#F0D418', '#2E64FF'],
      color1: ['#ff8c37', '#a181fc','#fd6f97','#389af4'],
      resData1:
        [                  //每个模块的名字和值

        ],
      resWordDataZy: 0.98,
      resWordDataCz: 0.01,
      resWordDataXz: 0.01,
      tem_xzqh: "",
      textBysz: "省直单位土地获取方式占比",
      textByss: "省属企业土地地块数量获取方式占比",
      textBysss: "省属企业土地地块面积获取方式占比",
      //titleBysz2: "单位权证登记比例情况",
      //titleByszs: "土地使用现状占比",
      BarTitleBysz: '土地批准用途情况',
      BarTitleByss: '土地实际用途情况',
      BarTitleBysjzymj: '省属企业实际占用面积',
      BarTitleBysjzymjs: '一级单位用地面积汇总',
      BarTitleBysjzymj2: '省直单位实际占用面积',
      WaterWorldTitle: '企业土地使用情况',
      // WaterWorldTitleByqyzy: '企业自用',
      // WaterWorldTitleBydycz: '对外出租',
      // WaterWorldTitleByxzdx: '闲置低效'

    }
  },
  watch: {
    "param": {
      handler(newVal, oldVal) {
        if (newVal.sfsb == null) {
          this.tem_xzqh = newVal.xzqh
          this.tem_xzqhmc = newVal.xzqhmc
          this.initTable();
        }
        if (!this.param.xzqh) {
          this.param.xzqh = this.tem_xzqh;
        }
      }
    },
    "paramSz": {
      handler(newVal, oldVal) {
        if (newVal.sfsb == null) {
          this.tem_xzqh = newVal.xzqh
          this.tem_xzqhmc = newVal.xzqhmc
          this.initTable();
        }
        if (!this.paramSz.xzqh) {
          this.paramSz.xzqh = this.tem_xzqh;
        }
      }
    }
  },
  mounted() {
    new Promise(resolve => {
      this.initTable();
      this.initMap()
    }).then(res => {
      console.log(res);//数据返回了
    })
  },
  components: {
    mapData, DoughnutData,
    BarData, BarTdsjyt, WaterWorld,
    NightingaleCharData, BarDobuleData,
    PieData, PieQdfsMj, QcSsgqzysytdqkListBySz,
    QcSsgqzysytdqkListBySs, QcQyxxListBySs, QcQyxxListBySz
  },
  methods: {
    initTable() {
      this.getPieData();
      // this.getPieQdfsMj(resolve);
      this.getPieData2();
      this.getPieDatasz();
      this.getDougatasz();
      this.getTdsyxzDougatasz();
      this.getDougatass();
      this.getBarsz();
      this.getBarss();
      this.getBarszSjzyData();
      this.getAreaData();
      this.getBarssSjzyData();
      this.geszqyzytData()
    },
    initMap() {
      this.getMapSzData();
      this.getMapSsData();
    },
    handleChange(value) {
      if (value == "ssqy") {
        getAction("/qcsb.qyxx/qcQyxx/ssdtdktj").then(res => {
          if (res.code == 200) {
            this.resMapSsData = res.result
            this.$refs.mapref.initMap();
            //初始化图表
            this.tem_xzqh = "";
            this.tem_xzqhmc = "";
            this.initTable()
            this.type = value;
          }
        })
      }
      if (value == "szdw") {
        getAction("/qcsb.qyxx/qcQyxx/szdtdktj").then(res => {
          if (res.code == 200) {
            this.resMapSzData = res.result
            this.$refs.map2ref.initMap();
            this.tem_xzqh = "";
            this.tem_xzqhmc = "";
            this.initTable()
            this.type = value;
          }
        })

      }

    },
    handleCancel() {
      this.visible = false
      this.visibleSz = false
      this.visibleQy = false
      this.visibleDw = false
    },
    visibleInfoBySz(params) {
      this.paramSz = params
      if (params.sfsb != null) {
        this.visibleSz = true
      }
    },
    handleOk() {
      this.visible = false
      this.visibleSz = false
      this.visibleQy = false
      this.visibleDw = false
    },
    handleQy() {
      this.visibleQy = true
    },
    handleDw() {
      this.visibleDw = true
    },
    handleQydk() {
      //this.param=""
      this.visible = true
    },
    visibleInfoXzqh(params) {
      initDictOptions("xq").then(res => {
        for (const re of res.result) {
          if (re.text == params.xzqh) {
            this.param = {xzqh: re.value, sfsb: "3"}
            this.visible = true
          }
        }
      })

      // this.param=params
      // this.visible = true

      // this.$router.push({ name:'qcsb-qcSsgqzysytdqk-list', query:{sfsb:3} });
    },
    visibleInfoSzXzqh(params) {
      initDictOptions("xq").then(res => {

        for (const re of res.result) {
          if (re.text == params.xzqh) {

            this.paramSz = {xzqh: re.value, sfsb: "3"}
            this.visibleSz = true
          }
        }
      })

      // this.param=params
      // this.visible = true

      // this.$router.push({ name:'qcsb-qcSsgqzysytdqk-list', query:{sfsb:3} });
    },
    visibleInfoYjdw(params) {
      initDictOptions("yjdw").then(res => {
        for (const re of res.result) {
          if (re.text == params.sysOrgCode) {
            this.param = {sysOrgCode: re.value, sfsb: "3"}
            this.visible = true
          }
        }
      })

      // this.param=params
      // this.visible = true

      // this.$router.push({ name:'qcsb-qcSsgqzysytdqk-list', query:{sfsb:3} });
    },
    visibleInfo(params) {
      this.param = params
      if (params.sfsb != null) {
        this.visible = true
      }
    },

    // 顶部四大卡片数据查询
    getAreaData() {
      getAction("/qcsb.qyxx/qcQyxx/sbdkmj").then(res => {
        if (res.code == 200) {
          this.SUMSS = res.result.SUMSS.toFixed(2);
          this.SUMSSXZDX = res.result.SUMSSXZDX.toFixed(2);
          this.SUMSZXZDX = res.result.SUMSZXZDX.toFixed(2);
          this.SUMSZ = res.result.SUMSZ.toFixed(2);
          this.COUNTDK = res.result.COUNTDK;
          this.COUNTDKBYSZ = res.result.COUNTDKBYSZ;
          this.COUNTDKBYSSXZDX = res.result.COUNTDKBYSSXZDX;
          this.COUNTDKBYSZXZDX = res.result.COUNTDKBYSZXZDX;
          this.SSQYSL = res.result.SSQYSL;
          this.SBDKQYSL = res.result.SBDKQYSL;
          this.SZQYSL = res.result.SZQYSL;
          this.SSDWSL = res.result.SSDWSL;

        }
      })
    },
    // 省属企业土地获取方式占比
    getPieData() {
      getAction("/qcsb.qyxx/qcQyxx/tdhqfs", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resData = res.result;
        }
      })
    },
    // getPieQdfsMj() {
    //   getAction("/qcsb.qyxx/qcQyxx/tdhqfs").then(res => {
    //     if (res.code == 200) {
    //       this.resData = res.result;
    //     }
    //   })
    // },
    // 省属企业土地地块面积获取方式占比
    getPieData2() {
      getAction("/qcsb.qyxx/qcQyxx/tdhqfsArea", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resData2 = res.result;
        }
      })
    },
    // 省直单位土地获取方式占比
    getPieDatasz() {
      getAction("/qcsb.qyxx/qcQyxx/tdhqfssz", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resData1 = res.result;
        }
      })
    },
    // 省直单位权证登记比例情况
    getDougatass() {
      getAction("/qcsb.qyxx/qcQyxx/qzdjblss", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.DoughnutData = res.result;
        }
      })

    },
    // 省属企业权证登记比例情况
    getDougatasz() {
      getAction("/qcsb.qyxx/qcQyxx/qzdjblsz", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.DoughnutData1 = res.result;

        }
      })
    },
    //统计-土地使用现状占比/省属企业土地使用现状占比
    getTdsyxzDougatasz() {
      getAction("/qcsb.qyxx/qcQyxx/tdsyxzzb", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.DoughnutData2 = res.result;
        }
      })
    },
    // 省直单位土地批准用途情况
    getBarsz() {
      getAction("/qcsb.qyxx/qcQyxx/sjyttjsz", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resXData = res.result
        }
      })

    },
    // 省属企业土地实际用途情况
    getBarss() {
      getAction("/qcsb.qyxx/qcQyxx/sjyttjss", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resYData = res.result
        }
      }),
        getAction("/qcsb.qyxx/qcQyxx/yjdwmjhz", {xzqh: this.tem_xzqh}).then(res => {
          if (res.code == 200) {
            this.resYDatas = res.result

          }
        })

    },
    // 省直单位地块统计
    getMapSzData() {
      getAction("/qcsb.qyxx/qcQyxx/szdtdktj").then(res => {
        if (res.code == 200) {
          this.resMapSzData = res.result

        }
      })

    },
    // 省属企业地块统计
    getMapSsData() {
      getAction("/qcsb.qyxx/qcQyxx/ssdtdktj").then(res => {
        if (res.code == 200) {
          this.resMapSsData = res.result
        }
      })
    },
    // 省属企业实际占用面积
    getBarssSjzyData() {
      getAction("/qcsb.qyxx/qcQyxx/sszytdmjtj", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resBarSsData = res.result

        }
      })
    },
    // 省直单位实际占用面积
    getBarszSjzyData() {
      getAction("/qcsb.qyxx/qcQyxx/szzytdmjtj", {xzqh: this.tem_xzqh}).then(res => {
        if (res.code == 200) {
          this.resBarSzData = res.result
        }
      })
    },

    geszqyzytData() {
      getAction("/qcsb.qyxx/qcQyxx/szqyzy").then(res => {
        if (res.code == 200) {
          this.resWordDataCz = parseFloat(res.result[0].value / res.result[3].value);
          this.resWordDataZy = parseFloat(res.result[1].value / res.result[3].value);
          this.resWordDataXz = parseFloat(res.result[2].value / res.result[3].value);

        }
      })
    },

  }

}
</script>

<style>
.tjcxcound1 {
  height: 6rem;
  width: 18rem;
  background-image: url('~@/assets/sytj_1.png');
  background-size: 100% 100%;
  /*margin-left: 3rem;*/
  font-size: 16px;
  text-align: left;
  border-radius: 10px;
  cursor: pointer
}

.tjcxcound2 {
  height: 6rem;
  width: 18rem;
  background-image: url('~@/assets/sytj_2.png');
  background-size: 100% 100%;
  /*margin-left: 10rem;*/
  font-size: 16px;
  text-align: left;
  border-radius: 10px;
  /*cursor: pointer*/
}

.tjcxcound3 {
  height: 6rem;
  width: 18rem;
  background-image: url('~@/assets/sytj_3.png');
  background-size: 100% 100%;
  /*margin-left: 17rem;*/
  font-size: 16px;
  text-align: left;
  border-radius: 10px;
  cursor: pointer
}

.tjcxcound4 {
  height: 6rem;
  width: 18rem;
  background-image: url('~@/assets/sytj_4.png');
  background-size: 100% 100%;
  /*margin-left: 24rem;*/
  font-size: 16px;
  text-align: left;
  border-radius: 10px;
  cursor: pointer
}

.flex-space-between > div.ant-card-body {
  display: flex;
  justify-content: space-between;
}
.flex-center {
  display: flex;
  justify-content: center;
}

</style>