修改屏蔽页

src/views/education/item-shield.vue

@@ -2,11 +2,11 @@
   <div class="item-shield">
     <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
     <div class="component-content screenSet" id="screenSet">
-      <el-radio-group v-model="shieldType">
+      <el-radio-group v-model="shieldType" @change="changeType">
         <el-radio-button label="1">屏蔽机构</el-radio-button>
         <el-radio-button label="2">屏蔽人员</el-radio-button>
       </el-radio-group>
-      <el-button type="primary" size="small">完成</el-button>
+      <el-button class="complete" type="primary" size="small">完成</el-button>
       <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
         <el-form :model="formInline" ref="formInline" label-width="75px" class="form-inline">
           <el-col :span="6">
@@ -100,42 +100,57 @@ export default {
   created() {
     vm = this;
     this.search();
+    window.onbeforeunload = function(e) {
+      let pathname = location.href.split("/");
+      pathname = pathname[pathname.length - 1];
+      // console.log(pathname);
+      if (pathname == "item-shield") {
+        e = e || window.event;
+        if (e) {
+          e.returnValue = "关闭提示";
+        }
+        return "关闭提示";
+      }
+    };
   },
   // 挂载到Dom完成时
   mounted: function() {
-    commonUtil.resizeHeight();
     window.onbeforeunload = function(e) {
-      return "";
+      let pathname = location.href.split('/');
+      pathname = pathname[pathname.length-1];
+      console.log(pathname);
+      if(pathname == 'item-shield') {
+        e = e || window.event;
+        if (e) {
+          e.returnValue = "数据不会保存";
+        }
+        return "数据不会保存";
+      }
     };
+
+    commonUtil.resizeHeight();
   },
   beforeRouteLeave(to, from, next) {
-    console.log(from);
-    next(false)
-    this.$confirm('您将离开本页面，是否进行数据保存？', '提示', {
-      distinguishCancelAndClose: true,
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(() => {
-      this.sure();
-      next()
-    }).catch(() => {
-      next()
-    });
-  },
-  beforeDestory() {
-    if (this.progressVisible) {
-      this.$confirm("系统可能不会保存您所做的更改。", "离开此页面？", {
-        confirmButtonText: "离开",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        next();
-      });
-    } else {
+    const answer = window.confirm(
+      "Do you really want to leave? you have unsaved changes!"
+    );
+    if (answer) {
       next();
+    } else {
+      next(false);
     }
   },
+  destroyed() {
+    // console.log(this);
+    // const answer = window.confirm(
+    //   "Do you really want to leave? you have unsaved changes!"
+    // );
+    // if (answer) {
+    //   next();
+    // } else {
+    //   next(false);
+    // }
+  },
   methods: {
     searchList() {
       this.formInline.pageNo = 1;
@@ -154,9 +169,14 @@ export default {
         }
       ];
     },
+    // 屏蔽/取消屏蔽
     changeStatus() {
       vm.tableData[0].status = 1;
-    }
+    },
+    //改变
+    changeType(value) {
+      console.log(value);
+    },
   }
 };
 </script>
@@ -165,6 +185,9 @@ export default {
   .component-content {
     padding: 10px;
     background: #fff;
+    .complete {
+      float: right;
+    }
   }
 }
 </style>
\ No newline at end of file