lct

Your Name

2022-08-15 87edc55a377c3fca459ab48010a9716b0311c4a8

 src/views/goalManagement/targetEscalation/component/Dailog.vue

@@ -1,15 +1,11 @@
<template>
   <el-dialog v-model="dialogVisible" :fullscreen="full" title="记录" width="50%" draggable>
   <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 align="center" label="序号" type="index" width="80" />
         <el-table-column align="center" prop="dutyDepartmentId" label="责任部门" />
         <el-table-column align="center" prop="value" label="考核指标" />
         <el-table-column align="center" prop="makerDepartmentId" label="制定部门" />
         <el-table-column align="center" prop="makeDate" label="制定日期" />
         <el-table-column align="center" prop="value" label="检查值" />
         <el-table-column align="center" prop="commitPersonId" label="检查人" />
         <el-table-column align="center" prop="makeDate" label="检查时间" />
         <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">
@@ -22,14 +18,28 @@
<script lang="ts">
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 form = ref({
         pageSize: 10,
         pageIndex: 1,
         searchParams: {
            relateId: '', ////检查记录ID
            relateType:"",
         },
      });
      const tableData = ref();
      const openDailog = (data: any) => {
      const openDailog = (data: any,type:number) => {
         dialogVisible.value = true;
         // console.log(data)
         tableData.value = data;
         form.value.searchParams.relateId=data
         form.value.searchParams.relateType=type
         goalManagementApi().getworkApproveListCheckData(form.value).then(res=>{
            if(res.data.code==200){
               tableData.value=res.data.data
            }
         })
      };
      //全屏
      const full = ref(false);
@@ -46,6 +56,7 @@
         openDailog,
         full,
         toggleFullscreen,
         form,
         FullScreen,
      };
   },