全屏功能

13937891274

2022-07-18 d57a6d8cca922c9a701887c0403c10d663a258cb

 src/views/contingencyManagement/panManagement/index.vue

@@ -127,9 +127,9 @@
    </el-card>
    <OpenAdd ref="addRef" />
    <AbolishLibrary ref="abolishRef"/>
    <OpenEdit ref="editRef" />
    <upData ref="upShow"></upData>
    <el-dialog v-model="dialogFormVisible" width="30%" title="启动">
    <el-dialog v-model="dialogFormVisible" width="30%" title="启动" :fullscreen="full">
      <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
      <el-form :model="form" label-width="80px">
        <el-form-item label="备注" >
          <el-input v-model="form.remarks" type="textarea" autocomplete="off" />
@@ -171,10 +171,10 @@
  VideoPause,
  VideoPlay,
  EditPen,
  FullScreen
} from '@element-plus/icons-vue'
import OpenAdd from '/@/views/contingencyManagement/panManagement/component/openAdd.vue';
import AbolishLibrary from '/@/views/contingencyManagement/panManagement/component/abolishLibrary.vue';
import OpenEdit from '/@/views/contingencyManagement/panManagement/component/openEdit.vue';
import UpData from '/@/views/contingencyManagement/panManagement/component/upData.vue';

// 定义表格数据类型
@@ -210,7 +210,6 @@
  components: {
    OpenAdd,
    AbolishLibrary,
    OpenEdit,
    View,
    EditPen,
    Plus,
@@ -225,7 +224,6 @@
  },
  setup() {
    // const seeRef = ref();
    const editRef = ref();
    // 选择框
    // const value = ref('');
    // const options =
@@ -312,10 +310,6 @@
    const onabolishLibrary = () => {
      abolishRef.value.openDialog();
    };
    // 打开修改用户弹窗
    const onOpenEdit = (row: TableDataRow) => {
      editRef.value.openDialog(row);
    };
    // 删除用户
    const onRowDel = (row: TableDataRow) => {
      ElMessageBox.confirm(`此操作将永久删除账户名称：“${row}”，是否继续?`, '提示', {
@@ -363,6 +357,15 @@
        }
      })
    }
    //全屏
    const full = ref(false);
    const toggleFullscreen = () => {
      if (full.value == false) {
        full.value = true;
      } else {
        full.value = false;
      }
    };
    return {
      // value,
      // options,
@@ -375,8 +378,6 @@
      dialogFormVisible,
      form,
      // seeRef,
      onOpenEdit,  //编辑
      editRef,
      onOpenAdd,  //新增
      onabolishLibrary,
      addRef,
@@ -389,9 +390,9 @@
      jumpFrom,
      abolish,
      router,
      // onHandleSizeChange,
      // onHandleCurrentChange,
      // ...toRefs(state),
      toggleFullscreen,
      FullScreen,
      full,
    };
  },
});