Skip to content

G
gs1
Commit 8cd50dcd by 林家欣
Options

新增表格下载列表页70%

parent 21241df0
Showing with 300 additions and 7 deletions
dist.zip 0 → 100644
File added
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 0 → 100644
<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 0 → 100644
<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 {
......
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