From 7e810cf016d1b637b693eeca4a4d8447083c68e2 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期四, 07 八月 2025 14:59:34 +0800 Subject: [PATCH] 修改 --- src/views/work/qualityInfo/infrastructureMng/repairRecord/index.vue | 235 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 235 insertions(+), 0 deletions(-) diff --git a/src/views/work/qualityInfo/infrastructureMng/repairRecord/index.vue b/src/views/work/qualityInfo/infrastructureMng/repairRecord/index.vue new file mode 100644 index 0000000..49740a3 --- /dev/null +++ b/src/views/work/qualityInfo/infrastructureMng/repairRecord/index.vue @@ -0,0 +1,235 @@ +<template> + <div class="app-container"> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item v-if="isAdmin" label="企业:" > + <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button> + <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button> +<!-- <el-button type="primary">导出</el-button>--> + </el-form-item> + </el-form> + </div> + <!-- 表格数据 --> + <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table-column type="index" label="序号"></el-table-column> + <el-table-column prop="deviceName" align="center" label="设备名称"></el-table-column> + <el-table-column prop="failurePhenomenon" align="center" label="故障现象"></el-table-column> + <el-table-column prop="faultCause" align="center" label="故障原因及排除方法"></el-table-column> + <el-table-column prop="faultDate" align="center" label="故障发生日期"> + <template #default="scope"> + {{scope.row.faultDate.substring(0,10)}} + </template> + </el-table-column> + <el-table-column prop="repairDate" align="center" label="要求维修日期"> + <template #default="scope"> + {{scope.row.repairDate.substring(0,10)}} + </template> + </el-table-column> + <el-table-column prop="manageName" align="center" label="设施操作/管理员"></el-table-column> + <el-table-column prop="managerName" align="center" label="主管"></el-table-column> +<!-- <el-table-column label="检查表" align="center">--> +<!-- <template #default="scope">--> +<!-- {{scope.row.deptName }}内审检查表--> +<!-- </template>--> +<!-- </el-table-column>--> + <el-table-column label="操作" align="center"> + <template #default="scope"> + <el-button link type="primary" @click="openDialog('view',scope.row)">查看</el-button> + <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button> + <el-button link type="primary" @click="downloadFile(scope.row)">导出</el-button> + <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + <edit-dialog ref="dialogRef" @getList=getList></edit-dialog> + </div> +</template> + +<script setup> +import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue"; +import {ElMessage, ElMessageBox} from "element-plus"; +import {delCompany, getCompany} from "@/api/onlineEducation/company"; +import Cookies from "js-cookie"; +import editDialog from './components/editDialog.vue' +import useUserStore from "@/store/modules/user"; +import {generateWordDocument} from "@/utils/exportWord"; +import { + delMaintenanceRecord, + getMaintenanceRecordDetail, + getMaintenanceRecordList +} from "@/api/infrastructureMng/ledger"; +import {getInternalAuditCheckInfo} from "@/api/innerReview/meetingReview"; + + +const userStore = useUserStore() +const { proxy } = getCurrentInstance(); +const loading = ref(false); +const dialogRef = ref(); +const data = reactive({ + queryParams: { + pageNum: 1, + pageSize: 10, + companyId: null + }, + total: 0, + dataList: [], + companyList: [], + expertData: [], + isAdmin: false +}); +const fields = ref({ + '序号':'index', + '名称型号':'username', + '部门':'idCard', + '责任人/使用人':'entryTime', + '编号':'deptName', + '使用地点':'duty', + '使用情况':'phone' +}); +const { queryParams, total, dataList,companyList, isAdmin, expertData } = toRefs(data); +const userInfo = ref() +onMounted(async ()=>{ + if(userStore.roles.includes('admin')){ + data.isAdmin = true + await getCompanyList() + }else{ + data.isAdmin = false + data.queryParams.companyId = userStore.companyId + } + await getList() +}) + +onUnmounted(()=>{ + +}) + +const getList = async () => { + loading.value = true + const res = await getMaintenanceRecordList(data.queryParams) + if(res.code == 200){ + data.dataList = res.data.list || [] + data.total = res.data.total + }else{ + ElMessage.warning(res.message) + } + loading.value = false +} + +const getCompanyList = async ()=>{ + const queryParams = { + pageNum: 1, + pageSize: 999 + } + const res = await getCompany(queryParams) + if (res.code == 200) { + data.companyList = res.data.list?res.data.list:[] + // data.queryParams.companyId = data.companyList[0].id + } else { + ElMessage.warning(res.message) + } +} + +const openDialog = (type, value) => { + dialogRef.value.openDialog(type, value, data.queryParams.companyId, data.isAdmin, data.companyList); +} + +const downloadFile = async (val)=>{ + const res = await getMaintenanceRecordDetail({id: val.id}) + if(res.code == 200){ + if(res.data){ + let tableData = res.data + tableData.maintainUsers = tableData.annualMaintenanceRecordUsers.filter(i=>i.userType == 1)?.map(i=>i.userName).join('、') + tableData.repairUsers = tableData.annualMaintenanceRecordUsers.filter(i=>i.userType == 2)?.map(i=>i.userName).join('、') + tableData.faultDate = tableData.faultDate.substring(0,10) + tableData.repairDate = tableData.repairDate.substring(0,10) + tableData.downTime = tableData.downTime.substring(0,10) + tableData.typeList = [ + { + id: 1, + label: '内部维修', + checked: tableData.maintenanceMethod == 1 ? false : true + }, + { + id: 2, + label: '委外维修', + checked: tableData.maintenanceMethod == 2 ? false : true + } + ] + if(data.isAdmin){ + tableData.companyName = data.companyList.find(i=>i.id == val.companyId)?.name + }else{ + tableData.companyName = userStore.companyName + } + try { + generateWordDocument('/repairRecord.docx', tableData, tableData.companyName + '基础设施维修记录.docx'); + } catch (error){ + ElMessage({ + type: 'warning', + message: '导出失败' + }); + } + }else{ + ElMessage.warning('暂无数据') + } + }else{ + ElMessage.warning(res.message) + } +} + +/** 重置新增的表单以及其他数据 */ +const reset= async()=> { + data.queryParams = { + pageNum: 1, + pageSize: 10, + companyId: null + } + await getCompanyList() + await getList() +} +const handleDelete = (val) => { + ElMessageBox.confirm( + '确定删除此条数据?', + '提示', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + }) + .then( async() => { + const res = await delMaintenanceRecord({id: val.id}) + if(res.code == 200){ + ElMessage.success('数据删除成功') + await getList() + }else{ + ElMessage.warning(res.message) + } + }) +} + +</script> -- Gitblit v1.9.2