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 = "as"; //鞍山项目
// export const COMPANY: string = "agjt"; //鞍钢集团
export const COMPANY: string = "agjtLive"; //鞍钢集团现场大屏
// export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
// export const COMPANY: string = "agjtLive"; //鞍钢集团现场大屏
export const COMPANY: string = "agjtCommand"; //鞍钢集团指挥部大屏
// export const COMPANY: string = "agjtProjectKanban"; //鞍钢集团项目看板大屏
// export const COMPANY: string = "agjtOverviewScreen"; //鞍钢集团项目总览
// export const COMPANY: string = "zkjc"; //中科佳成项目

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

@ -25,8 +25,8 @@ export const staticRouter: RouteRecordRaw[] = [
path: "/large",
name: "大屏",
// component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版
// component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
// component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
// component: () => import("@/views/overviewScreen/indexCommand.vue"), //总览大屏
// component: () => import("@/views/agjtProjectKanban/indexL.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>
</div>
<el-pagination
v-if="partyMemberList.length != 0"
background
:page-size="10"
style="justify-content: center"
@ -406,6 +407,7 @@
</el-scrollbar>
</div>
<el-pagination
v-if="partyMemberList.length != 0"
background
:page-size="10"
style="justify-content: center"

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

@ -19,9 +19,9 @@
<div>照片</div>
<div>所属企业</div>
<div>所属班组</div>
<div style="width:180px">身份证号</div>
<div style="width: 180px">身份证号</div>
<div>联系电话</div>
<div style="width:160px">考试时间</div>
<div style="width: 160px">考试时间</div>
<div>培训状态</div>
</div>
<el-scrollbar class="listBox" ref="refScrollbar">
@ -58,18 +58,20 @@
<span>{{ item.personType == 1 ? item.teamName : item.departmentName }}</span>
</el-tooltip>
</div>
<div style="width:180px">
<div style="width: 180px">
<el-tooltip class="box-item" effect="dark" :content="item.idCard" placement="top-start">
<span>{{ item.idCard }}</span>
</el-tooltip>
</div>
<div>{{ item.phoneNumber }}</div>
<div style="width:160px">
<div style="width: 160px">
<el-tooltip class="box-item" effect="dark" :content="item.educationTime" placement="top-start">
<span>{{ item.educationTime }}</span>
</el-tooltip>
</div>
<div>{{ item.isExamPass == -1 ? "未培训" : item.isExamPass == 1 ? "合格" : "不合格" }}</div>
<div>
{{ item.isExamPass == -1 ? "未培训" : item.isExamPass == 1 ? "合格" : "不合格" }}
</div>
</div>
<div class="notoDta" v-if="partyMemberList.length == 0">
<img src="@/assets/images/noData.png" alt="" />
@ -78,6 +80,7 @@
</el-scrollbar>
</div>
<el-pagination
v-if="partyMemberList.length != 0"
background
:page-size="10"
style="justify-content: center"
@ -127,12 +130,14 @@
<span>{{ item.title || "--" }}</span>
</el-tooltip>
</div>
<div style="width:350px">{{ item.trainBeginTime || '--'}} - {{item.trainEndTime || '--' }}</div>
<div>{{ item.workerNum || '--' }}</div>
<div>{{ item.createByName || '--' }}</div>
<div>{{ item.completeRadio != null ? item.completeRadio + '%' : '--' }}</div>
<div>{{ item.passRadio != null ? item.passRadio + '%' : '--' }}</div>
<div style="color:#5382f6;cursor:pointer;" @click="handleOpenDetail(item)">查看培训详情</div>
<div style="width: 350px">{{ item.trainBeginTime || "--" }} - {{ item.trainEndTime || "--" }}</div>
<div>{{ item.workerNum || "--" }}</div>
<div>{{ item.createByName || "--" }}</div>
<div>
{{ item.completeRadio != null ? item.completeRadio + "%" : "--" }}
</div>
<div>{{ item.passRadio != null ? item.passRadio + "%" : "--" }}</div>
<div style="color: #5382f6; cursor: pointer" @click="handleOpenDetail(item)">查看培训详情</div>
</div>
<div class="notoDta" v-if="partyMemberList.length == 0">
<img src="@/assets/images/noData.png" alt="" />
@ -141,6 +146,7 @@
</el-scrollbar>
</div>
<el-pagination
v-if="partyMemberList.length != 0"
background
:page-size="10"
style="justify-content: center"
@ -165,7 +171,7 @@
<div>序号</div>
<div>姓名</div>
<div>课程名称</div>
<div style="width:150px">身份证号</div>
<div style="width: 150px">身份证号</div>
<div>培训计划名称</div>
<div>开始学习时间</div>
<div>结束学习时间</div>
@ -173,20 +179,32 @@
<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>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div>
<div>{{ item.workerName || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.courseName" placement="top-start">
<span>{{ eduPlanItem.courseName || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.courseName"
placement="top-start"
>
<span>{{ eduPlanItem.courseName || "--" }}</span>
</el-tooltip>
</div>
<div style="width:150px">{{ item.workerCard || '--' }}</div>
<div style="width: 150px">{{ item.workerCard || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.name" placement="top-start">
<span>{{ eduPlanItem.name || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.name"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip>
</div>
<div>{{ item.beginTime || '--' }}</div>
<div>{{ item.endTime || '--' }}</div>
<div>{{ item.beginTime || "--" }}</div>
<div>{{ item.endTime || "--" }}</div>
</div>
<div class="notoDta" v-if="studyExamRecord.length == 0">
<img src="@/assets/images/noData.png" alt="" />
@ -202,37 +220,51 @@
<div>姓名</div>
<div>科目名称</div>
<div>考试名称</div>
<div style="width:140px">培训计划名称</div>
<div style="width:200px">身份证号</div>
<div style="width:180px">开始考试时间</div>
<div style="width: 140px">培训计划名称</div>
<div style="width: 200px">身份证号</div>
<div style="width: 180px">开始考试时间</div>
<div>作答时长</div>
<div>考试结果</div>
<div>考试总分</div>
<div>考得分</div>
<div style="width:140px">剩余重考次数</div>
<div style="width: 140px">剩余重考次数</div>
</div>
<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>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div>
<div>{{ item.subjectName || '--' }}</div>
<div>{{ item.workerName || "--" }}</div>
<div>{{ item.subjectName || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="item.examPaperName" placement="top-start">
<span>{{ item.examPaperName || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="item.examPaperName"
placement="top-start"
>
<span>{{ item.examPaperName || "--" }}</span>
</el-tooltip>
</div>
<div style="width:140px">
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.name" placement="top-start">
<span>{{ eduPlanItem.name || '--' }}</span>
<div style="width: 140px">
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.name"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip>
</div>
<div style="width:200px">{{ item.workerCard || '--' }}</div>
<div style="width:180px">{{ item.startExamTime || '--' }}</div>
<div>{{ item.duration || '--' }}</div>
<div>{{ item.isPass == 1 ? '合格' : '不合格'}}</div>
<div>{{ item.totalScore != null ? item.totalScore : 0}}</div>
<div>{{ item.score != null ? item.score : 0}}</div>
<div style="width:140px">{{ item.examCount != null ? item.examCount : 0}}</div>
<div style="width: 200px">{{ item.workerCard || "--" }}</div>
<div style="width: 180px">{{ item.startExamTime || "--" }}</div>
<div>{{ item.duration || "--" }}</div>
<div>{{ item.isPass == 1 ? "合格" : "不合格" }}</div>
<div>{{ item.totalScore != null ? item.totalScore : 0 }}</div>
<div>{{ item.score != null ? item.score : 0 }}</div>
<div style="width: 140px">
{{ item.examCount != null ? item.examCount : 0 }}
</div>
</div>
<div class="notoDta" v-if="studyExamRecord.length == 0">
<img src="@/assets/images/noData.png" alt="" />
@ -246,7 +278,7 @@
<div class="tabList" style="justify-content: space-around">
<div>序号</div>
<div>姓名</div>
<div style="width:150px">身份证号</div>
<div style="width: 150px">身份证号</div>
<div>培训计划名称</div>
<div>科目类型</div>
<div>课程名称</div>
@ -254,17 +286,29 @@
<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>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div>
<div style="width:150px">{{ item.workerCard || '--' }}</div>
<div>{{ item.workerName || "--" }}</div>
<div style="width: 150px">{{ item.workerCard || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.paperName" placement="top-start">
<span>{{ eduPlanItem.name || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.paperName"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip>
</div>
<div>{{ eduPlanItem.subjectName || '--' }}</div>
<div>{{ eduPlanItem.subjectName || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.paperName" placement="top-start">
<span>{{ eduPlanItem.courseName || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.paperName"
placement="top-start"
>
<span>{{ eduPlanItem.courseName || "--" }}</span>
</el-tooltip>
</div>
</div>
@ -280,7 +324,7 @@
<div class="tabList" style="justify-content: space-around">
<div>序号</div>
<div>姓名</div>
<div style="width:150px">身份证号</div>
<div style="width: 150px">身份证号</div>
<div>培训计划名称</div>
<div>科目类型</div>
<div>考试名称</div>
@ -288,17 +332,29 @@
<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>{{ index + 1 }}</div>
<div>{{ item.workerName || '--' }}</div>
<div style="width:150px">{{ item.workerCard || '--' }}</div>
<div>{{ item.workerName || "--" }}</div>
<div style="width: 150px">{{ item.workerCard || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.name" placement="top-start">
<span>{{ eduPlanItem.name || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.name"
placement="top-start"
>
<span>{{ eduPlanItem.name || "--" }}</span>
</el-tooltip>
</div>
<div>{{ eduPlanItem.subjectName || '--' }}</div>
<div>{{ eduPlanItem.subjectName || "--" }}</div>
<div>
<el-tooltip class="box-item" style="text-align:center" effect="dark" :content="eduPlanItem.paperName" placement="top-start">
<span>{{ eduPlanItem.paperName || '--' }}</span>
<el-tooltip
class="box-item"
style="text-align: center"
effect="dark"
:content="eduPlanItem.paperName"
placement="top-start"
>
<span>{{ eduPlanItem.paperName || "--" }}</span>
</el-tooltip>
</div>
</div>
@ -310,6 +366,7 @@
</div>
</el-tab-pane>
<el-pagination
v-if="studyExamRecord.length != 0"
background
:page-size="10"
style="justify-content: center"
@ -326,11 +383,9 @@
<script lang="ts" setup>
import { ref, onMounted } from "vue";
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 { getSafeEducationDataApi,getEduPlanDataApi,
getStudyDataApi,getExamDataApi
} from "@/api/modules/agjtCommandApi";
import { getSafeEducationDataApi, getEduPlanDataApi, getStudyDataApi, getExamDataApi } from "@/api/modules/agjtCommandApi";
const store = GlobalStore();
const props = defineProps(["tip"]);
const BASEURL = import.meta.env.VITE_API_URL;
@ -342,9 +397,9 @@ const refScrollbar = ref(null as any); // 绑定到滚动的盒子上
const currentTab = ref("safeEdu" as any);
function handleChangeTab(val: any) {
//教育培训相关属性
isDetail.value = false
activeIndex.value = 0
activeName.value = 'first'
isDetail.value = false;
activeIndex.value = 0;
activeName.value = "first";
//切换安全教育和教育培训相关属性
currentTab.value = val;
partyMemberList.value = [];