Commit 8cd50dcd by 林家欣

新增表格下载列表页70%

parent 21241df0
File added
...@@ -84,7 +84,6 @@ export default { ...@@ -84,7 +84,6 @@ export default {
fromNav: false, fromNav: false,
// 点击事件来自dropdown // 点击事件来自dropdown
fromDropdown: false, fromDropdown: false,
navList: nav,
currentNav: "0", currentNav: "0",
preActive: "", preActive: "",
}; };
...@@ -98,6 +97,18 @@ export default { ...@@ -98,6 +97,18 @@ export default {
immediate: true, immediate: true,
} }
}, },
computed: {
navList() {
let list = [];
nav.forEach(el => {
if (!el.isHiddenMenu) {
list.push(el);
}
})
return list;
// return nav;
}
},
mounted() { mounted() {
window.addEventListener("click", this.handleWindowClick); window.addEventListener("click", this.handleWindowClick);
}, },
......
...@@ -988,4 +988,12 @@ export const nav = [ ...@@ -988,4 +988,12 @@ export const nav = [
link: "/Member", link: "/Member",
children: [], children: [],
}, },
{
id: "9",
name: "表格下载",
index: 2,
link: "/statute/FormDownload",
isHiddenMenu: true,
breadcrumb: [{ name: "业务办理", path: "/Business" }, { name: "表格下载" }],
}
]; ];
...@@ -451,6 +451,14 @@ const routes = [{ ...@@ -451,6 +451,14 @@ const routes = [{
], ],
}, },
{ {
path: "/statute/FormDownload",
name: "FormDownload",
meta: {
name: "表格下载",
},
component: () => import("@/views/Business/FormDownload"),
},
{
path: "/BarCode", path: "/BarCode",
name: "BarCode", name: "BarCode",
meta: { meta: {
......
<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>
<template> <template>
<div class="bgxz"> <div class="bgxz">
<cate :father="bgxzCate"></cate> <cate :father="bgxzCate" @toCateFather="receiveCateChild"></cate>
<div class="container"> <div class="container">
<ul class="tmgg-ul"> <ul class="tmgg-ul">
<li v-for="(tmp, i) in list" :key="i" @click="handelDownload(i)"> <li v-for="(tmp, i) in list" :key="i" @click="handelDownload(i)">
...@@ -36,6 +36,10 @@ export default { ...@@ -36,6 +36,10 @@ export default {
this.businessDownLoad(); this.businessDownLoad();
}, },
methods: { methods: {
// 标题跳转
receiveCateChild() {
window.open('/statute/FormDownload', '_blank');
},
// 右侧表格下载功能 // 右侧表格下载功能
async businessDownLoad() { async businessDownLoad() {
const businessDownLoadRes = await this.$api.business.businessDownLoad(); const businessDownLoadRes = await this.$api.business.businessDownLoad();
......
<template> <template>
<div class="dffzjg"> <div class="dffzjg">
<cate :father="dffzjgCate"></cate> <cate :father="dffzjgCate" @toCateFather="receiveCateChild"></cate>
<div class="container"> <div class="container">
<div class="row dffzjg-ul"> <div class="row dffzjg-ul">
<div <div
...@@ -221,6 +221,10 @@ export default { ...@@ -221,6 +221,10 @@ export default {
}; };
}, },
methods: { methods: {
// 标题跳转
receiveCateChild() {
window.open('/Org/Branch', '_blank');
},
openMsg(branchCode) { openMsg(branchCode) {
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
path: '/Org/BranchMsg', path: '/Org/BranchMsg',
......
<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
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<span></span> <span></span>
<span>{{tmp.name}}</span> <span>{{tmp.name}}</span>
</div> </div>
<div class="col-lg-2 list-right">{{tmp.time}}</div> <div class="col-lg-2 list-right">[{{tmp.code}}]</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -55,6 +55,7 @@ export default { ...@@ -55,6 +55,7 @@ export default {
} }
.list-right{ .list-right{
text-align: right; text-align: right;
font-style: oblique;
} }
} }
} }
......
<template> <template>
<div class="tmgg"> <div class="tmgg">
<cate :father="tmggCate"></cate> <cate :father="tmggCate" @toCateFather="receiveCateChild"></cate>
<div class="container"> <div class="container">
<ul class="tmgg-ul"> <ul class="tmgg-ul">
<li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp)"> <li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp)">
...@@ -33,6 +33,10 @@ export default { ...@@ -33,6 +33,10 @@ export default {
this.getEanUpcTop4(); this.getEanUpcTop4();
}, },
methods: { methods: {
// 标题跳转
receiveCateChild() {
window.open('/Business/Notice?type=zhuce', '_blank');
},
// 条码公告前四条数据 // 条码公告前四条数据
async getEanUpcTop4() { async getEanUpcTop4() {
// console.log(params, "params"); // console.log(params, "params");
......
<template> <template>
<div class="zcfg"> <div class="zcfg">
<cate :father="zcfgCate"></cate> <cate :father="zcfgCate" @toCateFather="receiveCateChild"></cate>
<div class="container"> <div class="container">
<ul class="zcfg-ul"> <ul class="zcfg-ul">
<li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp.id)"> <li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp.id)">
...@@ -31,6 +31,10 @@ export default { ...@@ -31,6 +31,10 @@ export default {
this.businessGetTop4(); this.businessGetTop4();
}, },
methods: { methods: {
// 标题跳转
receiveCateChild() {
window.open('/Knowledge/Statute', '_blank');
},
// 右侧政策法规前四条数据 // 右侧政策法规前四条数据
async businessGetTop4() { async businessGetTop4() {
const businessGetTop4Res = await this.$api.business.businessGetTop4(); const businessGetTop4Res = await this.$api.business.businessGetTop4();
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="zxcxgj-cate"> <div class="zxcxgj-cate">
<div class="container"> <div class="container">
<div class="cate-left"> <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>
<div class="cate-right"> <div class="cate-right">
<slot v-solt="right"></slot> <slot v-solt="right"></slot>
...@@ -13,6 +13,11 @@ ...@@ -13,6 +13,11 @@
<script> <script>
export default { export default {
props: ["father"], props: ["father"],
methods: {
cateHandelClick() {
this.$emit('toCateFather')
},
},
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
...@@ -28,6 +33,9 @@ export default { ...@@ -28,6 +33,9 @@ export default {
justify-content: space-between; justify-content: space-between;
.cate-left{ .cate-left{
flex: 1; flex: 1;
span{
cursor: pointer;
}
} }
} }
img { img {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment