新增主页弹框提示

src/renderer/components/MainTable.vue

@@ -193,20 +193,22 @@
       <!-- <el-footer class="buttLlo">Copyright© 北京决明科技有限公司</el-footer> -->
     </div>
     <!-- 先是垂直布局 -->
-    <div class="tan_out">
+    <div class="box_out" v-show="centerDialogVisible">
+    </div>
+    <div class="tan_out" v-show="centerDialogVisible">
       <div class="tan_top">
         <div class=tan_top_one>
           <div><img width='126px' height='28px' src="../assets/tan/sence.png" /></div>
-          <!-- <div>关闭</div> -->
+          <div class="close_main" @click="closeFun"><img width="24px" height="24px" src="../assets/tan/close.png" />
+          </div>
         </div>
       </div>
 
       <div class="tan_center">
-        <div class="tan_center_left"><img width='256px' height='256px' src='../assets/tan/zndh.png' /></div>
+        <div class="tan_center_left"><img width='256px' height='256px' :src='pubImgUrl' /></div>
         <div class="tan_center_right">
-
-          <div><img width="152px" height="35px" style="margin-left:60px;margin-bottom:5px;margin-top:20px"
-              src="../assets/tan/zn.png" /></div>
+          <div><img  height="35px" style="margin-left:60px;margin-bottom:5px;margin-top:20px"
+              :src="pubTitleUrl" /></div>
           <div><img width="530px" height="60px" src="../assets/tan/mid_line.png" /></div>
           <div style="margin-left:40px;color:#DFDFDF;width:462px;line-height: 25px;letter-spacing:3px">
             这是一段简短的介绍这是一段简短的介绍这是一段简短的介绍这是一段简短的介绍这是一段简
@@ -216,10 +218,13 @@
           </div>
         </div>
       </div>
+
       <div style="text-align:center"><img width="772px" height="24px" src="../assets/tan/bottom_line.png" /></div>
       <div class="tan_foot">
-        <div><img class="cancle_style" width="234px" height="60px" src="../assets/tan/cancle.png" /></div>
-        <div><img class="continue_style" width="234px" height="60px" src="../assets/tan/continue.png" /></div>
+        <div @click="closeFun"><img class="cancle_style" width="234px" height="60px" src="../assets/tan/cancle.png" />
+        </div>
+        <div @click="continueFun"><img class="continue_style" width="234px" height="60px"
+            src="../assets/tan/continue.png" /></div>
       </div>
     </div>
   </div>
@@ -240,6 +245,10 @@ export default {
         { name: "生物反馈训练", url: "/animation", index: 6 },
       ],
       centerDialogVisible: false,
+      pubUrl: '',
+      pubVal: '',
+      pubImgUrl:'',
+      pubTitleUrl:'' 
     };
   },
   mounted() {
@@ -248,6 +257,14 @@ export default {
     this.userType = parseInt(this.userType);
   },
   methods: {
+    continueFun() {
+      this.centerDialogVisible=false;
+      sessionStorage.setItem("defaultUrl", this.pubUrl);
+      this.$router.push({ path: this.pubUrl, query: { url: this.pubVal } });
+    },
+    closeFun() {
+      this.centerDialogVisible = false;
+    },
     userExit() {
       this.$router.push("/");
       // ipcRenderer.removeAllListeners();
@@ -280,11 +297,40 @@ export default {
       return week;
     },
     goPage(url, val) {
+      this.pubUrl = url;
+      this.pubVal = val;
       //判断如果是智能对话
-      // if (val == "rjdh") {
-      //   this.centerDialogVisible = true;
-      // }
-      // return;
+      if (val == "rjdh") {
+        this.pubImgUrl=require('../assets/tan/zndh.png')
+        this.pubTitleUrl=require('../assets/tan/zn.png')
+        this.centerDialogVisible = true;
+        return
+      }
+      if (val == "xlcp") {
+        this.pubImgUrl=require('../assets/tan/xlcp.png')
+        this.pubTitleUrl=require('../assets/tan/xl1.png')
+        this.centerDialogVisible = true;
+        return
+      }
+      if (val == "xlfs") {
+        this.pubImgUrl=require('../assets/tan/xlfs.png')
+        this.pubTitleUrl=require('../assets/tan/xl2.png')
+        this.centerDialogVisible = true;
+        return
+      }
+      if (val == "rzgy") {
+        this.pubImgUrl=require('../assets/tan/rzgy.png')
+        this.pubTitleUrl=require('../assets/tan/rz.png')
+        this.centerDialogVisible = true;
+        return
+      }
+      if (val == "swfk") {
+        this.pubImgUrl=require('../assets/tan/swfk.png')
+        this.pubTitleUrl=require('../assets/tan/sw.png')
+        this.centerDialogVisible = true;
+        return
+      }
+
       sessionStorage.setItem("defaultUrl", url);
       this.$router.push({ path: url, query: { url: val } });
       //this.$router.push({ path: url });
@@ -626,4 +672,20 @@ export default {
 .continue_style {
   cursor: pointer;
 }
+
+.box_out {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #254161;
+  opacity: 0.6;
+}
+
+.close_main {
+  position: absolute;
+  right: 40px;
+  cursor: pointer;
+}
 </style>