新增表格下载列表页70%

src/components/layout/header/index.vue

@@ -84,7 +84,6 @@ export default {
       fromNav: false,
       // 点击事件来自dropdown
       fromDropdown: false,
-      navList: nav,
       currentNav: "0",
       preActive: "",
     };
@@ -98,6 +97,18 @@ export default {
       immediate: true,
     }
   },
+  computed: {
+    navList() {
+      let list = [];
+      nav.forEach(el => {
+        if (!el.isHiddenMenu) {
+          list.push(el);
+        }
+      })
+      return list;
+      // return nav;
+    }
+  },
   mounted() {
     window.addEventListener("click", this.handleWindowClick);
   },

src/components/layout/header/mock.js

@@ -988,4 +988,12 @@ export const nav = [
         link: "/Member",
         children: [],
     },
+    {
+        id: "9",
+        name: "表格下载",
+        index: 2,
+        link: "/statute/FormDownload",
+        isHiddenMenu: true,
+        breadcrumb: [{ name: "业务办理", path: "/Business" }, { name: "表格下载" }],
+    }
 ];

src/router/index.js

@@ -451,6 +451,14 @@ const routes = [{
         ],
       },
       {
+        path: "/statute/FormDownload",
+        name: "FormDownload",
+        meta: {
+          name: "表格下载",
+        },
+        component: () => import("@/views/Business/FormDownload"),
+      },
+      {
         path: "/BarCode",
         name: "BarCode",
         meta: {

src/views/Business/FormDownload.vue

+<template>
+  <div class="msg container">
+    <breadcrumb />
+    <div class="row">
+      <div class="col-lg-8">
+        <div class="msg-cont">
+          <cate :father="tmggCate"></cate>
+          <div class="container">
+            <DownloadList :list="list" @toListFather="receiveListChild" />
+            <pages
+              :currPage="pageParams.currPage"
+              :pageSize="pageParams.pageSize"
+              :total="pageParams.total"
+              @getLimit="receivePagesChild"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4">
+        <div class="beizhu">
+          <div class="container">
+            <div class="cate">
+              <span>备注</span>
+            </div>
+            <ul class="meminfo">
+              <li>表格成功下载后，填写时请务必字迹清楚。</li>
+              <li>表格中，深色区域为必填项，请完整填写。</li>
+              <li>
+                填写表格时，“<font color="#DF4A1A"
+                  >中华人民共和国行政区划代码</font
+                >”和“<font color="#DF4A1A">国民经济行业分类</font
+                >”请参照国家标准填写。
+              </li>
+              <li>
+                下载表格还需打印、盖章，然后提交到<a
+                  href="/Org/Branch.aspx"
+                  target="_blank"
+                  ><font color="#DF4A1A">当地编码分支机构</font></a
+                >。
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="zhcx">
+          <div class="container">
+            <div class="cate">
+              <span>综合查询</span>
+            </div>
+          <SubNav/>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState } from "vuex";
+import cate from "../comps/cate.vue";
+import DownloadList from "./copms/download-list.vue";
+import pages from "../comps/pages2.vue";
+import breadcrumb from "../comps/breadcrumb.vue";
+import SubNav from "../comps/SubNav.vue";
+import search from "@/components/layout/header/search.js";
+
+export default {
+  components: {
+    cate,
+    breadcrumb,
+    DownloadList,
+    pages,
+    SubNav,
+  },
+  computed: {
+    ...mapState({
+      matche: (state) => state.matche,
+    }),
+    ...mapState(["urls"]),
+  },
+  data() {
+    return {
+      tmggCate: {
+        name: "表格下载 ",
+        ico: "",
+      },
+      list: [],
+      pageParams: {
+        currPage: 1,
+        pageSize: 10,
+        total: 0,
+      },
+    };
+  },
+  created() {
+    this.$store.commit("system/SET_SUB_NAV", search.children);
+    this.businessDownLoad();
+  },
+  methods: {
+    // 接收分页子组件传过来的值
+    receivePagesChild(val) {
+      this.pageParams.currPage = val;
+      this.businessDownLoad();
+    },
+    // 接收列表子组件传过来的值
+    receiveListChild(obj) {
+      console.log(obj, "obj");
+      window.open(obj.docfile, '_blank');
+    },
+    // 右侧表格下载功能
+    async businessDownLoad() {
+      const businessDownLoadRes = await this.$api.business.businessDownLoad();
+      const { returnCode, data } = businessDownLoadRes;
+      console.log(businessDownLoadRes, "businessDownLoadRes");
+      if (returnCode === "0") {
+        data.forEach((el) => {
+          el.docfile = `${this.urls.gs1cnTwo}manage/down/${el.docfile}`;
+        });
+        this.list = data;
+      }
+      console.log(businessDownLoadRes, "右侧表格下载功能");
+    },
+  },
+};
+</script>
+<style lang="scss">
+.msg {
+  .list {
+    .row {
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+}
+</style>
+<style lang="scss" scoped>
+.msg {
+  padding-bottom: 20px;
+  .cate {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px dashed #c5d8ee;
+    padding: 15px 0;
+    span {
+      &:nth-child(1) {
+        font-size: 16px;
+        color: #454545;
+      }
+      &:nth-child(2) {
+        color: #f26335;
+        font-size: 12px;
+        cursor: pointer;
+      }
+    }
+  }
+  .msg-cont {
+    @include module-box;
+    // padding: 30px 0;
+    padding-bottom: 30px;
+  }
+  .beizhu {
+    @include module-box;
+    .meminfo {
+      margin: 15px 0;
+      li {
+        padding-top: 5px;
+        padding-bottom: 5px;
+        list-style: disc;
+        font-size: 14px;
+        margin-left: 20px;
+      }
+    }
+  }
+  .zhcx{
+    @include module-box;
+    margin-top: 20px;
+  }
+}
+</style>

src/views/Business/copms/bgxz.vue

 <template>
   <div class="bgxz">
-    <cate :father="bgxzCate"></cate>
+    <cate :father="bgxzCate"  @toCateFather="receiveCateChild"></cate>
     <div class="container">
       <ul class="tmgg-ul">
         <li v-for="(tmp, i) in list" :key="i" @click="handelDownload(i)">
@@ -36,6 +36,10 @@ export default {
     this.businessDownLoad();
   },
   methods: {
+    // 标题跳转
+    receiveCateChild() {
+      window.open('/statute/FormDownload', '_blank');
+    },
     // 右侧表格下载功能
     async businessDownLoad() {
       const businessDownLoadRes = await this.$api.business.businessDownLoad();

src/views/Business/copms/dffzjg.vue

 <template>
   <div class="dffzjg">
-    <cate :father="dffzjgCate"></cate>
+    <cate :father="dffzjgCate" @toCateFather="receiveCateChild"></cate>
     <div class="container">
       <div class="row dffzjg-ul">
         <div
@@ -221,6 +221,10 @@ export default {
     };
   },
   methods: {
+    // 标题跳转
+    receiveCateChild() {
+      window.open('/Org/Branch', '_blank');
+    },
     openMsg(branchCode) {
       let routeData = this.$router.resolve({
         path: '/Org/BranchMsg',

src/views/Business/copms/download-list.vue

+<template>
+  <div class="list">
+    <div v-for="(tmp, i) in list" :key="i" class="row" @click="handelClick(i)">
+      <div class="col-lg-6 list-left">
+        <span></span>
+        <span>{{tmp.title}}</span>
+      </div>
+      <div class="col-lg-2 list-right"></div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: ['list'],
+  methods: {
+    // 跳转至详情页
+    handelClick(i) {
+      this.$emit('toListFather', this.list[i]);
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.list {
+  margin: 0;
+  padding: 0;
+  .row {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px dashed #c5d8ee;
+    padding: 20px 0;
+    margin: 0;
+    font-size: 14px;
+    color: #454545;
+    cursor: pointer;
+    .list-left {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      @include ellipsis;
+      span {
+        display: inline-block;
+        &:nth-child(1) {
+          width: 4px;
+          height: 4px;
+          background: #f26335;
+          border-radius: 50%;
+          margin-right: 10px;
+        }
+        &:nth-child(2) {
+          flex: 1;
+          @include ellipsis;
+        }
+      }
+    }
+    .list-right{
+      text-align: right;
+      font-style: oblique;
+    }
+  }
+}
+</style>
\ No newline at end of file

src/views/Business/copms/list.vue

@@ -5,7 +5,7 @@
         <span></span>
         <span>{{tmp.name}}</span>
       </div>
-      <div class="col-lg-2 list-right">{{tmp.time}}</div>
+      <div class="col-lg-2 list-right">[{{tmp.code}}]</div>
     </div>
   </div>
 </template>
@@ -55,6 +55,7 @@ export default {
     }
     .list-right{
       text-align: right;
+      font-style: oblique;
     }
   }
 }

src/views/Business/copms/tmgg.vue

 <template>
   <div class="tmgg">
-    <cate :father="tmggCate"></cate>
+    <cate :father="tmggCate" @toCateFather="receiveCateChild"></cate>
     <div class="container">
       <ul class="tmgg-ul">
         <li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp)">
@@ -33,6 +33,10 @@ export default {
     this.getEanUpcTop4();
   },
   methods: {
+    // 标题跳转
+    receiveCateChild() {
+      window.open('/Business/Notice?type=zhuce', '_blank');
+    },
     // 条码公告前四条数据
     async getEanUpcTop4() {
       // console.log(params, "params");

src/views/Business/copms/zcfg.vue

 <template>
   <div class="zcfg">
-    <cate :father="zcfgCate"></cate>
+    <cate :father="zcfgCate" @toCateFather="receiveCateChild"></cate>
     <div class="container">
       <ul class="zcfg-ul">
         <li v-for="(tmp, i) in list" :key="i"  @click="openMsg(tmp.id)">
@@ -31,6 +31,10 @@ export default {
     this.businessGetTop4();
   },
   methods: {
+    // 标题跳转
+    receiveCateChild() {
+      window.open('/Knowledge/Statute', '_blank');
+    },
     // 右侧政策法规前四条数据
     async businessGetTop4() {
       const businessGetTop4Res = await this.$api.business.businessGetTop4();

src/views/comps/cate.vue

@@ -2,7 +2,7 @@
   <div class="zxcxgj-cate">
     <div class="container">
       <div class="cate-left">
-        <img :src="father.ico" v-if="father.ico" />{{ father.name }}
+        <img :src="father.ico" v-if="father.ico" /><span  @click="cateHandelClick">{{ father.name }}</span>
       </div>
       <div class="cate-right">
         <slot v-solt="right"></slot>
@@ -13,6 +13,11 @@
 <script>
 export default {
   props: ["father"],
+  methods: {
+    cateHandelClick() {
+      this.$emit('toCateFather')
+    },
+  },
 };
 </script>
 <style lang="scss">
@@ -28,6 +33,9 @@ export default {
     justify-content: space-between;
     .cate-left{
       flex: 1;
+      span{
+        cursor: pointer;
+      }
     }
   }
   img {