表查询完善

zhengpz

2021-08-23 dc91db9bb3473c3ed058f86f74359e15c035a8a5

 src/views/securityUnitOperation/economicAnalysis.vue

@@ -6,7 +6,7 @@
          <div class="rowTitle">
            <img src="../../../public/img/bajgxt/u1618.png" />
            <span>数据概览</span>
            <el-select class="select0" v-model="value0" placeholder="请选择">
            <!-- <el-select class="select0" v-model="value0" placeholder="请选择">
              <el-option
                v-for="item in options0"
                :key="item.value"
@@ -14,7 +14,7 @@
                :value="item.value"
              >
              </el-option>
            </el-select>
            </el-select> -->
            <el-select
              class="select1"
              v-model="value1"
@@ -73,13 +73,13 @@
    </el-row>
    <el-row :gutter="20">
      <el-col :span="16">
        <div class="rowContent">
        <div class="rowContent" v-loading="loading1">
          <span class="span-title">社保缴纳</span>
          <div id="middleEchart1"></div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="rowContent">
        <div class="rowContent" v-loading="loading2">
          <span class="span-title">派遣人员占比</span>
          <div id="middleEchart2"></div>
        </div>
@@ -87,8 +87,8 @@
    </el-row>
    <el-row>
      <el-col :span="24">
        <div class="rowContent">
          <span class="span-title">公司经济运转趋势</span>
        <div class="rowContent" v-loading="loading3">
          <span class="span-title">服务客户数量</span>
          <div id="bottomEchart"></div>
        </div>
      </el-col>
@@ -106,7 +106,8 @@
  selectTo,
  queryYearSoil,
  queryYearAn,
  queryYearPz
  queryYearPz,
  queryYearKh
} from "../../api/securityUnitOperation/securityUnitOperation";
export default {
  data() {
@@ -151,12 +152,24 @@
        addPaiQ: 0,
        sheBPerson: 0,
        addSheBPerson: 0
      }
      },
      loading1: true,
      loading2: true,
      loading3: true,
      enterpriseName: ""
    };
  },
  methods: {
    toEconomicTable() {
      this.$router.push({ path: "/securityUnitOperation/economicTable" });
      this.$router.push({
        path:
          "/securityUnitOperation/economicTable?jurisdiction=" +
          this.value2 +
          "&enterpriseName=" +
          this.enterpriseName +
          "&jurisdiction1=" +
          this.value1
      });
    },
    getFenju() {
      lazyTreeJu().then(res => {
@@ -173,6 +186,7 @@
      this.getCompanys();
    },
    pieChange() {
      this.loading2 = true;
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2
@@ -186,6 +200,7 @@
        } else {
          this.$message.error(res.msg);
        }
        this.loading2 = false;
      });
    },
    getCompanys() {
@@ -234,6 +249,7 @@
      });
    },
    getQueryYearSoil() {
      this.loading1 = true;
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2
@@ -249,6 +265,7 @@
                echartJs.economicMiddle(res.data.data, res1.data.data)
              );
            }
            this.loading1 = false;
          });
        } else {
          this.$message.error(res.msg);
@@ -256,11 +273,12 @@
      });
    },
    getQueryYearAn() {
      this.loading3 = true;
      let params = {
        jurisdiction: this.value1,
        deptid: this.value2
      };
      queryYearAn(params).then(res => {
      queryYearKh(params).then(res => {
        if (res.data.code === 200) {
          let bottomEchart = echarts.init(
            document.getElementById("bottomEchart")
@@ -269,9 +287,15 @@
        } else {
          this.$message.error(res.msg);
        }
        this.loading3 = false;
      });
    },
    changeCompanys() {
      this.options2.forEach(item => {
        if (item.departmentid === this.value2) {
          this.enterpriseName = item.enterpriseName;
        }
      });
      this.pieChange();
      this.getSocialSecurity();
      this.getQueryYearSoil();