对接

shj

2022-08-10 01b6b200bedf57900a88bbd982cf25889e13dc49

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

@@ -1,46 +1,53 @@
<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 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>
      <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';
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 tableData = ref();
      const openDailog = (data: any) => {
         dialogVisible.value = true;
         // console.log(data)
         tableData.value = data;
      };
      //全屏
      const full = ref(false);
      const toggleFullscreen = () => {
         if (full.value == false) {
            full.value = true;
         } else {
            full.value = false;
         }
      };
      return {
         dialogVisible,
         tableData,
         openDailog,
         full,
         toggleFullscreen,
         FullScreen,
      };
   },
});
</script>