| | |
| | | style="cursor: pointer; " |
| | | @click="showTable('sb')" |
| | | > |
| | | <span>社保缴纳预警(家)</span> |
| | | <span style="margin-top: 24px;">未缴纳社保预警(人)</span> |
| | | <span>{{ yj.sb }}</span> |
| | | <span>社保缴纳率小于90%</span> |
| | | <!-- <span>社保缴纳率小于90%</span> --> |
| | | </div> |
| | | <div |
| | | class="box-card" |
| | | style="cursor: pointer; " |
| | | @click="showTable('bx')" |
| | | > |
| | | <span>保险缴纳预警(家)</span> |
| | | <span style="margin-top: 24px;">未缴纳保险预警(人)</span> |
| | | <span>{{ yj.bx }}</span> |
| | | <span>保险缴纳率小于90%</span> |
| | | <!-- <span>保险缴纳率小于90%</span> --> |
| | | </div> |
| | | <div |
| | | class="box-card" |
| | | style="cursor: pointer; " |
| | | @click="showTable('fw')" |
| | | > |
| | | <span>服务合同预警(份)</span> |
| | | <span>{{ yj.fw }}</span> |
| | | <span>服务合同小于2份</span> |
| | | <span style="margin-top: 24px;">服务合同预警(份)</span> |
| | | <span>{{ yj.fw }}</span> |
| | | <span style="font-size:12px;margin-top: -5px;">小于2份</span> |
| | | </div> |
| | | <div |
| | | class="box-card" |
| | | style="cursor: pointer; " |
| | | @click="showTable('pq')" |
| | | > |
| | | <span>派遣预警(家)</span> |
| | | <span style="margin-top: 24px;">未派遣预警(人)</span> |
| | | <span>{{ yj.pq }}</span> |
| | | <span>派遣率小于50%</span> |
| | | <!-- <span>派遣率小于50%</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | :modal-append-to-body="false" |
| | | > |
| | | <el-table :data="gridData.data"> |
| | | <template v-if="gridData.type === 'sb'"> |
| | | <el-table-column :key="gridData.type" type="index"> </el-table-column> |
| | | <template |
| | | v-if=" |
| | | gridData.type === 'sb' || |
| | | gridData.type === 'bx' || |
| | | gridData.type === 'pq' |
| | | " |
| | | > |
| | | <el-table-column |
| | | label="序号" |
| | | width="50" |
| | | :key="gridData.type" |
| | | type="index" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="enterprisename" |
| | | label="保安公司名称" |
| | | prop="realName" |
| | | label="保安姓名" |
| | | :show-overflow-tooltip="true" |
| | | width="300" |
| | | width="100" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="jurisdictionName" |
| | | label="所属辖区" |
| | | prop="deptName" |
| | | label="保安公司" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="znum" |
| | | label="保安总人数" |
| | | prop="sex" |
| | | label="性别" |
| | | :formatter="sexFormatter" |
| | | :show-overflow-tooltip="true" |
| | | width="100" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="cnum" |
| | | label="社保缴纳人数" |
| | | prop="cardid" |
| | | label="身份证号" |
| | | :show-overflow-tooltip="true" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="pnum" |
| | | label="社保缴纳率" |
| | | :formatter="kslFormatter" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> |
| | | <!-- <el-table-column |
| | | :key="gridData.type" |
| | | prop="age" |
| | | label="备注" |
| | | label="年龄" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> --> |
| | | width="100" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="securitynumber" |
| | | label="保安员证编号" |
| | | :show-overflow-tooltip="true" |
| | | width="150" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | | prop="phone" |
| | | label="联系方式" |
| | | :show-overflow-tooltip="true" |
| | | width="150" |
| | | ></el-table-column> |
| | | </template> |
| | | <template v-if="gridData.type === 'bx'"> |
| | | <!-- <template v-if="gridData.type === 'bx'"> |
| | | <el-table-column :key="gridData.type" type="index"> </el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | |
| | | :formatter="kslFormatter" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> |
| | | <!-- <el-table-column |
| | | :key="gridData.type" |
| | | prop="sbl" |
| | | label="备注" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> --> |
| | | </template> |
| | | </template> --> |
| | | <template v-if="gridData.type === 'fw'"> |
| | | <el-table-column :key="gridData.type" type="index"> </el-table-column> |
| | | <el-table-column |
| | |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> --> |
| | | </template> |
| | | ><template v-if="gridData.type === 'pq'"> |
| | | <!-- <template v-if="gridData.type === 'pq'"> |
| | | <el-table-column :key="gridData.type" type="index"> </el-table-column> |
| | | <el-table-column |
| | | :key="gridData.type" |
| | |
| | | :formatter="kslFormatter" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> |
| | | <!-- <el-table-column |
| | | :key="gridData.type" |
| | | prop="pql" |
| | | label="备注" |
| | | :show-overflow-tooltip="true" |
| | | ></el-table-column> --> |
| | | </template> |
| | | </template> --> |
| | | </el-table> |
| | | <el-pagination |
| | | @current-change="changePage" |
| | |
| | | getSecurityUnitServerLessPage1, |
| | | getSecurityUnitDispatcherLessPage |
| | | } from "../../api/securityUnitOperation/securityUnitOperation"; |
| | | import { pageSecurity } from "../../api/statisticalQueryManagement/statisticalQueryManagement"; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | sexFormatter(row, column) { |
| | | if (row.sex === 1) { |
| | | return "男"; |
| | | } else if (row.sex === 2) { |
| | | return "女"; |
| | | } |
| | | }, |
| | | kslFormatter(row) { |
| | | if (row.pnum && row.pnum !== "0") { |
| | | return row.pnum + "%"; |
| | |
| | | // this.dialogloading = true; |
| | | this.dialogTableVisible = true; |
| | | if (type === "sb") { |
| | | this.gridData.title = "社保缴纳预警保安公司"; |
| | | this.getSecurityUnitSoilLessPage(); |
| | | this.gridData.title = "未缴纳社保人数"; |
| | | // this.getSecurityUnitSoilLessPage(); |
| | | this.getPageSecurity("dispatch"); |
| | | } else if (type === "bx") { |
| | | this.gridData.title = "保险缴纳预警保安公司"; |
| | | this.getSecurityUnitInsuranceLessPage(); |
| | | this.gridData.title = "未缴纳保险人数"; |
| | | // this.getSecurityUnitInsuranceLessPage(); |
| | | this.getPageSecurity("soil"); |
| | | } else if (type === "fw") { |
| | | this.gridData.title = "服务合同预警保安公司"; |
| | | this.getSecurityUnitServerLessPage(); |
| | | } else if (type === "pq") { |
| | | this.gridData.title = "派遣预警保安公司"; |
| | | this.getSecurityUnitDispatcherLessPage(); |
| | | this.gridData.title = "未派遣人数"; |
| | | // this.getSecurityUnitDispatcherLessPage(); |
| | | this.getPageSecurity("insurance"); |
| | | } |
| | | }, |
| | | //点击节点 |
| | |
| | | this.loading3 = false; |
| | | }); |
| | | }, |
| | | // 获取预警分析数据 |
| | | getPageSecurity(type) { |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | | deptId: this.value2, |
| | | current: this.gridData.current, |
| | | size: 10 |
| | | }; |
| | | if (type === "dispatch") { |
| | | Object.assign(params, { dispatch: 1 }); |
| | | } else if (type === "soil") { |
| | | Object.assign(params, { soil: 1 }); |
| | | } else if (type === "insurance") { |
| | | Object.assign(params, { insurance: 1 }); |
| | | } |
| | | pageSecurity(params).then(res => { |
| | | if (res.data.code === 200) { |
| | | if (type === "dispatch") { |
| | | this.yj.sb = res.data.data.total; |
| | | this.gridData.data = res.data.data.records; |
| | | this.gridData.total = res.data.data.total; |
| | | } else if (type === "soil") { |
| | | this.yj.bx = res.data.data.total; |
| | | this.gridData.data = res.data.data.records; |
| | | this.gridData.total = res.data.data.total; |
| | | } else if (type === "insurance") { |
| | | this.yj.pq = res.data.data.total; |
| | | this.gridData.data = res.data.data.records; |
| | | this.gridData.total = res.data.data.total; |
| | | } |
| | | if (this.dialogloading) { |
| | | this.dialogloading = false; |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | getSecurityUnitSoilLessPage() { |
| | | let params = { |
| | | jurisdiction: this.value1, |
| | |
| | | jurisdiction: this.value1, |
| | | departmentid: this.value2, |
| | | current: this.gridData.current, |
| | | size: 10 |
| | | size: 10, |
| | | proportion: 2 |
| | | }; |
| | | getSecurityUnitServerLessPage1(params).then(res => { |
| | | if (res.data.code === 200) { |
| | |
| | | this.getSocialSecurity(); |
| | | this.getQueryYearSoil(); |
| | | this.getQueryYearAn(); |
| | | this.getSecurityUnitSoilLessPage(); |
| | | this.getSecurityUnitInsuranceLessPage(); |
| | | // 获取未缴纳社保人数 |
| | | this.getPageSecurity("dispatch"); |
| | | |
| | | // 获取未缴纳保险人数 |
| | | this.getPageSecurity("soil"); |
| | | |
| | | // 获取未派遣人数 |
| | | this.getPageSecurity("insurance"); |
| | | // this.getSecurityUnitSoilLessPage(); |
| | | // this.getSecurityUnitInsuranceLessPage(); |
| | | this.getSecurityUnitServerLessPage(); |
| | | this.getSecurityUnitDispatcherLessPage(); |
| | | // this.getSecurityUnitDispatcherLessPage(); |
| | | } |
| | | }, |
| | | mounted() { |