倒查添加整页遮罩层

src/views/cxyrd/TL.vue

@@ -18,6 +18,13 @@
         <t-l-candidate></t-l-candidate>
       </div>
     </div>
+    <div v-show="dialog" class="popContainer" @click="hideDialog"></div>
+    <el-dialog
+      title="提示"
+      :visible.sync="isDialogShow"
+      :modal-append-to-body="false"
+    >
+    </el-dialog>
   </div>
 </template>
 
@@ -25,6 +32,7 @@
 import ImageEd from "../../components/ImageEd.vue";
 import TLSrc from "@/views/cxyrd/modules/TLSrc.vue";
 import TLCandidate from "@/views/cxyrd/modules/TLCandidate.vue";
+import { Loading } from "element-ui";
 export default {
   name: "TL",
   components: {
@@ -32,12 +40,19 @@ export default {
     TLSrc,
     TLCandidate
   },
+  data() {
+    return { isDialogShow: false, dialog: false };
+  },
   methods: {
     Bz() {
       console.info("比中");
+      this.isDialogShow = true;
     },
     Rdwc() {
       console.info("认定完成");
+    },
+    hideDialog() {
+      this.dialog = true;
     }
   }
 };
@@ -121,4 +136,13 @@ div {
     width: 360px;
   }
 }
+.popContainer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+
+  background: rgba(255, 255, 255, 0.65);
+}
 </style>