forked from integrated_whb/integrated_whb_vue
BI页面四色图
parent
14c5bcc617
commit
8d91edbab0
|
@ -130,4 +130,3 @@ export const setCustomInsuranceCoverageSave = (params) =>
|
||||||
post("/hiddenstandardCustom/saveBaoBaoType", params); // 清单管理设置包保责任类型提交
|
post("/hiddenstandardCustom/saveBaoBaoType", params); // 清单管理设置包保责任类型提交
|
||||||
export const getCustomCheckListOtherHiddenList = (params) =>
|
export const getCustomCheckListOtherHiddenList = (params) =>
|
||||||
post("/customHidden/getCheckHidden", params); // 隐患清单检查情况检查记录查看其它隐患列表
|
post("/customHidden/getCheckHidden", params); // 隐患清单检查情况检查记录查看其它隐患列表
|
||||||
export const getCorpinfo = (params) => post("/corpinfo/goEdit", params); // 获取企业信息
|
|
||||||
|
|
|
@ -185,7 +185,6 @@
|
||||||
<el-table-column
|
<el-table-column
|
||||||
v-if="data.WHETHER_HAZARDS === 1"
|
v-if="data.WHETHER_HAZARDS === 1"
|
||||||
label="是否包保责任人任务"
|
label="是否包保责任人任务"
|
||||||
width="90"
|
|
||||||
>
|
>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span v-if="row.BAO_BAO_TYPE !== '1'"> 否 </span>
|
<span v-if="row.BAO_BAO_TYPE !== '1'"> 否 </span>
|
||||||
|
@ -234,13 +233,11 @@ import {
|
||||||
layoutFnGetInventoryType,
|
layoutFnGetInventoryType,
|
||||||
layoutFnGetTroubleshootingCycle,
|
layoutFnGetTroubleshootingCycle,
|
||||||
} from "@/assets/js/data_dictionary.js";
|
} from "@/assets/js/data_dictionary.js";
|
||||||
import {
|
import { getRiskStandardStatusList } from "@/request/hazard_investigation.js";
|
||||||
getCorpinfo,
|
|
||||||
getRiskStandardStatusList,
|
|
||||||
} from "@/request/hazard_investigation.js";
|
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import dayjs from "dayjs";
|
import dayjs from "dayjs";
|
||||||
import { reactive } from "vue";
|
import { reactive } from "vue";
|
||||||
|
import { getEnterpriseInfo } from "@/request/enterprise_management.js";
|
||||||
|
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
WHETHER_HAZARDS: "",
|
WHETHER_HAZARDS: "",
|
||||||
|
@ -251,11 +248,11 @@ const { list, pagination, searchForm, fnGetData, fnResetPagination } =
|
||||||
const troubleshootingCycleList = await layoutFnGetTroubleshootingCycle();
|
const troubleshootingCycleList = await layoutFnGetTroubleshootingCycle();
|
||||||
const inventoryLevelList = await layoutFnGetInventoryLevel();
|
const inventoryLevelList = await layoutFnGetInventoryLevel();
|
||||||
const inventoryTypeList = await layoutFnGetInventoryType();
|
const inventoryTypeList = await layoutFnGetInventoryType();
|
||||||
const fnGetCorpinfo = async () => {
|
const fnGetCorpInfo = async () => {
|
||||||
const resData = await getCorpinfo();
|
const resData = await getEnterpriseInfo();
|
||||||
data.WHETHER_HAZARDS = resData.pd.WHETHER_HAZARDS;
|
data.WHETHER_HAZARDS = resData.pd.WHETHER_HAZARDS;
|
||||||
};
|
};
|
||||||
fnGetCorpinfo();
|
fnGetCorpInfo();
|
||||||
const fnGetDataTransfer = () => {
|
const fnGetDataTransfer = () => {
|
||||||
fnGetData({
|
fnGetData({
|
||||||
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
||||||
|
|
|
@ -197,7 +197,6 @@ import {
|
||||||
layoutFnGetTroubleshootingType,
|
layoutFnGetTroubleshootingType,
|
||||||
} from "@/assets/js/data_dictionary.js";
|
} from "@/assets/js/data_dictionary.js";
|
||||||
import {
|
import {
|
||||||
getCorpinfo,
|
|
||||||
getDeleteCustomList,
|
getDeleteCustomList,
|
||||||
getDeleteInventoryManagementList,
|
getDeleteInventoryManagementList,
|
||||||
setCustomBatchDelete,
|
setCustomBatchDelete,
|
||||||
|
@ -207,6 +206,7 @@ import {
|
||||||
} from "@/request/hazard_investigation.js";
|
} from "@/request/hazard_investigation.js";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import { reactive } from "vue";
|
import { reactive } from "vue";
|
||||||
|
import { getEnterpriseInfo } from "@/request/enterprise_management.js";
|
||||||
|
|
||||||
const tabName = defineProps({
|
const tabName = defineProps({
|
||||||
name: {
|
name: {
|
||||||
|
@ -228,11 +228,11 @@ const buttonJurisdiction = await useButtonJurisdiction("stoplistmanager");
|
||||||
const inventoryTypeList = await layoutFnGetInventoryType();
|
const inventoryTypeList = await layoutFnGetInventoryType();
|
||||||
const troubleshootingTypeList = await layoutFnGetTroubleshootingType();
|
const troubleshootingTypeList = await layoutFnGetTroubleshootingType();
|
||||||
const inventoryLevelList = await layoutFnGetInventoryLevel();
|
const inventoryLevelList = await layoutFnGetInventoryLevel();
|
||||||
const fnGetCorpinfo = async () => {
|
const fnGetCorpInfo = async () => {
|
||||||
const resData = await getCorpinfo();
|
const resData = await getEnterpriseInfo();
|
||||||
data.WHETHER_HAZARDS = resData.pd.WHETHER_HAZARDS;
|
data.WHETHER_HAZARDS = resData.pd.WHETHER_HAZARDS;
|
||||||
};
|
};
|
||||||
fnGetCorpinfo();
|
fnGetCorpInfo();
|
||||||
const fnGetDataTransfer = () => {
|
const fnGetDataTransfer = () => {
|
||||||
fnGetData({
|
fnGetData({
|
||||||
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
||||||
|
|
|
@ -346,7 +346,6 @@ import {
|
||||||
} from "@/assets/js/data_dictionary.js";
|
} from "@/assets/js/data_dictionary.js";
|
||||||
import { useUserStore } from "@/pinia/user.js";
|
import { useUserStore } from "@/pinia/user.js";
|
||||||
import {
|
import {
|
||||||
getCorpinfo,
|
|
||||||
getCustomList,
|
getCustomList,
|
||||||
getInventoryManagementList,
|
getInventoryManagementList,
|
||||||
getInventoryManagementRouteView,
|
getInventoryManagementRouteView,
|
||||||
|
@ -364,6 +363,7 @@ import ListQrCode from "./list_qr_code.vue";
|
||||||
import InspectionRoute from "./inspection_route.vue";
|
import InspectionRoute from "./inspection_route.vue";
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import ImportCustom from "./import_custom.vue";
|
import ImportCustom from "./import_custom.vue";
|
||||||
|
import { getEnterpriseInfo } from "@/request/enterprise_management.js";
|
||||||
|
|
||||||
const tabName = defineProps({
|
const tabName = defineProps({
|
||||||
name: {
|
name: {
|
||||||
|
@ -415,11 +415,11 @@ const data = reactive({
|
||||||
},
|
},
|
||||||
WHETHER_HAZARDS: "",
|
WHETHER_HAZARDS: "",
|
||||||
});
|
});
|
||||||
const fnGetCorpinfo = async () => {
|
const fnGetCorpInfo = async () => {
|
||||||
const resData = await getCorpinfo();
|
const resData = await getEnterpriseInfo();
|
||||||
data.WHETHER_HAZARDS = resData.pd.WHETHER_HAZARDS;
|
data.WHETHER_HAZARDS = resData.pd.WHETHER_HAZARDS;
|
||||||
};
|
};
|
||||||
fnGetCorpinfo();
|
fnGetCorpInfo();
|
||||||
const fnGetDataTransfer = () => {
|
const fnGetDataTransfer = () => {
|
||||||
fnGetData({
|
fnGetData({
|
||||||
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
DEPTIDS: searchForm.value.DEPTIDS?.join(","),
|
||||||
|
|
|
@ -1,7 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="situation">
|
<div class="situation">
|
||||||
<div class="title">双重预防建设情况</div>
|
<div class="title">双重预防建设情况</div>
|
||||||
<div class="map"></div>
|
<div class="carousel">
|
||||||
|
<el-carousel arrow="always">
|
||||||
|
<el-carousel-item v-for="item in fourImgs" :key="item.IMGFILES_ID">
|
||||||
|
<img :src="item.url" alt="" />
|
||||||
|
</el-carousel-item>
|
||||||
|
</el-carousel>
|
||||||
|
</div>
|
||||||
<div class="statistics">
|
<div class="statistics">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div>
|
<div>
|
||||||
|
@ -43,6 +49,8 @@
|
||||||
import { ref } from "vue";
|
import { ref } from "vue";
|
||||||
import { getHiddenCount } from "@/request/large_screen_data_display.js";
|
import { getHiddenCount } from "@/request/large_screen_data_display.js";
|
||||||
import CountTo from "vue-countup-v3";
|
import CountTo from "vue-countup-v3";
|
||||||
|
import { getEnterpriseInfo } from "@/request/enterprise_management.js";
|
||||||
|
import { addingPrefixToFile } from "@/assets/js/utils.js";
|
||||||
|
|
||||||
const info = ref({
|
const info = ref({
|
||||||
all: 0,
|
all: 0,
|
||||||
|
@ -50,20 +58,23 @@ const info = ref({
|
||||||
yzg: 0,
|
yzg: 0,
|
||||||
yys: 0,
|
yys: 0,
|
||||||
});
|
});
|
||||||
|
const fourImgs = ref([]);
|
||||||
const fnGetData = async () => {
|
const fnGetData = async () => {
|
||||||
const resData = await getHiddenCount();
|
const hiddenCountData = await getHiddenCount();
|
||||||
for (let i = 0; i < resData.all.length; i++) {
|
for (let i = 0; i < hiddenCountData.all.length; i++) {
|
||||||
info.value.all += Number(resData.all[i]);
|
info.value.all += Number(hiddenCountData.all[i]);
|
||||||
}
|
}
|
||||||
for (let i = 0; i < resData.wzg.length; i++) {
|
for (let i = 0; i < hiddenCountData.wzg.length; i++) {
|
||||||
info.value.wzg += Number(resData.wzg[i]);
|
info.value.wzg += Number(hiddenCountData.wzg[i]);
|
||||||
}
|
}
|
||||||
for (let i = 0; i < resData.yzg.length; i++) {
|
for (let i = 0; i < hiddenCountData.yzg.length; i++) {
|
||||||
info.value.yzg += Number(resData.yzg[i]);
|
info.value.yzg += Number(hiddenCountData.yzg[i]);
|
||||||
}
|
}
|
||||||
for (let i = 0; i < resData.yys.length; i++) {
|
for (let i = 0; i < hiddenCountData.yys.length; i++) {
|
||||||
info.value.yys += Number(resData.yys[i]);
|
info.value.yys += Number(hiddenCountData.yys[i]);
|
||||||
}
|
}
|
||||||
|
const enterpriseInfoData = await getEnterpriseInfo();
|
||||||
|
fourImgs.value = addingPrefixToFile(enterpriseInfoData.fourImgs);
|
||||||
};
|
};
|
||||||
fnGetData();
|
fnGetData();
|
||||||
</script>
|
</script>
|
||||||
|
@ -88,8 +99,21 @@ fnGetData();
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
.carousel {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
margin: 20px;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
:deep {
|
||||||
|
.el-carousel {
|
||||||
|
height: 100%;
|
||||||
|
.el-carousel__container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.statistics {
|
.statistics {
|
||||||
|
|
Loading…
Reference in New Issue