From 7df64634d3d7b292713eebfa008c40b3f5f9f65f Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 20 九月 2022 15:57:03 +0800 Subject: [PATCH] 修改 --- src/views/goalManagement/targetEscalation/component/Dailog.vue | 101 ++++++++++++++++++++++++++++++-------------------- 1 files changed, 60 insertions(+), 41 deletions(-) diff --git a/src/views/goalManagement/targetEscalation/component/Dailog.vue b/src/views/goalManagement/targetEscalation/component/Dailog.vue index db1fa1a..bf223b6 100644 --- a/src/views/goalManagement/targetEscalation/component/Dailog.vue +++ b/src/views/goalManagement/targetEscalation/component/Dailog.vue @@ -1,46 +1,65 @@ <template> - <el-dialog - v-model="dialogVisible" - title="记录" - width="50%" - draggable - > - <el-table :data="tableData" style="width: 100%"> - <el-table-column align="center" label="序号" type="index" width="80"/> - <el-table-column align="center" prop="date" label="责任部门"/> - <el-table-column align="center" prop="name" label="考核指标"/> - <el-table-column align="center" prop="address" label="制定部门" /> - <el-table-column align="center" prop="date" label="制定日期" /> - <el-table-column align="center" prop="name" label="检查值" /> - <el-table-column align="center" prop="name" label="检查人" /> - <el-table-column align="center" prop="address" label="检查时间" /> - </el-table> - <template #footer> - <span class="dialog-footer"> - <el-button @click="dialogVisible = false">关闭</el-button> - <el-button type="primary" @click="dialogVisible = false" - >确定</el-button - > - </span> - </template> - </el-dialog> + <el-dialog v-model="dialogVisible" :fullscreen="full" title="查看审批流程" width="50%" draggable> + <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> + <el-table :data="tableData" style="width: 100%"> + <el-table-column property="workName" label="审批人" sortable></el-table-column> + <el-table-column property="title" label="审批标题" sortable></el-table-column> + <el-table-column property="approvePersonName" label="编写人" sortable></el-table-column> + <el-table-column property="approveMemo" label="审批意见" sortable></el-table-column> + </el-table> + <template #footer> + <span class="dialog-footer"> + <el-button @click="dialogVisible = false">关闭</el-button> + <!-- <el-button type="primary" @click="dialogVisible = false">确定</el-button> --> + </span> + </template> + </el-dialog> </template> <script lang="ts"> -import { defineComponent,reactive,ref} from 'vue' - +import { defineComponent, reactive, ref } from 'vue'; +import { FullScreen } from '@element-plus/icons-vue'; +import { goalManagementApi } from '/@/api/goalManagement'; export default defineComponent({ - setup() { - const dialogVisible = ref(false) - const tableData=ref() - const openDailog=(data:any)=>{ - dialogVisible.value=true - tableData.value=data - } - return{ - dialogVisible, - tableData, - openDailog - } - }, -}) + setup() { + const dialogVisible = ref(false); + const form = ref({ + pageSize: 10, + pageIndex: 1, + searchParams: { + relateId: '', ////检查记录ID + relateType:"", + gmtCreate:[], + }, + }); + const tableData = ref(); + const openDailog = (data: any,type:number) => { + dialogVisible.value = true; + form.value.searchParams.relateId=data + form.value.searchParams.relateType=type + goalManagementApi().getworkApproveListCode(form.value).then(res=>{ + if(res.data.code==200){ + tableData.value=res.data.data + } + }) + }; + //全屏 + const full = ref(false); + const toggleFullscreen = () => { + if (full.value == false) { + full.value = true; + } else { + full.value = false; + } + }; + return { + dialogVisible, + tableData, + openDailog, + full, + toggleFullscreen, + form, + FullScreen, + }; + }, +}); </script> -- Gitblit v1.9.2