| | |
| | | <div class="right-content" v-loading="right1loading"> |
| | | <span |
| | | class="left2-btn date" |
| | | :class="[poorPerformanceType === 0 ? 'bayHover' : '']" |
| | | @click="getPoorPerformance(0)" |
| | | :class="[poorPerformanceType === 1 ? 'bayHover' : '']" |
| | | @click="getPoorPerformance(1)" |
| | | >当日</span |
| | | > |
| | | <span |
| | | class="left2-btn mounce" |
| | | :class="[poorPerformanceType === 1 ? 'bayHover' : '']" |
| | | @click="getPoorPerformance(1)" |
| | | :class="[poorPerformanceType === 2 ? 'bayHover' : '']" |
| | | @click="getPoorPerformance(2)" |
| | | >当月</span |
| | | > |
| | | <span |
| | | class="left2-btn all" |
| | | :class="[poorPerformanceType === 2 ? 'bayHover' : '']" |
| | | @click="getPoorPerformance(2)" |
| | | :class="[poorPerformanceType === 3 ? 'bayHover' : '']" |
| | | @click="getPoorPerformance(3)" |
| | | >全部</span |
| | | > |
| | | <div class="card-list" style="margin-top: 21px"> |
| | |
| | | <span>{{ rightData.poorPerformance }}</span> |
| | | <span>现实表现差</span> |
| | | </div> |
| | | <div class="card-list"> |
| | | <div class="card-list" @click="getQualificationPages"> |
| | | <img src="../../../public/img/bajgxt/u4.png" /> |
| | | <img src="../../../public/img/bajgxt/u230.png" /> |
| | | <img src="../../../public/img/bajgxt/u1.png" /> |
| | |
| | | <div class="rightData rightData2"> |
| | | <img src="../../../public/img/bajgxt/u232.png" alt /> |
| | | <div class="text"> |
| | | <span>资质未过审</span> |
| | | <span>23个</span> |
| | | <span>材料不齐全</span> |
| | | <span>{{ rightData.materialNum }}个</span> |
| | | </div> |
| | | </div> |
| | | <div class="rightData rightData3"> |
| | |
| | | <img src="../../../public/img/bajgxt/111.png" alt /> |
| | | <div class="text"> |
| | | <span>监管处罚</span> |
| | | <span>6个</span> |
| | | <span>{{ rightData.punishNum }}个</span> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="card-list"> |
| | |
| | | selectExtype, |
| | | seCountUg, |
| | | seCountI, |
| | | selectExtypeUser |
| | | selectExtypeUser, |
| | | qualificationPages, |
| | | selectCf, |
| | | selectCl |
| | | } from "../../api/index/index"; |
| | | |
| | | import car from "@/assets/img/car.png"; |
| | |
| | | rightData: { |
| | | poorPerformance: 0, |
| | | qualification: 0, |
| | | socialSecurity: 0, |
| | | noholder: 0 |
| | | materialNum: 0, |
| | | punishNum: 0 |
| | | }, |
| | | carNum: 0, |
| | | peoNum: 0, |
| | |
| | | nv: 0 |
| | | }, |
| | | left2EchartType: 0, |
| | | poorPerformanceType: 2 |
| | | poorPerformanceType: 3 |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | this.value1 = this.options1[0].value || ""; |
| | | this.value2 = this.options2[0].value || ""; |
| | | // 获取完辖区列表之后再获取具体数据 |
| | | this.getNoholderNum(); |
| | | this.getNoSocialSecurity(); |
| | | this.getPunishNum(); |
| | | this.getMaterial(); |
| | | // this.getQualification(); |
| | | this.getPoorPerformance(2); |
| | | this.getPoorPerformance(3); |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | }); |
| | | }, |
| | | // 未持证 |
| | | getNoholderNum() { |
| | | noholderNum({ jurisdiction: this.value2 }).then(res => { |
| | | // 资格审查异常名单 |
| | | getQualificationPages() { |
| | | let params = { |
| | | current: 1, |
| | | size: 10, |
| | | examinationType: this.poorPerformanceType, |
| | | jurisdiction: this.value1 |
| | | }; |
| | | qualificationPages(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.noholder = res.data.data[0].Count; |
| | | let tableData = res.data.data; |
| | | } |
| | | }); |
| | | }, |
| | | // 公司受处罚数量 |
| | | getPunishNum() { |
| | | this.rightData.punishNum = 0; |
| | | selectCf({ jurisdiction: this.value2 }).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.punishNum = res.data.data[0].count; |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | this.right2loading = false; |
| | | }); |
| | | }, |
| | | // 未缴纳社保 |
| | | getNoSocialSecurity() { |
| | | noSocialSecurity({ jurisdiction: this.value2 }).then(res => { |
| | | // 公司材料不全数量 |
| | | getMaterial() { |
| | | this.rightData.materialNum = 0; |
| | | selectCl({ jurisdiction: this.value2 }).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.socialSecurity = res.data.data[0].Count; |
| | | this.rightData.materialNum = res.data.data[0].count; |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | |
| | | getPoorPerformance(type) { |
| | | this.right1loading = true; |
| | | this.poorPerformanceType = type; |
| | | if (type === 0) { |
| | | this.rightData.poorPerformance = 2; |
| | | this.rightData.qualification = 3; |
| | | this.rightData.poorPerformance = 0; |
| | | this.rightData.qualification = 0; |
| | | |
| | | // if (type === 1) { |
| | | // this.rightData.poorPerformance = 2; |
| | | // this.rightData.qualification = 3; |
| | | // this.right1loading = false; |
| | | // } else if (type === 2) { |
| | | // this.rightData.poorPerformance = 11; |
| | | // this.rightData.qualification = 14; |
| | | // this.right1loading = false; |
| | | // } else if (type === 3) { |
| | | // this.rightData.poorPerformance = 32; |
| | | // this.rightData.qualification = 45; |
| | | selectBx({ |
| | | jurisdiction: this.value1, |
| | | type: this.poorPerformanceType |
| | | }).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.poorPerformance = res.data.data[0].count; |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | this.right1loading = false; |
| | | } else if (type === 1) { |
| | | this.rightData.poorPerformance = 11; |
| | | this.rightData.qualification = 14; |
| | | this.right1loading = false; |
| | | } else if (type === 2) { |
| | | // this.rightData.poorPerformance = 32; |
| | | // this.rightData.qualification = 45; |
| | | selectBx({ jurisdiction: this.value1 }).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.poorPerformance = res.data.data[0].count; |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | this.right1loading = false; |
| | | }); |
| | | selectExtypeUser().then(res => { |
| | | if (res.status === 200) { |
| | | this.rightData.qualification = res.data; |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | }); |
| | | } |
| | | // this.right1loading = false; |
| | | }, |
| | | // 资格审查异常 |
| | | getQualification() { |
| | | selectExtype({ jurisdiction: this.value1 }).then(res => { |
| | | }); |
| | | selectExtype({ |
| | | jurisdiction: this.value1, |
| | | type: this.poorPerformanceType |
| | | }).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.rightData.qualification = res.data.data[0].count; |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | }); |
| | | // selectExtypeUser().then(res => { |
| | | // if (res.status === 200) { |
| | | // this.rightData.qualification = res.data; |
| | | // } else { |
| | | // this.$message.error(res.msg); |
| | | // } |
| | | // }); |
| | | // } |
| | | // this.right1loading = false; |
| | | }, |
| | | peoWarning() { |
| | | this.right2loading = true; |
| | | this.getNoholderNum(); |
| | | this.getNoSocialSecurity(); |
| | | this.getPunishNum(); |
| | | this.getMaterial(); |
| | | }, |
| | | |
| | | companyWarning() { |
| | | this.right1loading = true; |
| | | this.getPoorPerformance(2); |
| | | this.getPoorPerformance(3); |
| | | // this.getQualification(); |
| | | }, |
| | | |
| | |
| | | this.startMove(); |
| | | this.initEchart(); |
| | | this.getHolderNum(0); |
| | | this.getPoorPerformance(2); |
| | | this.getPoorPerformance(3); |
| | | // this.getTableData("car"); |
| | | // this.initMap(); |
| | | this.getTableData(0); |