guhongwei 5 år sedan
förälder
incheckning
84d7939f8e
5 ändrade filer med 305 tillägg och 1 borttagningar
  1. 82 0
      src/components/help.vue
  2. 108 0
      src/layout/detail/help.vue
  3. 1 1
      src/layout/index/kuaisu.vue
  4. 5 0
      src/router/index.js
  5. 109 0
      src/views/help.vue

+ 82 - 0
src/components/help.vue

@@ -0,0 +1,82 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :sapn="24" class="top">
+        <div class="w_1270">
+          <top :info="info"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
+      </el-col>
+      <el-col :sapn="24" class="menu">
+        <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :sapn="24" class="main">
+        <div class="w_1270">
+          <help></help>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="down">
+        <down :info="info" :backColor="backColor"></down>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import help from '@/layout/detail/help.vue';
+import down from '@/layout/index/down.vue';
+export default {
+  name: 'index',
+  props: {
+    backColor: null, //背景颜色
+    info: null, //站点信息
+    menuList: null, //菜单
+  },
+  components: {
+    top, //头部
+    banner, //banner
+    menuInfo, //菜单
+    help, //帮助
+    down, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1270 {
+  width: 1000px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
+  overflow: hidden;
+}
+.menu {
+  height: 50px;
+  overflow: hidden;
+}
+.main {
+  min-height: 600px;
+  padding: 50px 0;
+  overflow: hidden;
+  background: #f5f5f5;
+}
+.down {
+  min-height: 135px;
+  overflow: hidden;
+}
+</style>

+ 108 - 0
src/layout/detail/help.vue

@@ -0,0 +1,108 @@
+<template>
+  <div id="help">
+    <el-row>
+      <el-col :span="24" class="jiuyeInfo">
+        <el-col :span="24" class="top">
+          <span>智慧就业帮助手册</span>
+        </el-col>
+        <el-col :span="24" class="info">
+          <el-col :span="24">
+            <h3>招聘会用户手册-PPT使用流程</h3>
+            <p>电子版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/智慧就业.pptx" target="_blank"><i class="el-icon-download"></i></el-link>
+          </el-col>
+          <el-col :span="24">
+            <h3>招聘会用户手册-平台管理</h3>
+            <p>电子版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-平台管理员.docx" target="_blank"
+              ><i class="el-icon-download"></i
+            ></el-link>
+          </el-col>
+          <el-col :span="24">
+            <h3>招聘会用户手册-企业端</h3>
+            <p>电子版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-企业端.docx" target="_blank"><i class="el-icon-download"></i></el-link>
+            <p>视频版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/操作视频-企业.mp4" target="_blank"><i class="el-icon-video-play"></i></el-link>
+          </el-col>
+          <el-col :span="24">
+            <h3>招聘会用户手册-学校端</h3>
+            <p>电子版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-学校管理员.docx" target="_blank"
+              ><i class="el-icon-download"></i
+            ></el-link>
+            <p>视频版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/操作视频-学校.mp4" target="_blank"><i class="el-icon-video-play"></i></el-link>
+          </el-col>
+          <el-col :span="24">
+            <h3>招聘会用户手册-学生端</h3>
+            <p>电子版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-学生端.docx" target="_blank"><i class="el-icon-download"></i></el-link>
+            <p>视频版使用手册</p>
+            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/操作视频-学生.mp4" target="_blank"><i class="el-icon-video-play"></i></el-link>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'help',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {
+    pathUrl() {
+      return this.$route.path;
+    },
+  },
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.jiuyeInfo {
+  min-height: 600px;
+  border: 1px solid #ccc;
+  background: #ffff;
+}
+.top {
+  height: 50px;
+  background: #f7f5f6;
+  padding: 10px 24px;
+  width: 997px;
+  margin: 0 0 0 1px;
+}
+.top span {
+  display: inline-block;
+  background: #0099cc;
+  padding: 5px 18px;
+  font-size: 16px;
+  border-radius: 25px;
+  color: #fff;
+}
+.info {
+  padding: 0 50px 30px 50px;
+}
+.info h3 {
+  margin: 10px 0;
+}
+.info p {
+  padding: 8px 0;
+  text-indent: 1rem;
+}
+/deep/.info .el-link {
+  background: #409eff;
+  margin: 0 30px;
+  border-radius: 5px;
+  color: #fff;
+  padding: 5px 20px;
+}
+</style>

+ 1 - 1
src/layout/index/kuaisu.vue

@@ -23,7 +23,7 @@
             <el-image :src="url"></el-image>
             <span>专升本报名系统</span>
           </el-link>
-          <el-link :underline="false" class="link" @click="clickHep()" target="_blank">
+          <el-link :underline="false" class="link" href="/help" target="_blank">
             <el-image :src="url"></el-image>
             <span>帮助</span>
           </el-link>

+ 5 - 0
src/router/index.js

@@ -92,6 +92,11 @@ const router = new Router({
       name: 'about',
       component: () => import('../views/aboutMe.vue'),
     },
+    {
+      path: '/help',
+      name: 'help',
+      component: () => import('../views/help.vue'),
+    },
   ],
 });
 

+ 109 - 0
src/views/help.vue

@@ -0,0 +1,109 @@
+<template>
+  <div id="help">
+    <help-detail :info="site" :menuList="menu" :backColor="backColor" :Color="Color"></help-detail>
+  </div>
+</template>
+
+<script>
+import helpDetail from '@/components/help.vue';
+import { mapActions, mapState } from 'vuex';
+import _ from 'lodash';
+export default {
+  metaInfo() {
+    return {
+      title: this.siteTitle ? this.siteTitle : '吉林省高等学校毕业生就业信息网',
+    };
+  },
+  name: 'help',
+  props: {},
+  components: {
+    helpDetail, //帮助
+  },
+  data: () => ({
+    info: {},
+    site: {}, //站点信息
+    siteTitle: '吉林省高等学校毕业生就业信息网', //站点标题
+    menu: [], //菜单
+    modules: [], //模块
+    backColor: '#0457c7',
+    Color: '#0457c7',
+  }),
+  async created() {
+    await this.toGetSite(); //获取主站信息
+    this.loadMenu(); //获取菜单信息
+  },
+  computed: {},
+  methods: {
+    ...mapActions(['getSite', `getMenu`, 'getColumn', 'getAllNews', 'getAllColumn', 'getModule', 'getNews', 'getJobInfo', 'getPosts', 'getLink']),
+    //站点信息
+    async toGetSite() {
+      let site = sessionStorage.getItem('site');
+      if (site) {
+        this.$set(this, `site`, JSON.parse(site));
+        this.$set(this, `siteTitle`, this.site.name);
+      } else {
+        let result = await this.getSite({ type: 'search' });
+        if (result.errcode === 0) {
+          sessionStorage.setItem('site', JSON.stringify(result.data));
+          if (_.get(result.data, `custom`)) {
+            let item = result.custom;
+          }
+          this.$set(this, `site`, result.data);
+          this.$set(this, `siteTitle`, this.site.name);
+        }
+      }
+    },
+    //菜单
+    async loadMenu() {
+      let menu = sessionStorage.getItem('menu');
+      if (menu) {
+        this.$set(this, `menu`, JSON.parse(menu));
+        this.finishedMenu();
+        return;
+      } else this.toGetMenu();
+    },
+    async toGetMenu() {
+      let result = await this.getMenu({ type: `list` });
+      if (result.errcode === 0) {
+        // sessionStorage.setItem('menu', JSON.stringify(result.data));
+        this.$set(this, `menu`, result.data);
+        this.finishedMenu();
+      }
+    },
+    async finishedMenu() {
+      let menus = JSON.parse(JSON.stringify(this.menu));
+      for (const item of menus) {
+        if (item.type === 'content') {
+          item.path = `/detail?id=${item.content_id}`;
+        } else if (item.type !== 'url') {
+          let res = await this.completeMenu(item);
+          item.children = res;
+        }
+      }
+      this.$set(this, `menu`, menus);
+    },
+    async completeMenu(item) {
+      let result = await this.getColumn({
+        type: `list`,
+        data: { parent_id: item.id },
+      });
+      if (result.errcode === 0) {
+        let columns = result.data;
+        for (const col of columns) {
+          if (col.type === 'content') {
+            col.path = `/detail/${col.content_id}`;
+          } else if (col.type !== 'url') {
+            col.path = `/newsList/menu/${col.id}?title=${col.title}`;
+            if (col.parent.includes('党员')) {
+              col.path = `/memberList/menu/${col.id}?title=${col.title}`;
+            }
+          }
+        }
+        return columns;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>