帮助更新

src/layout/index/kuaisu.vue

@@ -19,17 +19,37 @@
             <el-image :src="url"></el-image>
             <span>预征入伍</span>
           </el-link>
-          <el-link :underline="false" class="link" href="http://nit.neea.edu.cn/" target="_blank">
-            <el-image :src="url"></el-image>
-            <span>NIT考试</span>
-          </el-link>
           <el-link :underline="false" class="link" href="http://www.jilinjobs.cn:9000" target="_blank">
             <el-image :src="url"></el-image>
             <span>专升本报名系统</span>
           </el-link>
+          <el-link :underline="false" class="link" @click="clickHep()" target="_blank">
+            <el-image :src="url"></el-image>
+            <span>帮助</span>
+          </el-link>
         </el-col>
       </el-col>
     </el-row>
+    <el-dialog title="智慧就业帮助手册" :visible.sync="show" width="45%">
+      <el-row>
+        <el-col :span="24">
+          <el-col :span="10" class="help">
+            <el-image :src="text" style="width:80px;height:80px;"></el-image>
+            <p>电子版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/智慧就业帮助手册.rar">
+              下载
+            </el-link>
+          </el-col>
+          <el-col :span="10" class="help">
+            <el-image :src="video" style="width:80px;height:80px;"></el-image>
+            <p>视频版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/智慧就业视频手册.rar">
+              下载
+            </el-link>
+          </el-col>
+        </el-col>
+      </el-row>
+    </el-dialog>
   </div>
 </template>
 
@@ -40,6 +60,9 @@ export default {
   components: {},
   data: () => ({
     url: require('@/assets/shuangkun.jpg'),
+    text: require('@/assets/文档.png'),
+    video: require('@/assets/视频.png'),
+    show: false,
   }),
   created() {},
   computed: {},
@@ -52,6 +75,16 @@ export default {
         });
       else window.open('http://hr.smart.jilinjobs.cn/www/login');
     },
+    clickHep() {
+      this.show = true;
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
   },
 };
 </script>
@@ -78,4 +111,30 @@ export default {
   color: #fff;
   font-weight: bold;
 }
+/deep/.el-dialog {
+  background-color: #f9f9f9;
+}
+/deep/.el-dialog__title {
+  font-size: 25px;
+}
+/deep/.el-dialog__body {
+  min-height: 300px;
+}
+.help {
+  text-align: center;
+  padding: 40px 0;
+  box-shadow: 0 0 10px #ccc;
+  border-radius: 10px;
+  margin: 0 32px;
+}
+.help p {
+  font-size: 25px;
+}
+/deep/.help .el-link {
+  background: #409eff;
+  margin: 0 30px;
+  border-radius: 5px;
+  color: #fff;
+  padding: 10px 30px;
+}
 </style>