| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | addPaiQ: 0, |
| | | sheBPerson: 0, |
| | | addSheBPerson: 0 |
| | | } |
| | | }, |
| | | loading1: true, |
| | | loading2: true, |
| | | loading3: true |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | this.getCompanys(); |
| | | }, |
| | | pieChange() { |
| | | this.loading2 = true; |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | this.loading2 = false; |
| | | }); |
| | | }, |
| | | getCompanys() { |
| | |
| | | }); |
| | | }, |
| | | getQueryYearSoil() { |
| | | this.loading1 = true; |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | |
| | | echartJs.economicMiddle(res.data.data, res1.data.data) |
| | | ); |
| | | } |
| | | this.loading1 = false; |
| | | }); |
| | | } else { |
| | | this.$message.error(res.msg); |
| | |
| | | }); |
| | | }, |
| | | getQueryYearAn() { |
| | | this.loading3 = true; |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptid: this.value2 |
| | |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | this.loading3 = false; |
| | | }); |
| | | }, |
| | | changeCompanys() { |