gx

src/components/components/studentWorkPreviewDialog.vue

@@ -0,0 +1,66 @@
+<template>
+  <div class="studentWorkPreviewDialog">
+    <el-dialog
+      :visible.sync="show"
+      width="100%"
+      height="100%"
+      fullscreen
+      :modal="true"
+      :close-on-click-modal="false"
+      :show-close="false"
+    >
+      <div class="s_body">
+        <h1>测试</h1>
+        <h2>{{ studentWork }}</h2>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+	components:{
+
+	},
+  data() {
+    return {
+      show:false,
+      studentWork:null
+    }
+  },
+  methods: {
+    open({work,tool}){
+      this.show = true
+      this.studentWork = work
+    }
+  }
+};
+</script>
+
+<style scoped>
+.studentWorkPreviewDialog {
+  width: 100vw;
+  height: 100vh;
+}
+
+.studentWorkPreviewDialog >>> .el-dialog__header,
+.studentWorkPreviewDialog >>> .el-dialog__footer {
+  display: none; /* 隐藏头部和底部 */
+}
+
+.studentWorkPreviewDialog >>> .el-dialog__body {
+  padding: 0;
+  margin: 0;
+  height: 100vh;
+  width: 100vw;
+  overflow: auto;
+}
+
+.s_body {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 25px;
+  background-color: #f3f7fd;
+}
+</style>