Skip to content

G
gs1
Commit 03f04c31 by 林家欣
Options

联调业务大厅右侧条码公告、地方分支机构跳转、政策法规跳转

parent 755af626
Showing with 386 additions and 99 deletions
src/axios/module/business.js
......@@ -17,6 +17,12 @@ const businessGetTop4 = (params = {}) => {
return POST(`${Prefix}/office/policy/api/getTop4`, params)
}
// 右侧条码公告前四条数据
const businessGetEanUpcTop4 = (params = {}) => {
return POST(`${Prefix}/office/eanupc/api/getEanUpcTop4`, params)
}
// 条码注册/注销公告
const businessGetEanUpcByCondition = (params = {}) => {
return POST(`${Prefix}/office/eanupc/api/getEanUpcByCondition`, params)
......@@ -45,6 +51,7 @@ const businessGetFaqById = (params = {}) => {
export default {
businessDownLoad,
businessGetTop4,
businessGetEanUpcTop4,
businessGetEanUpcByCondition,
businessGetDetailById,
businessGetPlanBranchList,
......
src/components/layout/footer.vue
......@@ -2,11 +2,11 @@
<div class="foot">
<div class="container">
<div class="link">
<div>国家市场监督管理总局</div>
<div>国家标准化管理委员会</div>
<div>地方编码分支机构</div>
<div>国际物品编码组织(GS1)</div>
<div>国际物品编码组织(GS1)成员网站</div>
<div><a href="https://www.samr.gov.cn/">国家市场监督管理总局</a></div>
<div><a href="http://www.sac.gov.cn/">国家标准化管理委员会</a></div>
<div><a href="/Org/Branch">地方编码分支机构</a></div>
<div><a href="https://www.gs1.org/">国际物品编码组织(GS1)</a></div>
<div><a href="/Org/GS1Members">国际物品编码组织(GS1)成员网站</a></div>
</div>
<div class="foot-line"></div>
<div class="row foot-bottom">
......@@ -16,7 +16,14 @@
<div>咨询电话：400-7000-690</div>
</div>
<div class="beian">
<div>京ICP备11036137号-10</div><span>|</span><div><img src="../../assets/image/foot/beian.png" alt="" />京公网安备11010102001434号</div>
<div>京ICP备11036137号-10</div>
<span>|</span>
<div>
<img
src="../../assets/image/foot/beian.png"
alt=""
/>京公网安备11010102001434号
</div>
</div>
<div class="address">
地址：北京市东城区安定门外大街138号皇城国际大厦座3-6层<span>|</span>邮编：100011
......@@ -57,26 +64,26 @@ export default {
<style lang="scss">
@media screen and (max-width: 992px) {
.foot{
.link{
div{
.foot {
.link {
div {
width: 100%;
text-align: center;
}
}
.foot-bottom{
div{
.foot-bottom {
div {
font-size: 12px !important;
}
}
.copright{
div{
.copright {
div {
width: 100%;
text-align: center;
}
}
.beian{
span{
.beian {
span {
padding: 0 8px !important;
}
}
......@@ -106,8 +113,11 @@ export default {
padding: 22px 0;
div {
line-height: 30px;
color: #0e2c6b;
font-size: 14px;
a {
color: #0e2c6b;
font-size: 14px;
}
// font-family: PingFangSC-Regular, PingFang SC;
}
}
......@@ -117,7 +127,6 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
}
.copright {
display: flex;
......@@ -130,11 +139,11 @@ export default {
}
}
}
.beian{
.beian {
display: flex;
justify-content: center;
align-items: center;
span{
span {
padding: 0 20px;
}
}
......
src/components/layout/header/mock.js
......@@ -386,7 +386,7 @@ export const nav = [
link: "/Business/Guide5",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "操作指南", path: "/Business/Guide" },
{ name: "我是系统成员", path: "/Business/Register" },
{ name: "我要培训——现场培训/线上培训" },
],
},
......@@ -394,10 +394,10 @@ export const nav = [
id: uuid("gs_nav"),
name: "我要续展",
index: 2,
link: "/Business/Guide6",
link: "/Business/Renewal",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "操作指南", path: "/Business/Guide" },
{ name: "我是系统成员", path: "/Business/Register" },
{ name: "我要续展" },
],
},
......@@ -412,7 +412,7 @@ export const nav = [
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Business/Register" },
// { name: "我要编码", path: "/Business/Code1?id=1-1" },
{ name: "我要编码", path: "/Business/Code1?id=1-1" },
{ name: "零售商品" },
],
},
......@@ -488,7 +488,7 @@ export const nav = [
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Business/Register" },
// { name: "我要编码", path: "/Business/Code1?id=1-1" },
{ name: "我要编码", path: "/Business/Code1?id=1-1" },
{ name: "非零售商品" },
],
},
......@@ -501,7 +501,7 @@ export const nav = [
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Business/Register" },
// { name: "我要编码", path: "/Business/Code1?id=1-1" },
{ name: "我要编码", path: "/Business/Code1?id=1-1" },
{ name: "物流单元" },
],
},
......
src/views/Business/GLN.vue
......@@ -112,9 +112,10 @@ export default {
},
methods: {
ckxqJump() {
this.$router.push({
path: '/Knowledge/xts'
})
window.open('/Knowledge/xts', '_blank');
// this.$router.push({
// path: '/Knowledge/xts'
// })
}
},
};
......
src/views/Business/NoticeMsg.vue
......@@ -51,7 +51,8 @@
>{{msg.logoutFlag}}</span>
</td>
</tr>
<!-- <tr v-if="this.$route.query.id === 'zhuxiao'">
<!-- <tr v-if="this.$route.query.type === 'zhuxiao'">
<th>注销时间：</th>
<td>
<span
......@@ -127,11 +128,11 @@ export default {
vertical-align: top;
border-top: 1px solid #dddddd;
}
&:nth-child(odd) {
td {
border-bottom: 0;
}
}
// &:nth-child(odd) {
// td {
// border-bottom: 0;
// }
// }
}
}
}
......
src/views/Business/copms/dffzjg.vue
......@@ -3,7 +3,14 @@
<cate :father="dffzjgCate"></cate>
<div class="container">
<div class="row dffzjg-ul">
<div class="col-auto" v-for="(tmp, i) in 20" :key="i">北京{{i}}</div>
<div
class="col-auto"
v-for="(tmp, i) in list"
:key="i"
@click="openMsg(tmp.branchCode)"
>
{{ tmp.name }}
</div>
</div>
</div>
</div>
......@@ -21,17 +28,225 @@ export default {
name: "地方分支机构",
ico: require("../../../assets/image/business/icon_jigou.png"),
},
list: [
{
name: "北京",
branchCode: "1105",
},
{
name: "天津",
branchCode: "1201",
},
{
name: "河北",
branchCode: "1301",
},
{
name: "山西",
branchCode: "1405",
},
{
name: "内蒙古",
branchCode: "1505",
},
{
name: "辽宁",
branchCode: "2101",
},
{
name: "沈阳",
branchCode: "2105",
},
{
name: "大连",
branchCode: "2106",
},
{
name: "吉林",
branchCode: "2201",
},
{
name: "长春",
branchCode: "2205",
},
{
name: "黑龙江",
branchCode: "2301",
},
{
name: "哈尔滨",
branchCode: "",
},
{
name: "上海",
branchCode: "3101",
},
{
name: "江苏",
branchCode: "3201",
},
{
name: "南京办事处",
branchCode: "3205",
},
{
name: "浙江",
branchCode: "3301",
},
{
name: "杭州",
branchCode: "3302",
},
{
name: "宁波",
branchCode: "3302",
},
{
name: "安徽",
branchCode: "3405",
},
{
name: "福建",
branchCode: "3501",
},
{
name: "厦门办事处",
branchCode: "3505",
},
{
name: "江西",
branchCode: "3605",
},
{
name: "山东",
branchCode: "3701",
},
{
name: "青岛办事处",
branchCode: "3705",
},
{
name: "烟台办事处",
branchCode: "3706",
},
{
name: "河南",
branchCode: "4101",
},
{
name: "湖北",
branchCode: "4201",
},
{
name: "武汉",
branchCode: "4202",
},
{
name: "湖南",
branchCode: "4305",
},
{
name: "广东",
branchCode: "4401",
},
{
name: "深圳",
branchCode: "4402",
},
{
name: "广州",
branchCode: "4404",
},
{
name: "珠海",
branchCode: "4405",
},
{
name: "广西",
branchCode: "4505",
},
{
name: "海南",
branchCode: "4605",
},
{
name: "四川",
branchCode: "5101",
},
{
name: "成都办事处",
branchCode: "5105",
},
{
name: "重庆",
branchCode: "5106",
},
{
name: "贵州",
branchCode: "5205",
},
{
name: "云南",
branchCode: "5305",
},
{
name: "西藏",
branchCode: "5405",
},
{
name: "陕西",
branchCode: "6106",
},
{
name: "西安",
branchCode: "6107",
},
{
name: "甘肃",
branchCode: "6201",
},
{
name: "青海",
branchCode: "6305",
},
{
name: "宁夏",
branchCode: "6405",
},
{
name: "新疆",
branchCode: "6501",
},
],
};
},
methods: {
openMsg(branchCode) {
let routeData = this.$router.resolve({
path: '/Org/BranchMsg',
query: {
branchCode,
},
});
window.open(routeData.href, "_blank");
// this.$router.push({
// path: "/Org/BranchMsg",
// query: {
// branchCode,
// },
// });
},
},
};
</script>
<style lang="scss">
.dffzjg {
@include module-box;
.dffzjg-ul {
padding: 10px 0;
div{
margin: 5px 0;
padding: 10px 0;
div {
margin: 5px 0;
cursor: pointer;
}
}
}
......
src/views/Business/copms/tmgg.vue
......@@ -2,12 +2,12 @@
<div class="tmgg">
<cate :father="tmggCate"></cate>
<div class="container">
<ul class="tmgg-ul">
<li v-for="(tmp, i) in list" :key="i">
<span>【{{tmp.name}}】</span>
<span>{{tmp.content}}</span>
</li>
</ul>
<ul class="tmgg-ul">
<li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp)">
<span>【{{ tmp.logoutFlag === '0' ? '注销' : '注册' }}】</span>
<span>{{ tmp.firmName }}</span>
</li>
</ul>
</div>
</div>
</template>
......@@ -25,52 +25,68 @@ export default {
ico: require("../../../assets/image/business/icon_gonggao.png"),
},
list: [
{
type: 'zhuce',
name: '注册',
content: '武隆区陈氏面条加工坊'
},
{
type: 'zhuce',
name: '注册',
content: '重庆功存科技有限公司'
},
{
type: 'zhuxiao',
name: '注销',
content: '杭州瀚扬科技有限公司'
},
{
type: 'zhuxiao',
name: '注销',
content: '贵州国伟自由行智能科技有限公司'
}
]
],
};
},
created() {
this.getEanUpcTop4();
},
methods: {
// 条码公告前四条数据
async getEanUpcTop4() {
// console.log(params, "params");
const businessGetEanUpcTop4Res =
await this.$api.business.businessGetEanUpcTop4();
const { success, data } = businessGetEanUpcTop4Res;
if (success) {
console.log(businessGetEanUpcTop4Res, "条码公告前四条数据");
this.list = data;
}
},
openMsg(tmp) {
console.log(tmp, 'openMsg');
let type;
if (tmp.logoutFlag === "0") {
type = "zhuxiao";
} else {
type = "zhuce";
}
let routeData = this.$router.resolve({
path: "/Business/Notice/Msg",
query: {
type,
fId: tmp.fid,
code: tmp.code,
},
});
window.open(routeData.href, "_blank");
},
},
};
</script>
<style lang="scss">
.tmgg {
@include module-box;
.tmgg-ul{
.tmgg-ul {
padding: 10px 0;
margin: 0;
li {
font-size: 14px;
display: flex;
align-items: center;
padding: 10px 0;
margin: 0;
li{
font-size: 14px;
display: flex;
align-items: center;
padding: 10px 0;
span{
&:nth-child(1){
color: rgba(0, 121, 158, 1);
}
&:nth-child(2){
flex: 1;
@include ellipsis;
}
}
cursor: pointer;
span {
&:nth-child(1) {
color: rgba(0, 121, 158, 1);
}
&:nth-child(2) {
flex: 1;
@include ellipsis;
}
}
}
}
}
</style>
src/views/Business/copms/zcfg.vue
......@@ -3,7 +3,7 @@
<cate :father="zcfgCate"></cate>
<div class="container">
<ul class="zcfg-ul">
<li v-for="(tmp, i) in list" :key="i">
<li v-for="(tmp, i) in list" :key="i" @click="openMsg(tmp.id)">
<span>{{tmp.title}}</span>
</li>
</ul>
......@@ -40,6 +40,15 @@ export default {
}
console.log(businessGetTop4Res, "右侧政策法规前四条数据");
},
openMsg(id) {
let routeData = this.$router.resolve({
path: '/Knowledge/Statuteinfo',
query: {
id,
},
});
window.open(routeData.href, "_blank");
},
},
};
</script>
......@@ -54,6 +63,7 @@ export default {
display: flex;
align-items: center;
padding: 10px 0;
cursor: pointer;
span {
&:nth-child(1) {
flex: 1;
......
src/views/Home/index.vue
......@@ -58,7 +58,9 @@
v-for="el in newsBanner"
:key="el.id"
>
<img :src="el.picFile" alt="..." class="newsBanner-tp" />
<a :href="el.jumppath" target="_blank"
><img :src="el.picFile" alt="..." class="newsBanner-tp"
/></a>
</div>
</VueSlickCarousel>
<VueSlickCarousel
......@@ -74,7 +76,7 @@
:key="el.id"
>
<div class="newsBanner-title" :title="el.title">
{{ el.title }}
<a :href="el.jumppath" target="_blank">{{ el.title }}</a>
</div>
</div>
<template #prevArrow>
......@@ -208,9 +210,7 @@
</div>
</div>
<div class="row ywdt-kj kjywblzq-row">
<div
class="kjywblzq-col"
>
<div class="kjywblzq-col">
<div class="ywdt-bt">跨境业务办理（GLN/LEI/其他）</div>
</div>
</div>
......@@ -716,7 +716,7 @@ export default {
{
ico: require("../../assets/image/home/kjywblzq-ico1.png"),
name: "LEI业务办理",
url: '/Business/GLN',
url: "/Business/GLN",
},
{
ico: require("../../assets/image/home/kjywblzq-ico2.png"),
......@@ -1127,41 +1127,62 @@ export default {
},
// 我要申请商品条码
wysqsptmHandelClick() {
this.$router.push({
path: "/Business/Register",
});
window.open("/Business/Register", "_blank");
// this.$router.push({
// path: "/Business/Register",
// });
},
// 我还不是系统成员点击事件
whbsxtcyHandelClick(i) {
console.log(i, "我还不是系统成员点击事件");
this.$router.push({
let routeData = this.$router.resolve({
path: this.whbsxtcy[i].url,
query: this.whbsxtcy[i].query,
});
window.open(routeData.href, "_blank");
// this.$router.push({
// path: this.whbsxtcy[i].url,
// query: this.whbsxtcy[i].query,
// });
},
// 我是系统成员点击事件
wsxtcyHandelClick(i) {
console.log(i, "我是系统成员点击事件");
this.$router.push({
let routeData = this.$router.resolve({
path: this.wsxtcy[i].url,
query: this.wsxtcy[i].query,
});
window.open(routeData.href, "_blank");
// this.$router.push({
// path: this.wsxtcy[i].url,
// query: this.wsxtcy[i].query,
// });
},
// 我是医疗企业点击事件
wsylqyHandelClick(i) {
console.log(i, "我是医疗企业点击事件");
this.$router.push({
let routeData = this.$router.resolve({
path: this.wsylqy[i].url,
query: this.wsylqy[i].query,
});
window.open(routeData.href, "_blank");
// this.$router.push({
// path: this.wsylqy[i].url,
// query: this.wsylqy[i].query,
// });
},
// 跨境业务办理专区
kjywblzqHandelClick(i) {
console.log(i, "跨境业务办理专区");
this.$router.push({
let routeData = this.$router.resolve({
path: this.kjywblzq[i].url,
query: this.kjywblzq[i].query,
});
window.open(routeData.href, "_blank");
// this.$router.push({
// path: this.kjywblzq[i].url,
// query: this.kjywblzq[i].query,
// });
},
dzfwHandelChange(i) {
this.dzfw[i].isChecked = !this.dzfw[i].isChecked;
......@@ -1193,9 +1214,13 @@ export default {
if (this.dzfw[i].type === "link") {
window.open(this.dzfw[i].url, "_blank");
} else {
this.$router.push({
let routeData = this.$router.resolve({
path: this.dzfw[i].url,
});
window.open(routeData.href, "_blank");
// this.$router.push({
// path: this.dzfw[i].url,
// });
}
},
// 打开更多定制
......@@ -1783,8 +1808,11 @@ export default {
width: 100%;
text-align: center;
line-height: 50px;
color: rgba(255, 255, 255, 1);
@include ellipsis;
a {
color: rgba(255, 255, 255, 1);
}
}
}
}
......@@ -1936,7 +1964,7 @@ export default {
align-items: center;
justify-content: center;
}
.kjywblzq-col{
.kjywblzq-col {
display: flex;
align-items: center;
justify-content: center;
......
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