Commit 1a26e386 by 林家欣

联调常见问题详情页

parent 15cb459e
......@@ -27,15 +27,21 @@ const businessGetDetailById = (params = {}) => {
return POST(`${Prefix}/office/eanupc/api/getDetailById`, params)
}
// 常见问题
// 常见问题列表
const businessGetFaqListByTypeName = (params = {}) => {
return GET(`${Prefix2}/tm/faq/third/getFaqListByTypeName`, params)
}
// 常见问题详情
const businessGetFaqById = (params = {}) => {
return GET(`${Prefix2}/tm/faq/third/getFaqById`, params)
}
export default {
businessDownLoad,
businessGetTop4,
businessGetEanUpcByCondition,
businessGetDetailById,
businessGetFaqListByTypeName,
businessGetFaqById,
}
......@@ -67,7 +67,7 @@ export function checkResponseCodeAuthUnPermitted(resCode) {
export function handleResponseSuccess(res = {}) {
return {
success: true,
returnCode: res.code || ResponseCode.success,
returnCode: res.code || ResponseCode.success[0],
returnMsg: res.msg || "请求成功",
data: res.data || res.page || res.member || null
}
......
......@@ -105,7 +105,8 @@ export default {
// TODO 去dropdown里面精确查找当前的路径
let result;
result = deepFindBreadcrumb(nav_.children, this.$route.path);
if (!result && Object.keys(this.$route.query).length > 0) {
// console.log(this.$route.path, result, 'resultresultresult');
if (result.length === 0 && Object.keys(this.$route.query).length > 0) {
const queryString = Qs.stringify(cleanObject(this.$route.query));
let path = `${this.$route.path}?${queryString}`;
result = deepFindBreadcrumb(nav_.children, path);
......
......@@ -224,6 +224,9 @@ export const nav = [
name: "条码注册公告",
index: 2,
link: "/Business/Notice?id=zhuce",
query: {
id: 'zhuce'
},
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
......@@ -235,6 +238,9 @@ export const nav = [
name: "条码注销公告",
index: 2,
link: "/Business/Notice?id=zhuxiao",
query: {
id: 'zhuxiao'
},
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
......@@ -293,7 +299,7 @@ export const nav = [
id: uuid("gs_nav"),
name: "常见问题",
index: 2,
link: "/Business/Guide8",
link: "/Business/Faq",
isHiddenMenu: true,
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
......@@ -303,6 +309,18 @@ export const nav = [
},
{
id: uuid("gs_nav"),
name: "常见问题详情",
index: 2,
link: "/Business/Faq/Msg",
isHiddenMenu: true,
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "操作指南", path: "/Business/Guide" },
{ name: "常见问题详情" },
],
},
{
id: uuid("gs_nav"),
name: "我要续展",
index: 2,
link: "/Business/Renewal",
......@@ -341,7 +359,7 @@ export const nav = [
id: uuid("gs_nav"),
name: "条码公告",
index: 2,
link: "/Business/Msg",
link: "/Business/Notice/Msg",
isHiddenMenu: true,
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
......
......@@ -279,13 +279,22 @@ const routes = [
component: () => import("@/views/Business/Code1.vue"),
},
{
path: "/Business/Guide8",
name: "Guide8",
path: "/Business/Faq",
name: "Faq",
meta: {
name: "常见问题",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/Fap.vue"),
component: () => import("@/views/Business/Faq.vue"),
},
{
path: "/Business/Faq/Msg",
name: "FaqMsg",
meta: {
name: "常见问题",
fatherPath: '/Business/Guide',
},
component: () => import("@/views/Business/FaqMsg.vue"),
},
{
path: "/Business/Corppaynew",
......@@ -320,12 +329,12 @@ const routes = [
component: () => import("@/views/Business/Notice.vue"),
},
{
path: "/Business/Msg",
name: "BusinessMsg",
path: "/Business/Notice/Msg",
name: "BusinessNoticeMsg",
meta: {
name: "业务大厅详情",
},
component: () => import("@/views/Business/Msg.vue"),
component: () => import("@/views/Business/NoticeMsg.vue"),
},
{
path: "/Business/Training",
......
......@@ -38,9 +38,10 @@
role="tabpanel"
:aria-labelledby="tmp.type + '-tab'"
>
<faqTable :list="tmp.data" />
<faqTable :list="tmp.data" @toTableFather="receiveTableFather"/>
<pages
:currPage="pageParams.currPage"
:pageSize="pageParams.pageSize"
:total="pageParams.total"
@getLimit="receivePagesChild"
/>
......@@ -73,21 +74,20 @@ export default {
pageParams: {
currPage: 1,
pageSize: 10,
pageCount: 5,
total: 0,
},
list: [
{
type: "qbwt",
name: "全部问题",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "qbwt",
data: [],
},
{
type: "ywbl",
name: "业务办理",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "ywbl",
data: [
{
......@@ -99,42 +99,42 @@ export default {
{
type: "cpxxtb",
name: "产品信息通报",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "cpxxtb",
data: [],
},
{
type: "bmjs",
name: "编码技术",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "bmjs",
data: [],
},
{
type: "fgybz",
name: "法规与标准",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "fgybz",
data: [],
},
{
type: "tmzl",
name: "条码质量",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "tmzl",
data: [],
},
{
type: "tmjsyy",
name: "条码技术应用",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "tmjsyy",
data: [],
},
{
type: "other",
name: "其他",
link: "/Business/Guide8",
link: "/Business/Faq",
active: "other",
data: [],
},
......@@ -143,20 +143,19 @@ export default {
},
computed: {
current() {
// console.log(this.$route.query.id, "$route.query.id");
let id;
if (this.$route.query.id) {
id = this.$route.query.id;
let type;
if (this.$route.query.type) {
type = this.$route.query.type;
} else {
id = "qbwt";
type = "qbwt";
}
return id;
return type;
},
},
watch: {
$route: {
handler(val) {
this.init(val.query.id);
this.init(val.query.type);
},
deep: true,
immediate: true,
......@@ -173,6 +172,17 @@ export default {
this.pageParams.currentPage = val;
this.getFaqListByTypeName();
},
// 接收列表子组件传过来的值
receiveTableFather(msg) {
console.log(msg, '接收列表子组件传过来的值');
this.$router.push({
path: '/Business/Faq/Msg',
query: {
type: this.current,
id: msg.id,
},
});
},
// 常见问题
async getFaqListByTypeName() {
const params = {
......@@ -187,7 +197,7 @@ export default {
console.log(businessGetFaqListByTypeNameRes, "常见问题");
this.pageParams.total = data.totalRows;
this.list.forEach((el) => {
if (el.active === this.$route.query.id) {
if (el.active === this.$route.query.type) {
el.data = data.rows;
}
});
......@@ -198,7 +208,7 @@ export default {
this.$router.push({
path: this.list[i].link,
query: {
id: this.list[i].active,
type: this.list[i].active,
},
});
},
......
<template>
<div class="guide">
<cate :father="lsspCate"></cate>
<div class="guide-msg container">
<p v-html="msg.content">
</p>
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
export default {
components: {
cate,
},
data() {
return {
lsspCate: {
name: "",
ico: "",
},
msg: {},
};
},
created() {
this.businessGetFaqListgetFaqById();
},
methods: {
// 常见问题详情
async businessGetFaqListgetFaqById() {
const params = {
id: this.$route.query.id,
};
const businessGetFaqByIdRes =
await this.$api.business.businessGetFaqById(params);
const { returnCode, data } = businessGetFaqByIdRes;
if (returnCode === 200) {
console.log(businessGetFaqByIdRes, "常见问题详情");
this.lsspCate.name = data.name
this.msg = data;
}
},
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 20px 0;
font-size: 14px;
.msg-title {
color: #008dbd;
margin: 15px 0;
&.actived {
color: #04408d;
}
}
.paddingBottom10 {
padding-bottom: 10px;
}
img {
max-width: 100%;
}
p {
text-indent: 25px;
font-size: 14px;
color: #454545;
font-weight: 300;
line-height: 24px
}
}
}
</style>
\ No newline at end of file
......@@ -38,7 +38,7 @@
:aria-labelledby="tmp.type + '-tab'"
>
<list :list="tmp.data" @toListFather="receiveListChild" />
<pages :currPage="pageParams.currPage" :total="pageParams.total" @getLimit="receivePagesChild"/>
<pages :currPage="pageParams.currPage" :pageSize="pageParams.pageSize" :total="pageParams.total" @getLimit="receivePagesChild"/>
</div>
</div>
</div>
......@@ -82,7 +82,6 @@ export default {
pageParams: {
currPage: 1,
pageSize: 10,
pageCount: 5,
total: 100,
},
logoutFlag: "1",
......@@ -118,8 +117,8 @@ export default {
// console.log(params, "params");
const businessGetEanUpcByConditionRes =
await this.$api.business.businessGetEanUpcByCondition(params);
const { returnCode, data } = businessGetEanUpcByConditionRes;
if (returnCode === "0") {
const { success, data } = businessGetEanUpcByConditionRes;
if (success) {
console.log(businessGetEanUpcByConditionRes, "条码注册/注销公告");
this.pageParams.total = data.totalCount;
let key;
......@@ -148,14 +147,14 @@ export default {
// 接收列表子组件传过来的值
receiveListChild(obj) {
this.$router.push({
path: "/Business/Msg",
path: "/Business/Notice/Msg",
query: {
id: this.$route.query.id,
fId: obj.fid,
code: obj.code,
},
});
const result = deepFindBreadcrumb(nav, '/Business/Msg');
const result = deepFindBreadcrumb(nav, '/Business/Notice/Msg');
this.$store.commit("system/SET_BREADCRUMB", result.breadcrumb);
},
jump(i) {
......
......@@ -96,9 +96,9 @@ export default {
};
const businessGetDetailByIdRes =
await this.$api.business.businessGetDetailById(params);
const { returnCode, data } = businessGetDetailByIdRes;
const { success, data } = businessGetDetailByIdRes;
console.log(businessGetDetailByIdRes, "businessGetDetailByIdRes");
if (returnCode === "0") {
if (success) {
this.czznCate.name = data.firmName;
data.logoutFlag = data.logoutFlag === '1' ? '已注销' : '有效';
data.logoutDate = data.logoutDate ? this.$moment(data.logoutDate).format("YYYY年MM月DD") : null;
......
......@@ -5,8 +5,8 @@
<div class="col-lg-8">标题</div>
<div class="col-lg-2">类型</div>
</div>
<div class="fqtbody" v-if="list.length > 0">
<div class="row" v-for="(tmp, i) in list" :key="i">
<div class="fqtbody">
<div class="row" v-for="(tmp, i) in list" :key="i" @click="handelClick(tmp)">
<div class="col-lg-2">{{i+1}}</div>
<div class="col-lg-8">{{tmp.name}}</div>
<div class="col-lg-2">{{ tmp.types && tmp.types.name}}</div>
......@@ -17,6 +17,11 @@
<script>
export default {
props: ['list'],
methods: {
handelClick(msg) {
this.$emit('toTableFather', msg);
},
},
}
</script>
<style lang="scss" scoped>
......@@ -43,6 +48,7 @@ export default {
}
.fqtbody{
.row{
cursor: pointer;
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #E9E9E9;
......
......@@ -9,7 +9,7 @@
<router-view class="marginTopLg20"></router-view>
</div>
</div>
<div class="marginTop20" v-if="$route.path !=='/Business/Register'">
<div class="marginTop20" v-if="$route.path !== '/Business/Register'">
<zxcxgj />
</div>
</div>
......@@ -42,7 +42,9 @@ export default {
name: "操作指南",
path: "/Business/Guide",
active: "",
query: {
id: "1-1",
},
children: [
{
name: "我要申请商品条码",
......@@ -54,59 +56,74 @@ export default {
name: "1.企业申请商品条码资格",
path: "/Business/Guide1",
active: "",
query: {
id: "1-1",
},
noneChild: true,
},
{
name: "2.条码注册方式",
path: "/Business/Guide1",
active: "",
query: {
id: "1-2",
},
noneChild: true,
},
{
name: "3.提交材料",
path: "/Business/Guide1",
active: "",
query: {
id: "1-3",
},
noneChild: true,
},
{
name: "4.线上注册流程",
path: "/Business/Guide1",
active: "",
query: {
id: "1-4",
},
noneChild: true,
},
{
name: "5.收费标准",
path: "/Business/Guide1",
active: "",
query: {
id: "1-5",
},
noneChild: true,
},
{
name: "6.审批时效",
path: "/Business/Guide1",
active: "",
query: {
id: "1-6",
},
noneChild: true,
},
{
name: "7.注册成功发放材料",
path: "/Business/Guide1",
active: "",
query: {
id: "1-7",
},
noneChild: true,
},
{
name: "8.厂商识别代码使用期限",
path: "/Business/Guide1",
active: "",
query: {
id: "1-8",
},
noneChild: true,
},
],
},
{
......@@ -118,35 +135,45 @@ export default {
name: "1.设计、制作合格的条码的注意事项",
path: "/Business/Guide2",
active: "",
query: {
id: "2-1",
},
noneChild: true,
},
{
name: "2.编制零售商品代码应遵循原则",
path: "/Business/Guide2",
active: "",
query: {
id: "2-2",
},
noneChild: true,
},
{
name: "3.零售商品代码编制方法",
path: "/Business/Guide2",
active: "",
query: {
id: "2-3",
},
noneChild: true,
},
{
name: "4.条码胶片制作方法",
path: "/Business/Guide2",
active: "",
query: {
id: "2-4",
},
noneChild: true,
},
{
name: "5.条码胶片制作费用",
path: "/Business/Guide2",
active: "",
query: {
id: "2-5",
},
noneChild: true,
},
],
......@@ -160,14 +187,18 @@ export default {
name: "1.通报商品信息方法及提交内容",
path: "/Business/Guide3",
active: "",
query: {
id: "3-1",
},
noneChild: true,
},
{
name: "2.条码卡问题",
path: "/Business/Guide3",
active: "",
query: {
id: "3-2",
},
noneChild: true,
},
],
......@@ -181,35 +212,45 @@ export default {
name: "1.微信共享",
path: "/Business/Guide4",
active: "",
query: {
id: "4-1",
},
noneChild: true,
},
{
name: "2.微信共享开通方法",
path: "/Business/Guide4",
active: "",
query: {
id: "4-2",
},
noneChild: true,
},
{
name: "3.同步至微信信息",
path: "/Business/Guide4",
active: "",
query: {
id: "4-3",
},
noneChild: true,
},
{
name: "4.产品信息即时同步至微信方法",
path: "/Business/Guide4",
active: "",
query: {
id: "4-4",
},
noneChild: true,
},
{
name: "5.同步至微信图片要求",
path: "/Business/Guide4",
active: "",
query: {
id: "4-5",
},
noneChild: true,
},
],
......@@ -223,14 +264,18 @@ export default {
name: "1.线上培训",
path: "/Business/Guide5",
active: "",
query: {
id: "5-1",
},
noneChild: true,
},
{
name: "2.线下培训",
path: "/Business/Guide5",
active: "",
query: {
id: "5-2",
},
noneChild: true,
},
],
......@@ -244,28 +289,36 @@ export default {
name: "1.续展办理方式",
path: "/Business/Guide6",
active: "",
query: {
id: "6-1",
},
noneChild: true,
},
{
name: "2.收费标准",
path: "/Business/Guide6",
active: "",
query: {
id: "6-2",
},
noneChild: true,
},
{
name: "3.审批时效",
path: "/Business/Guide6",
active: "",
query: {
id: "6-3",
},
noneChild: true,
},
{
name: "4.续展通过后发放材料",
path: "/Business/Guide6",
active: "",
query: {
id: "6-4",
},
noneChild: true,
},
],
......@@ -279,21 +332,27 @@ export default {
name: "1.线上咨询",
path: "/Business/Guide7",
active: "",
query: {
id: "7-1",
},
noneChild: true,
},
{
name: "2.全国咨询电话",
path: "/Business/Guide7",
active: "",
query: {
id: "7-2",
},
noneChild: true,
},
{
name: "3.电子邮箱",
path: "/Business/Guide7",
active: "",
query: {
id: "7-3",
},
noneChild: true,
},
],
......@@ -305,51 +364,65 @@ export default {
children: [
{
name: "1.业务办理",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "ywbl",
query: {
type: "ywbl",
},
noneChild: true,
},
{
name: "2.产品信息通报",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "cpxxtb",
query: {
type: "cpxxtb",
},
noneChild: true,
},
{
name: "3.编码技术",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "bmjs",
query: {
type: "bmjs",
},
noneChild: true,
},
{
name: "4.法规与标准",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "fgybz",
query: {
type: "fgybz",
},
noneChild: true,
},
{
name: "5.条码质量",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "tmzl",
query: {
type: "tmzl",
},
noneChild: true,
},
{
name: "6.条码技术应用",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "tmjsyy",
query: {
type: "tmjsyy",
},
noneChild: true,
},
{
name: "7.其他",
path: "/Business/Guide8",
path: "/Business/Faq",
active: "",
id: "other",
query: {
type: "other",
},
noneChild: true,
},
],
......@@ -375,21 +448,27 @@ export default {
name: "一次性加入费",
path: "/Business/Corppay",
active: "",
query: {
id: "1",
},
noneChild: true,
},
{
name: "胶片制作费",
path: "/Business/Corppay",
active: "",
query: {
id: "2",
},
noneChild: true,
},
{
name: "系统维护",
path: "/Business/Corppay",
active: "",
query: {
id: "3",
},
noneChild: true,
},
{
......@@ -409,7 +488,9 @@ export default {
name: "服务项目与服务内容",
path: "/Business/Corppay",
active: "",
query: {
id: "4",
},
noneChild: true,
},
],
......@@ -420,14 +501,18 @@ export default {
name: "条码注册公告",
path: "/Business/Notice?id=zhuce",
active: "",
query: {
id: "zhuce",
},
},
{
name: "条码注销公告",
path: "/Business/Notice?id=zhuxiao",
active: "",
query: {
id: "zhuxiao",
},
},
],
},
{
......@@ -448,9 +533,11 @@ export default {
{
name: "我要编码",
path: "/Business/Code",
redirectUrl: '/Business/Code1',
redirectUrl: "/Business/Code1",
active: "",
query: {
id: "",
},
children: [
{
name: "零售商品",
......@@ -461,28 +548,36 @@ export default {
name: "为不同的商品项目编制不同的商品标识代码",
path: "/Business/Code1",
active: "",
query: {
id: "1-1",
},
noneChild: true,
},
{
name: "选择相应的条码符号",
path: "/Business/Code1",
active: "",
query: {
id: "1-2",
},
noneChild: true,
},
{
name: "条码符号的设计",
path: "/Business/Code1",
active: "",
query: {
id: "1-3",
},
noneChild: true,
},
{
name: "条码符号的印制",
path: "/Business/Code1",
active: "",
query: {
id: "1-4",
},
noneChild: true,
},
],
......@@ -496,21 +591,27 @@ export default {
name: "非零售商品的标识代码",
path: "/Business/Code2",
active: "",
query: {
id: "2-1",
},
noneChild: true,
},
{
name: "非零售商品的条码标识",
path: "/Business/Code2",
active: "",
query: {
id: "2-2",
},
noneChild: true,
},
{
name: "应用标识符的使用",
path: "/Business/Code2",
active: "",
query: {
id: "2-3",
},
noneChild: true,
},
],
......@@ -524,14 +625,18 @@ export default {
name: "物流单元的标识代码",
path: "/Business/Code3",
active: "",
query: {
id: "3-1",
},
noneChild: true,
},
{
name: "物流标签",
path: "/Business/Code3",
active: "",
query: {
id: "3-2",
},
noneChild: true,
},
],
......@@ -541,11 +646,13 @@ export default {
{
name: "我要通报编码信息",
path: "",
type: 'redirect',
redirectUrl: '/Business/Guide3',
type: "redirect",
redirectUrl: "/Business/Guide3",
active: "",
query: {
id: "3-1",
},
},
{
name: "我要生成商品二维码",
path: "/Business/2dcode",
......@@ -564,7 +671,7 @@ export default {
{
name: "条码商桥",
path: "http://so.anccnet.com/Home/Login",
type: 'link',
type: "link",
active: "",
},
],
......@@ -584,7 +691,6 @@ export default {
path: "/Business/ypzs",
active: "ypzs",
},
],
},
{
......@@ -616,7 +722,7 @@ export default {
name: "办理自行车企业代码",
path: "http://bikecode.gs1cn.org/",
active: "",
type: 'link',
type: "link",
},
{
name: "办理动物管理者代码",
......
......@@ -87,8 +87,8 @@ export default {
};
const orgGetBranchDetailRes =
await this.$api.org.orgGetBranchDetail(params);
const { returnCode, data } = orgGetBranchDetailRes;
if (returnCode === "0") {
const { success, data } = orgGetBranchDetailRes;
if (success) {
console.log(orgGetBranchDetailRes, "获取编码机构详情");
this.msg = data;
}
......
......@@ -20,7 +20,7 @@
:class="{
active:
tmpB.active === currentName ||
(tmpB.id && tmpB.id === $route.query.id),
hasRouteQuery($route.query, tmpB.query),
}"
v-for="(tmpB, ii) in tmpA.children"
:key="ii"
......@@ -71,11 +71,23 @@ export default {
},
},
created() {
console.log(this.list, "获取当前路由地址");
let result = deepFindBreadcrumb(nav, '');
console.log(result, 'resultresultresult2');
console.log(this.$route.query, "获取当前路由地址");
let result = deepFindBreadcrumb(nav, "");
console.log(result, "resultresultresult2");
},
methods: {
// 当前路由是否包含左侧菜单
hasRouteQuery(routeQuery, query) {
let isHas = false;
if (query) {
Object.keys(routeQuery).forEach((k) => {
if (query.hasOwnProperty(k) && routeQuery[k] === query[k]) {
isHas = true;
}
});
}
return isHas;
},
// 路由跳转
jump(el) {
console.log(el, "el");
......@@ -91,7 +103,7 @@ export default {
}
this.$store.commit("system/SET_BREADCRUMB", result.breadcrumb);
}
if (el.id) {
if (el.query) {
let path;
if (type === "redirect") {
path = el.redirectUrl;
......@@ -101,9 +113,7 @@ export default {
console.log(path, "path");
this.$router.push({
path: path,
query: {
id: el.id,
},
query: el.query,
});
} else {
this.$router.push({
......
......@@ -22,7 +22,6 @@
:current-page="currPage"
layout="prev, pager, next"
:total="total"
@size-change="changeSize"
@current-change="goPage"
background
>
......@@ -66,7 +65,7 @@ export default {
mounted(){
},
methods:{
changeSize(i){
changeSize(){
this.$emit('getLimit',this.currPage)
},
goPage(i){
......
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