BI页面四色图

pull/3/head
LiuJiaNan 2024-02-27 16:33:44 +08:00
parent 14c5bcc617
commit 8d91edbab0
5 changed files with 48 additions and 28 deletions

View File

@ -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); // 获取企业信息

View File

@ -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(","),

View File

@ -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(","),

View File

@ -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(","),

View File

@ -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 {