From dc91db9bb3473c3ed058f86f74359e15c035a8a5 Mon Sep 17 00:00:00 2001
From: zhengpz <1838927346@qq.com>
Date: Mon, 23 Aug 2021 22:13:10 +0800
Subject: [PATCH] 表查询完善
---
src/views/securityUnitOperation/economicAnalysis.vue | 44 ++++++++++++++++++++++++++++++++++----------
1 files changed, 34 insertions(+), 10 deletions(-)
diff --git a/src/views/securityUnitOperation/economicAnalysis.vue b/src/views/securityUnitOperation/economicAnalysis.vue
index 50446a7..327a2b2 100644
--- a/src/views/securityUnitOperation/economicAnalysis.vue
+++ b/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();
--
Gitblit v1.9.3