admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flx：提交指挥部大屏分页

Browse Source
This commit is contained in:
X_Rian 2024-07-05 19:14:33 +08:00
parent b4140dd6a4
commit 676a3345d5
4 changed files with 122 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/config/config.ts
View File

@ -28,8 +28,8 @@ export const BASE_IMAGE_URL = import.meta.env.VITE_BASE_IMAGE_URL;
// export const COMPANY: string = "zsbf"; //中水北方 // export const COMPANY: string = "zsbf"; //中水北方
// export const COMPANY: string = "as"; //鞍山项目 // export const COMPANY: string = "as"; //鞍山项目
// export const COMPANY: string = "agjt"; //鞍钢集团 // export const COMPANY: string = "agjt"; //鞍钢集团
export const COMPANY: string = "agjtLive"; //鞍钢集团现场大屏 // export const COMPANY: string = "agjtLive"; //鞍钢集团现场大屏
// export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏 export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
// export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏 // export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏
// export const COMPANY: string = "agjtOverviewScreen"; //鞍钢集团项目总览 // export const COMPANY: string = "agjtOverviewScreen"; //鞍钢集团项目总览
// export const COMPANY: string = "zkjc"; //中科佳成项目 // export const COMPANY: string = "zkjc"; //中科佳成项目

4
src/routers/modules/staticRouter.ts
View File

@ -25,8 +25,8 @@ export const staticRouter: RouteRecordRaw[] = [
path: "/large", path: "/large",
name: "大屏", name: "大屏",
// component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版 // component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版
// component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏 component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏 // component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
// component: () => import("@/views/overviewScreen/indexCommand.vue"), //总览大屏 // component: () => import("@/views/overviewScreen/indexCommand.vue"), //总览大屏
// component: () => import("@/views/agjtProjectKanban/indexL.vue"), //鞍钢集团项目看板大屏 // component: () => import("@/views/agjtProjectKanban/indexL.vue"), //鞍钢集团项目看板大屏
// component: () => import("@/views/sevenLargeScreen/indexL_syhy.vue"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页) // component: () => import("@/views/sevenLargeScreen/indexL_syhy.vue"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页)

2
src/views/commandScreen/dialogCompnnents/member-count-list.vue
View File

@ -177,6 +177,7 @@
</el-scrollbar> </el-scrollbar>
</div> </div>
<el-pagination <el-pagination
v-if="partyMemberList.length != 0"
background background
:page-size="10" :page-size="10"
style="justify-content: center" style="justify-content: center"
@ -406,6 +407,7 @@
</el-scrollbar> </el-scrollbar>
</div> </div>
<el-pagination <el-pagination
v-if="partyMemberList.length != 0"
background background
:page-size="10" :page-size="10"
style="justify-content: center" style="justify-content: center"

149
src/views/commandScreen/dialogCompnnents/safe-info.vue
View File

@ -69,7 +69,9 @@
<span>{{ item.educationTime }}</span> <span>{{ item.educationTime }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div>{{ item.isExamPass == -1 ? "未培训" : item.isExamPass == 1 ? "合格" : "不合格" }}</div> <div>
{{ item.isExamPass == -1 ? "未培训" : item.isExamPass == 1 ? "合格" : "不合格" }}
</div>
</div> </div>
<div class="notoDta" v-if="partyMemberList.length == 0"> <div class="notoDta" v-if="partyMemberList.length == 0">
<img src="@/assets/images/noData.png" alt="" /> <img src="@/assets/images/noData.png" alt="" />
@ -78,6 +80,7 @@
</el-scrollbar> </el-scrollbar>
</div> </div>
<el-pagination <el-pagination
v-if="partyMemberList.length != 0"
background background
:page-size="10" :page-size="10"
style="justify-content: center" style="justify-content: center"
@ -127,12 +130,14 @@
<span>{{ item.title || "--" }}</span> <span>{{ item.title || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div style="width:350px">{{ item.trainBeginTime || '--'}} - {{item.trainEndTime || '--' }}</div> <div style="width: 350px">{{ item.trainBeginTime || "--" }} - {{ item.trainEndTime || "--" }}</div>
<div>{{ item.workerNum || '--' }}</div> <div>{{ item.workerNum || "--" }}</div>
<div>{{ item.createByName || '--' }}</div> <div>{{ item.createByName || "--" }}</div>
<div>{{ item.completeRadio != null ? item.completeRadio + '%' : '--' }}</div> <div>
<div>{{ item.passRadio != null ? item.passRadio + '%' : '--' }}</div> {{ item.completeRadio != null ? item.completeRadio + "%" : "--" }}
<div style="color:#5382f6;cursor:pointer;" @click="handleOpenDetail(item)">查看培训详情</div> </div>
<div>{{ item.passRadio != null ? item.passRadio + "%" : "--" }}</div>
<div style="color: #5382f6; cursor: pointer" @click="handleOpenDetail(item)">查看培训详情</div>
</div> </div>
<div class="notoDta" v-if="partyMemberList.length == 0"> <div class="notoDta" v-if="partyMemberList.length == 0">
<img src="@/assets/images/noData.png" alt="" /> <img src="@/assets/images/noData.png" alt="" />
@ -141,6 +146,7 @@
</el-scrollbar> </el-scrollbar>
</div> </div>
<el-pagination <el-pagination
v-if="partyMemberList.length != 0"
background background
:page-size="10" :page-size="10"
style="justify-content: center" style="justify-content: center"
@ -173,20 +179,32 @@
<el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px"> <el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px">
<div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around"> <div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around">
<div>{{ index + 1 }}</div> <div>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div> <div>{{ item.workerName || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.courseName" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.courseName || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.courseName"
placement="top-start"
>
<span>{{ eduPlanItem.courseName || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div style="width:150px">{{ item.workerCard || '--' }}</div> <div style="width: 150px">{{ item.workerCard || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.name" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.name || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.name"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div>{{ item.beginTime || '--' }}</div> <div>{{ item.beginTime || "--" }}</div>
<div>{{ item.endTime || '--' }}</div> <div>{{ item.endTime || "--" }}</div>
</div> </div>
<div class="notoDta" v-if="studyExamRecord.length == 0"> <div class="notoDta" v-if="studyExamRecord.length == 0">
<img src="@/assets/images/noData.png" alt="" /> <img src="@/assets/images/noData.png" alt="" />
@ -214,25 +232,39 @@
<el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px"> <el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px">
<div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around"> <div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around">
<div>{{ index + 1 }}</div> <div>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div> <div>{{ item.workerName || "--" }}</div>
<div>{{ item.subjectName || '--' }}</div> <div>{{ item.subjectName || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="item.examPaperName" placement="top-start"> <el-tooltip
<span>{{ item.examPaperName || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="item.examPaperName"
placement="top-start"
>
<span>{{ item.examPaperName || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div style="width: 140px"> <div style="width: 140px">
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.name" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.name || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.name"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div style="width:200px">{{ item.workerCard || '--' }}</div> <div style="width: 200px">{{ item.workerCard || "--" }}</div>
<div style="width:180px">{{ item.startExamTime || '--' }}</div> <div style="width: 180px">{{ item.startExamTime || "--" }}</div>
<div>{{ item.duration || '--' }}</div> <div>{{ item.duration || "--" }}</div>
<div>{{ item.isPass == 1 ? '合格' : '不合格'}}</div> <div>{{ item.isPass == 1 ? "合格" : "不合格" }}</div>
<div>{{ item.totalScore != null ? item.totalScore : 0 }}</div> <div>{{ item.totalScore != null ? item.totalScore : 0 }}</div>
<div>{{ item.score != null ? item.score : 0 }}</div> <div>{{ item.score != null ? item.score : 0 }}</div>
<div style="width:140px">{{ item.examCount != null ? item.examCount : 0}}</div> <div style="width: 140px">
{{ item.examCount != null ? item.examCount : 0 }}
</div>
</div> </div>
<div class="notoDta" v-if="studyExamRecord.length == 0"> <div class="notoDta" v-if="studyExamRecord.length == 0">
<img src="@/assets/images/noData.png" alt="" /> <img src="@/assets/images/noData.png" alt="" />
@ -254,17 +286,29 @@
<el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px"> <el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px">
<div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around"> <div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around">
<div>{{ index + 1 }}</div> <div>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div> <div>{{ item.workerName || "--" }}</div>
<div style="width:150px">{{ item.workerCard || '--' }}</div> <div style="width: 150px">{{ item.workerCard || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.paperName" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.name || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.paperName"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div>{{ eduPlanItem.subjectName || '--' }}</div> <div>{{ eduPlanItem.subjectName || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.paperName" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.courseName || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.paperName"
placement="top-start"
>
<span>{{ eduPlanItem.courseName || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
@ -288,17 +332,29 @@
<el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px"> <el-scrollbar class="listBox" ref="refScrollbar" style="height: 370px">
<div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around"> <div v-for="(item, index) in studyExamRecord" class="listStyle" :key="item" style="justify-content: space-around">
<div>{{ index + 1 }}</div> <div>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div> <div>{{ item.workerName || "--" }}</div>
<div style="width:150px">{{ item.workerCard || '--' }}</div> <div style="width: 150px">{{ item.workerCard || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.name" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.name || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.name"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
<div>{{ eduPlanItem.subjectName || '--' }}</div> <div>{{ eduPlanItem.subjectName || "--" }}</div>
<div> <div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.paperName" placement="top-start"> <el-tooltip
<span>{{ eduPlanItem.paperName || '--' }}</span> class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.paperName"
placement="top-start"
>
<span>{{ eduPlanItem.paperName || "--" }}</span>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
@ -310,6 +366,7 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-pagination <el-pagination
v-if="studyExamRecord.length != 0"
background background
:page-size="10" :page-size="10"
style="justify-content: center" style="justify-content: center"
@ -326,11 +383,9 @@
<script lang="ts" setup> <script lang="ts" setup>
import { ref, onMounted } from "vue"; import { ref, onMounted } from "vue";
import { GlobalStore } from "@/stores"; import { GlobalStore } from "@/stores";
import type { TabsPaneContext } from 'element-plus' import type { TabsPaneContext } from "element-plus";
import noDataImage from "@/assets/images/vehicleManagement/car.png"; import noDataImage from "@/assets/images/vehicleManagement/car.png";
import { getSafeEducationDataApi,getEduPlanDataApi, import { getSafeEducationDataApi, getEduPlanDataApi, getStudyDataApi, getExamDataApi } from "@/api/modules/agjtCommandApi";
getStudyDataApi,getExamDataApi
} from "@/api/modules/agjtCommandApi";
const store = GlobalStore(); const store = GlobalStore();
const props = defineProps(["tip"]); const props = defineProps(["tip"]);
const BASEURL = import.meta.env.VITE_API_URL; const BASEURL = import.meta.env.VITE_API_URL;
@ -342,9 +397,9 @@ const refScrollbar = ref(null as any); // 绑定到滚动的盒子上
const currentTab = ref("safeEdu" as any); const currentTab = ref("safeEdu" as any);
function handleChangeTab(val: any) { function handleChangeTab(val: any) {
//教育培训相关属性 //教育培训相关属性
isDetail.value = false isDetail.value = false;
activeIndex.value = 0 activeIndex.value = 0;
activeName.value = 'first' activeName.value = "first";
//切换安全教育和教育培训相关属性 //切换安全教育和教育培训相关属性
currentTab.value = val; currentTab.value = val;
partyMemberList.value = []; partyMemberList.value = [];