Skip to content

G
gs1
Commit 8f0f2410 by 林家欣
Options

修改知识中心首页常见问题链接跳转

parent d1792181
Showing with 277 additions and 248 deletions
src/views/Knowledge/index.vue
......@@ -110,17 +110,7 @@
<div class="col bzwx">
<div class="card-body" style="padding-top:31px">
<p class="card-text row">
<el-button type="primary" class="cjwtbtn col-lg-4" >全部问题</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4">业务办理</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4" >产品信息通报</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4" >编码技术</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4" >法规与标准</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4" >条码质量</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4" >条码技术应用</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4">其他</el-button>
<el-button type="primary" class="cjwtbtn col-lg-4" v-for="(tmp, i) in cjwt" :key="i" @click="cjwtHandelClick(tmp)">{{tmp.name}}</el-button>
</p>
</div>
</div>
......@@ -373,7 +363,6 @@
<script>
// import sousuoList from "../Home/comps/sousuo-list.vue";
export default {
components: {
// sousuoList,
......@@ -381,79 +370,141 @@ export default {
data() {
return {
chaxun: {
keyArr:[],
keyArr: [],
type: "all",
typeList:[],
typeList: [],
keywords: "",
},
changeColor:false,
xtsList:[],
bzwxList:[],
listResult:{
dwbm:[],
ebXML:[],
ecr:[],
epc:[],
ewtm:[],
gds:[],
gln:[],
rfid:[],
sptm:[],
zxcbm:[]
changeColor: false,
xtsList: [],
bzwxList: [],
listResult: {
dwbm: [],
ebXML: [],
ecr: [],
epc: [],
ewtm: [],
gds: [],
gln: [],
rfid: [],
sptm: [],
zxcbm: [],
},
hotListArr:[]
hotListArr: [],
cjwt: [
{
name: "全部问题",
path: "/Business/Faq",
query: {
type: "",
},
},
{
name: "业务办理",
path: "/Business/Faq",
query: {
type: "ywbl",
},
},
{
name: "产品信息通报",
path: "/Business/Faq",
query: {
type: "cpxxtb",
},
},
{
name: "编码技术",
path: "/Business/Faq",
query: {
type: "bmjs",
},
},
{
name: "法规与标准",
path: "/Business/Faq",
query: {
type: "fgybz",
},
},
{
name: "条码质量",
path: "/Business/Faq",
query: {
type: "tmzl",
},
},
{
name: "条码技术应用",
path: "/Business/Faq",
query: {
type: "tmjsyy",
},
},
{
name: "其他",
path: "/Business/Faq",
query: {
type: "other",
},
},
],
};
},
created() {
for (var i = 0; i < 26; i++) {
this.chaxun.keyArr.push(String.fromCharCode((65 + i)));
this.chaxun.keyArr.push(String.fromCharCode(65 + i));
}
this.xtsListFn()
this.ycListFn();
this.searchKnowledgeList('all','')
this.hotList()
this.searchKnowledgeInfoList()
this.xtsListFn();
this.ycListFn();
this.searchKnowledgeList("all", "");
this.hotList();
this.searchKnowledgeInfoList();
},
methods: {
goGlossary(){
goGlossary() {
this.$router.push({
path: '/Knowledge/Glossary',
path: "/Knowledge/Glossary",
});
},
goGjbm(){
this.$router.push({
path: '/Knowledge/ANCCSystem',
goGjbm() {
this.$router.push({
path: "/Knowledge/ANCCSystem",
});
},
goGs1(){
goGs1() {
this.$router.push({
path: '/Knowledge/GS1System2',
path: "/Knowledge/GS1System2",
});
},
goSjzt(){
goSjzt() {
this.$router.push({
path: '/Knowledge/GS1System/sjzttx',
path: "/Knowledge/GS1System/sjzttx",
});
},
goBmtx(){
goBmtx() {
this.$router.push({
path: '/Knowledge/GS1System/bmtx',
path: "/Knowledge/GS1System/bmtx",
});
},
goSjjh(){
goSjjh() {
this.$router.push({
path: '/Knowledge/GS1System/sjjhtx',
path: "/Knowledge/GS1System/sjjhtx",
});
},
goKnowledgeList(){
goKnowledgeList() {
this.$router.push({
path: '/Knowledge/knowledgeList',
query: {type:this.chaxun.type,title:this.chaxun.keywords}
path: "/Knowledge/knowledgeList",
query: { type: this.chaxun.type, title: this.chaxun.keywords },
});
},
// 常见问题事件
cjwtHandelClick(obj) {
let routeData = this.$router.resolve({
path: obj.path,
query: obj.query
});
window.open(routeData.href, "_blank");
},
// 小贴士
async xtsListFn() {
......@@ -461,139 +512,126 @@ export default {
page: 1,
limit: 5,
};
const listRes =
await this.$api.knowledge.tips(params);
const listRes = await this.$api.knowledge.tips(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
let dataArr=data
this. xtsList= dataArr.slice(0,5)
let dataArr = data;
this.xtsList = dataArr.slice(0, 5);
}
},
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
getInfo(id, directpath) {
if (directpath && directpath !== "" && directpath.length > 0) {
window.open(directpath, "_blank");
} else {
let link = this.$router.resolve({
path: `/Knowledge/article?id=${id}`,
});
window.open(link.href,'_blank')
window.open(link.href, "_blank");
}
},
// 标准文献列表
async ycListFn() {
const params = {
page: 1,
limit:5
limit: 5,
};
const policyListRes =
await this.$api.knowledge.xgbzList(params);
const policyListRes = await this.$api.knowledge.xgbzList(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.bzwxList = data.list
this.bzwxList = data.list;
}
},
goInfo(id,directpath){
if(directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
goInfo(id, directpath) {
if (directpath !== "" && directpath.length > 0) {
window.open(directpath, "_blank");
} else {
let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`,
});
window.open(link.href,'_blank')
window.open(link.href, "_blank");
}
},
// 知识检索列表
async searchKnowledgeList(type,title) {
async searchKnowledgeList(type, title) {
const params = {
type: type,
title:title
title: title,
};
const policyListRes =
await this.$api.knowledge.searchKnowledgeInfo(params);
const policyListRes = await this.$api.knowledge.searchKnowledgeInfo(
params
);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.listResult=data
this.listResult = data;
}
},
// 热点点击
// 热点点击
async hotList() {
const policyListRes =
await this.$api.knowledge.hotList();
const policyListRes = await this.$api.knowledge.hotList();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.hotListArr=data
this.hotListArr = data;
}
},
// 下拉
// 下拉
async searchKnowledgeInfoList() {
const policyListRes =
await this.$api.knowledge.searchKnowledgeInfoList();
const policyListRes = await this.$api.knowledge.searchKnowledgeInfoList();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.chaxun.typeList=data
this.chaxun.typeList = data;
}
},
}
},
};
</script>
<style lang="scss">
.knowledge {
.knowledge-top-form {
.knowledge-top-form {
@include elInput(50px, #414345, #414345, #fff, #cfdcea);
.el-select .el-input__inner{
.el-select .el-input__inner {
border-right: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.knowledge-container{
.knowledge-container {
height: 290px;
}
}
@media screen and(max-width: 992px) {
.knowledge-top-form{
width: 100%!important;
}
.knowledge-top-form {
width: 100% !important;
}
}
@media screen and (max-width: 1401px) {
.gsbtn{
// padding: 9px 10px!important;
.gsbtn {
// padding: 9px 10px!important;
}
}
}
}
</style>
<style lang="scss" scoped>
.knowledge {
.knowledge-top {
.keyletter{
.keyletter {
overflow: hidden;
margin-top: 15px;
span{
span {
display: inline-block;
float: left;
width: 12px;
color: #F26335;
color: #f26335;
margin-right: 4px;
cursor: pointer;
font-size: 13px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F26335;
color: #f26335;
line-height: 18px;
&:hover,&:active{
font-weight: 800!important;
}
&:hover,
&:active {
font-weight: 800 !important;
}
}
}
.knowledge-top-form {
display: flex;
......@@ -620,226 +658,216 @@ export default {
color: #999999;
margin-right: 20px;
}
&:nth-child(n+2){
&:nth-child(n + 2) {
cursor: pointer;
}
}
}
}
.knowledge-middle {
.knowledge-middle {
background: #ffffff;
padding-bottom: 40px;
.container{
.container {
}
.more-des{
&:hover,&:active{
.more-des {
&:hover,
&:active {
cursor: pointer;
}
}
.knowledge-cnt{
.knowledge-title{
.knowledge-cnt {
.knowledge-title {
margin-bottom: 20px;
font-size: 18px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #0E2C6B;
color: #0e2c6b;
line-height: 25px;
margin-top: 40px;
position: relative;
cursor: pointer;
.leftIcon{
.leftIcon {
position: absolute;
left: 30px;
bottom: -20px;
}
.rightIcon{
.rightIcon {
position: absolute;
left: 140px;
bottom: -20px;
}
.xts{
.xts {
display: inline-block;
margin-left: 50px;
}
.changeColor{
color: #F26335
.changeColor {
color: #f26335;
}
}
.knowledge-container{
.knowledge-container {
width: 100%;
border: 1px solid #C5D8EE;
padding-left: 26px;
border: 1px solid #c5d8ee;
padding-left: 26px;
min-height: 290px;
img{
width: 100%;
margin: 26px 0 0 0;
img {
width: 100%;
margin: 26px 0 0 0;
}
.bzwx {
.cjwtbtn {
width: 130px;
height: 44px;
border-radius: 4px;
margin: 15px 4%;
padding: 0;
}
.bzwx{
.cjwtbtn{
width: 130px;
height: 44px;
border-radius: 4px;
margin: 15px 4%;
padding: 0;
}
}
.gjwp .card-body{
padding-left: 16px;
padding-top: 19px;
font-size: 15px;
padding-bottom: 0px;
.card-title{
color: #F26335;
.gjwp .card-body {
padding-left: 16px;
padding-top: 19px;
font-size: 15px;
padding-bottom: 0px;
.card-title {
color: #f26335;
}
.card-text{
.card-text {
// font-family: PingFangSC-Regular, PingFang SC;
color: #F26335;
color: #f26335;
line-height: 21px;
ul{
ul {
padding: 0;
}
li{
list-style-type:disc;
li {
list-style-type: disc;
line-height: 30px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 95%;
:hover,:active{
color: #F26335;
:hover,
:active {
color: #f26335;
}
}
li::before{
content: "●";
color: #F26335;
margin-right: 10px;
li::before {
content: "●";
color: #f26335;
margin-right: 10px;
}
}
}
.gsxt {
.card-body{
// padding: 0;
padding-top: 18px;
padding-right:30px;
padding-left: 16px;
padding-bottom: 16px;
.card-text{
font-size: 15px;
// font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #414345;
line-height: 28px;
margin: 0;
span{
color: #F26335;
float: right;
font-size: 13px;
}
.gsxt {
.card-body {
// padding: 0;
padding-top: 18px;
padding-right: 30px;
padding-left: 16px;
padding-bottom: 16px;
.card-text {
font-size: 15px;
// font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #414345;
line-height: 28px;
margin: 0;
span {
color: #f26335;
float: right;
font-size: 13px;
line-height: 28px;
}
}
}
.gsb-btn-cnt{
overflow: hidden;
width: 100%;
}
.gsbtn{
.gsb-btn-cnt {
overflow: hidden;
width: 100%;
}
.gsbtn {
height: 38px;
// background: #F26335;
border-radius: 4px;
color: #FFFFFF;
color: #ffffff;
line-height: 20px;
padding: 0;
font-size: 14px;
margin-top: 17px;
// margin-left: 14px;
}
.gsbtn:first-child{
.gsbtn:first-child {
// margin-left: 0px;
}
}
}
.bzwx{
li{
.bzwx {
li {
list-style: none;
font-size: 15px;
color: #414345;
line-height: 47px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
width: 95%;
}
li:hover,li:active{
color: #F26335;
}
li::before{
content: "●";
color: #F26335;
margin-right: 10px;
}
}
li:hover,
li:active {
color: #f26335;
}
li::before {
content: "●";
color: #f26335;
margin-right: 10px;
}
}
}
}
}
}
.knowledge-bottom {
background: #F0F5FA;
background: #f0f5fa;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
padding: 20px 0 60px 0;
.knowledge-title{
margin-bottom: 20px;
font-size: 18px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #0E2C6B;
line-height: 25px;
margin-top: 40px;
position: relative;
cursor: pointer;
.knowledge-title {
margin-bottom: 20px;
font-size: 18px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #0e2c6b;
line-height: 25px;
margin-top: 40px;
position: relative;
cursor: pointer;
}
.card-body{
.card-body {
padding-left: 46px;
border: none;
border-radius: 0;
box-shadow: 0px 4px 15px 2px rgba(4, 64, 141, 0.08);
}
li{
list-style: none;
font-size: 15px;
color: #414345;
line-height: 51px;
cursor: pointer;
}
li::before{
content: "●";
color: #F26335;
margin-right: 10px;
}
li:hover,li:active{
color: #F26335;
}
li::before{
content: "●";
color: #F26335;
margin-right: 10px;
}
li {
list-style: none;
font-size: 15px;
color: #414345;
line-height: 51px;
cursor: pointer;
}
li::before {
content: "●";
color: #f26335;
margin-right: 10px;
}
li:hover,
li:active {
color: #f26335;
}
li::before {
content: "●";
color: #f26335;
margin-right: 10px;
}
}
}
</style>
\ No newline at end of file
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