Skip to content

G
gs1
Commit 5381f1c9 by Jianli Ou
Options

Merge branch 'master' of https://gitee.com/gs1-office-web-sit/gs1

parents 5019b542 94fd4d25
Showing with 1591 additions and 554 deletions
src/axios/module/knowledge.js
......@@ -33,6 +33,28 @@ const glossaryList = (params = {}) => {
return POST(`${Prefix}/office/news/api/glossaryList`, params)
}
// 知识检索查询
const searchKnowledgeInfo = (params = {}) => {
return POST(`${Prefix}/office/news/api/searchKnowledgeInfo`, params)
}
// 知识检索下拉
const searchKnowledgeInfoList = (params = {}) => {
return POST(`${Prefix}/office/news/api/searchKnowledgeInfoList`, params)
}
// 知识检索详情
const knowledgeinfo = (params = {}) => {
return GET(`${Prefix}/office/news/api/knowledgeinfo/${params.id}`)
}
// 知识检索分页
const searchKnowledgePageList = (params = {}) => {
return POST(`${Prefix}/office/news/api/searchKnowledgePageList`, params)
}
// 热点点击
const hotList = (params = {}) => {
return GET(`${Prefix}/office/news/api/hotList`)
}
export default {
policyList,
......@@ -40,5 +62,10 @@ export default {
tips,
ycxgbzList,
xgbzList,
glossaryList
glossaryList,
searchKnowledgeInfo,
searchKnowledgeInfoList,
knowledgeinfo,
searchKnowledgePageList,
hotList
}
src/axios/module/news.js
......@@ -72,6 +72,11 @@ const medicalAndHealthDetailById = (params = {}) => {
return POST(`${Prefix}/office/medical/api/getDetailById`, params);
}
// 党建文化热点关注
const getHdbdList = (params = {}) => {
return POST(`${Prefix}/office/topicnews/api/getHdbdList`, params)
}
export default {
pictureList,
pictureInfo,
......@@ -88,4 +93,5 @@ export default {
newsTop10,
medicalAndHealthTenData,
medicalAndHealthDetailById,
getHdbdList
}
src/router/index.js
......@@ -550,7 +550,7 @@ const routes = [
},
component: () => import("@/views/News/Notice.vue"),
},
{
path: "/News/FoodSafety",
name: "FoodSafety",
......@@ -660,6 +660,14 @@ const routes = [
children: []
},
{
path: "/Knowledge/KnowledgeList",
name: "KnowledgeList",
meta: {
name: "知识中心搜索",
},
component: () => import("@/views/Knowledge/knowledgeList.vue"),
},
{
path: "/Knowledge/TeKIndex",
name: "TeKIndex",
meta: {
......@@ -742,6 +750,14 @@ const routes = [
component: () => import("@/views/Knowledge/xts.vue"),
},
{
path: "/Knowledge/article",
name: "article",
meta: {
name: "详情",
},
component: () => import("@/views/Knowledge/article.vue"),
},
{
path: "/Knowledge/xts",
name: "xts",
meta: {
......@@ -1117,14 +1133,6 @@ const routes = [
component: () => import("@/views/User/index"),
},
{
path: "/MyManage/UnVerify/realNameTable",
name: "realNameTable",
meta: {
name: "实名认证注册登记表",
},
component: () => import("@/views/MyManage/UnVerify/realNameTable.vue"),
},
{
path: "/404",
name: "404",
component: () => import("@/views/User/404"),
......
src/views/Djwh/comps/list.vue
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row">
<div class="col-lg-12 list-left">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="giveId(tmp.id,tmp.directpath)">
<div class="col-lg-8 list-left">
<span></span>
<span>{{tmp.name}}</span>
<span>{{tmp.title}}</span>
</div>
<!-- <div class="col-lg-2 list-right">{{tmp.showtime}}</div> -->
</div>
</div>
</template>
<script>
export default {
props: ['list'],
methods:{
giveId(id,directpath){
this.$emit('getInfo',id,directpath)
}
}
}
</script>
<style lang="scss" scoped>
.list {
margin: 0;
padding: 0;
font-size: 14px;
.row {
display: flex;
justify-content: space-between;
......@@ -48,7 +54,6 @@ export default {
.list-right{
text-align: right;
}
}
}
</style>
\ No newline at end of file
src/views/Djwh/djwhlist.vue
......@@ -2,21 +2,11 @@
<div class="container">
<breadcrumb />
<div class="composite">
<list :list="list" />
<pages />
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
<!-- <div class="business container">
<breadcrumb />
<div class="row">
<div class="col-lg-3">
<left2 :list="routes" ref="left" />
</div>
<div class="col-lg-9">
<router-view class="marginTopLg20"></router-view>
</div>
</div>
</div> -->
</template>
<script>
......@@ -32,23 +22,15 @@ export default {
data() {
return {
gjzzCate: {
name: "国际追踪",
name: "党建文化详情",
ico: "",
},
list: [
{
name: "阿里巴巴（法国）与GS1法国签署合作备忘录 鼓励企业使用GS1标准并提供优质产品数据",
},
{
name: "意大利物品编码协会与阿里巴巴集团意大利办事处开展合作",
},
{
name: "GS1澳大利亚与阿里巴巴集团签约 天猫澳大利亚进口商品今起可追溯",
},
],
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
......@@ -58,7 +40,40 @@ export default {
{ name: "活动报道" },
]);
},
methods: {},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: this.tableResult.pageSize,
classId:428
};
const listRes =
await this.$api.news.getHdbdList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
// 详情
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
src/views/Djwh/index.vue
......@@ -32,7 +32,7 @@
</a>
<div id="box">
<div id="con1" ref="con1" :class="{anim:animate==true}" :style="{ marginTop: marginTop + 'px' }" @mouseenter="mEnter" @mouseleave="mLeave">
<p v-for='(item,index) in items' :key="index">{{item.name}}</p>
<p v-for='(item,index) in hotList' :key="index" >{{item.title}}</p>
</div>
</div>
......@@ -41,32 +41,11 @@
<div class="border-div list-style">
<div class="middle-title">
<h4>活动报道</h4>
<a href="/djwhlist" >更多>></a>
<a href="/djwhlist" target="_blank" >更多>></a>
</div>
<div class="middle-list">
<ul>
<li>
<a href="#">编码中心党委理论学习中心组 举行2021年第六次集体学习（扩</a>
</li>
<li>
<a href="#">总局党史学习教育第2指导小组 马思宇一行来编码中心调研指</a>
</li>
<li>
<a href="#">“学党史、强信念、跟党走”—中国物品编码中心团员青年</a>
</li>
<li>
<a href="#">中国物品编码中心召开警示教育大会</a>
</li>
<li>
<a href="#">中国物品编码中心党委开展党史学习教育暨“清明祭英烈”活动</a>
</li>
<li>
<a href="#">总局党史学习教育指导小组 马思宇一行莅临编码中心指导工作</a>
</li>
<li>
<a href="#">办公室党支部召开全体党员大会 暨党史教育专题党课</a>
</li>
<li v-for="(item, i) in reportList" :key="i"><a href="#" @click="goInfo(item.id,item.directpath)">{{item.title}}</a></li>
</ul>
</div>
......@@ -165,27 +144,7 @@
</div>
<div class="middle-list">
<ul>
<li>
<a href="#">《中国共产党第十九届中央委员会第</a>
</li>
<li>
<a href="#">党的十九大报告全文</a>
</li>
<li>
<a href="#">“质检总局党组关于认真学习宣传贯</a>
</li>
<li>
<a href="#">质检总局党组关于印发质检系统学习</a>
</li>
<li>
<a href="#">中共中央关于认真学习宣传贯彻党的十九大精神的决定</a>
</li>
<li>
<a href="#">中共中央宣传部关于印发《党的十九</a>
</li>
<li>
<a href="#">中国物品编码中心关于印发学习宣传</a>
</li>
<li v-for="(item, i) in centerList" :key="i"><a href="#" @click="goInfo(item.id,item.directpath)">{{item.title}}</a></li>
</ul>
</div>
......@@ -198,28 +157,7 @@
</div>
<div class="middle-list">
<ul>
<li>
<a href="#">《中国共产党第十九届中央委员会第</a>
</li>
<li>
<a href="#">党的十九大报告全文</a>
</li>
<li>
<a href="#">“质检总局党组关于认真学习宣传贯</a>
</li>
<li>
<a href="#">质检总局党组关于印发质检系统学习</a>
</li>
<li>
<a href="#">中共中央关于认真学习宣传贯彻党的十九大精神的决定</a>
</li>
<li>
<a href="#">中共中央宣传部关于印发《党的十九</a>
</li>
<li>
<a href="#">中国物品编码中心关于印发学习宣传</a>
</li>
<li v-for="(item, i) in ruleList" :key="i"><a href="#" @click="goInfo(item.id,item.directpath)">{{item.title}}</a></li>
</ul>
</div>
......@@ -259,12 +197,14 @@ export default {
return {
path:process.env.VUE_APP_HOST_URL,
animate:false,
items:[ //消息列表对应的数组
{name:"学习贯彻十九届五中全会精神1"},
{name:"学习贯彻十九届五中全会精神2"},
{name:"学习贯彻十九届五中全会精神3"},
],
marginTop:0
marginTop:0,
hotList:[],
reportList:[],
ruleList:[],
centerList:[],
};
},
computed: {
......@@ -273,14 +213,26 @@ export default {
},
},
created() {
let that =this
// 热点关注
this.initListFn(3,435).then(function(result) {
that.hotList = result
})
// 活动报道
this.initListFn(8,428).then(function(result) {
that.reportList = result
})
// 中央
this.initListFn(6,429).then(function(result) {
that.centerList = result
})
// 规章制度
this.initListFn(7,430).then(function(result) {
that.ruleList = result
})
},
mounted () {
this.timer1= setInterval(this.scroll,2000)
},
methods: {
scroll(){
......@@ -288,23 +240,44 @@ export default {
this.animate=!this.animate;
var that = this; // 在异步函数中会出现this的偏移问题，此处一定要先保存好this的指向
setTimeout(function(){
that.items.push(that.items[0]);
that.items.shift();
that.hotList.push(that.hotList[0]);
that.hotList.shift();
that.marginTop='0';
that.animate=!that.animate; // 这个地方如果不把animate 取反会出现消息回滚的现象，此时把ul 元素的过渡属性取消掉就可以完美实现无缝滚动的效果了
},1000)
},
mEnter () {
},
mEnter () {
clearInterval(this.timer1)
},
mLeave () {
},
mLeave () {
this.timer1= setInterval(this.scroll,2000)
},
},
// 列表
async initListFn(pageSize,classId) {
const params = {
page: 1,
limit:pageSize,
classId:classId
};
const listRes =
await this.$api.news.getHdbdList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
return data.list
}
},
goInfo(id,directpath){
if(directpath &&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
},
};
</script>
......
src/views/Knowledge/GS1System/dwbm.vue
......@@ -4,55 +4,34 @@
<div class="msg-cont">
<div class="title">动物编码</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'控制代码',
path:''
},
{
id:2,
title:'国家或地区代码',
path:''
},
{
id:3,
title:'动物代码的组成',
path:''
},
{
id:4,
title:'国家动物代码',
path:''
},
{
id:5,
title:'解读国家标准《动物射频识别代码结构》',
link:''
},
{
id:6,
title:'国家标准《动物射频识别――代码结构》正式实施',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -62,6 +41,36 @@ export default {
{ name: "动物编码" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 列表
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'dwbm'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/ebxml.vue
......@@ -4,50 +4,34 @@
<div class="msg-cont">
<div class="title">ebXML</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'ebXML 基础架构',
path:''
},
{
id:2,
title:'ebXML 功能阶段',
path:''
},
{
id:3,
title:'ebXML 功能服务视图',
path:''
},
{
id:4,
title:'ebXML 商务运作视图',
path:''
},
{
id:5,
title:'UN/CEFACT建模方法 (UMM)',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -57,6 +41,36 @@ export default {
{ name: "ebXML" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 列表
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'ebXML'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/ewbm.vue
......@@ -4,50 +4,32 @@
<div class="msg-cont">
<div class="title">二维条码</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize='tableResult.pageSize' @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'汉信码介绍',
path:''
},
{
id:2,
title:'龙贝码',
path:''
},
{
id:3,
title:'二维条码识读设备',
path:''
},
{
id:4,
title:'Code one 条码',
path:''
},
{
id:5,
title:'QR Code 条码',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -57,6 +39,36 @@ export default {
{ name: "二维条码" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 列表
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'ewtm'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/goodsEpc.vue
......@@ -4,50 +4,34 @@
<div class="msg-cont">
<div class="title">产品电子代码（EPC）</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'射频标签',
path:''
},
{
id:2,
title:'产品电子代码的特点',
path:''
},
{
id:3,
title:'产品电子代码系统的工作流程',
path:''
},
{
id:4,
title:'产品电子代码信息网络系统',
path:''
},
{
id:5,
title:'产品电子代码射频识别系统',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -57,6 +41,36 @@ export default {
{ name: "产品电子代码（EPC）" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 行业应用
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'epc'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/goodsGDS.vue
......@@ -4,52 +4,36 @@
<div class="msg-cont">
<div class="title">全球数据同步（GDS）</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'GDSN发展前景',
path:''
},
{
id:2,
title:'GDSN运行模式',
path:''
},
{
id:3,
title:'GDSN全球发展现状',
path:''
},
{
id:4,
title:'什么是GDSN？',
path:''
},
{
id:5,
title:'商品数据同步的重要性',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "技术与标准", path: "/Knowledge" },
......@@ -57,6 +41,36 @@ export default {
{ name: "全球数据同步（GDS）" },
]);
},
created() {
this.initListFn(this.tableResult.currPage,);
},
methods:{
// 行业应用
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'gds'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......@@ -104,6 +118,7 @@ export default {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
margin-bottom: 10px;
}
ul{
display: inline-block;
......
src/views/Knowledge/GS1System/goodsGln.vue
......@@ -4,48 +4,31 @@
<div class="msg-cont">
<div class="title">商品条码</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'基本概念',
path:''
},
{
id:2,
title:'GS1 DataBar',
path:''
},
{
id:3,
title:'全球贸易项目代码（GTIN）',
path:''
},
{
id:4,
title:'UCC/EAN-128符号位置',
path:''
},
{
id:5,
title:'UCC/EAN-128条码符号的链接',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
......@@ -58,6 +41,36 @@ export default {
{ name: "商品条码" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 行业应用
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'sptm'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/goodsPosition.vue
......@@ -4,50 +4,34 @@
<div class="msg-cont">
<div class="title">全球位置编码（GLN）</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'全球参与方位置代码（GLN）',
path:''
},
{
id:2,
title:'怎样管理全球位置码(GLN)',
path:''
},
{
id:3,
title:'什么是全球位置码(GLN)',
path:''
},
{
id:4,
title:'GLN的简要介绍',
path:''
},
{
id:5,
title:'GLN的突出优点',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -57,6 +41,36 @@ export default {
{ name: "全球位置编码（GLN）" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 行业应用
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'gln'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/gxfECR.vue
......@@ -4,46 +4,34 @@
<div class="msg-cont">
<div class="title">高效消费者响应（ECR）</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'实施ECR的好处',
path:''
},
{
id:2,
title:'ECR的实施原则',
path:''
},
{
id:3,
title:'ECR的产生',
path:''
},
{
id:4,
title:'什么是ECR',
path:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -53,6 +41,36 @@ export default {
{ name: "高效消费者响应（ECR）" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 列表
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'ecr'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/GS1System/zxcbm.vue
......@@ -4,50 +4,34 @@
<div class="msg-cont">
<div class="title">自行车编码</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i">
<a @click="getInfo(item.knowledgeInfoID)"> {{item.Title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages.vue";
export default {
components: {
pages,
},
data() {
return {
fileList:[
{
id:1,
title:'自行车编码管理',
path:''
},
{
id:2,
title:'新自行车刻制编码',
path:''
},
{
id:3,
title:'新自行车的编码规则',
path:''
},
{
id:4,
title:'自行车编码原则',
path:''
},
{
id:5,
title:'生产企业自行车编码相关术语',
link:''
},
]
tableResult:{
list:[],
currPage:1,
pageSize:20,
totalCount:0
},
};
},
mounted() {
// 面包屑单独处理
......@@ -57,6 +41,36 @@ export default {
{ name: "自行车编码" },
]);
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 列表
async initListFn(page) {
const params = {
page: page,
limit: this.tableResult.pageSize,
type:'zxcbm'
};
const listRes =
await this.$api.knowledge.searchKnowledgePageList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
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')
}
}
}
};
</script>
<style lang="scss" scoped>
......
src/views/Knowledge/Glossary.vue
......@@ -69,6 +69,10 @@ export default {
},
{
label: "英文标题",
value: "2",
},
{
label: "解释",
value: "3",
}
],
......@@ -83,12 +87,12 @@ export default {
for (var i = 0; i < 26; i++) {
this.chaxun.keyArr.push(String.fromCharCode((65 + i)));
}
this.glossaryList()
this.glossaryList('','')
},
methods:{
searchInfo(i){
this.glossaryList(3,i)
this.glossaryList(4,i)
},
getList(){
this.glossaryList(this.type,this.chaxun.keywords)
......@@ -185,7 +189,7 @@ export default {
color: #F26335;
margin-right: 4px;
cursor: pointer;
font-size: 14px;
font-size: 13px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F26335;
......
src/views/Knowledge/Standard.vue
......@@ -8,7 +8,7 @@
<span>{{item.title}}</span>
</li>
</ul>
<pages :total="policyList.totalCount" :currPage="policyList.currPage" @getLimit='ycListFn' />
<pages :total="policyList.totalCount" :currPage="policyList.currPage" :pageSize="policyList.pageSize" @getLimit='ycListFn' />
</div>
</div>
</div>
......@@ -40,7 +40,7 @@ export default {
async ycListFn(page,limit) {
const params = {
page: page,
limit:15
limit:this.policyList.pageSize
};
const policyListRes =
await this.$api.knowledge.xgbzList(params);
......@@ -122,8 +122,6 @@ export default {
cursor: pointer;
border-bottom: 1px dashed #C5D8EE;
font-size: 14px;
width: 100%;
:hover,:active{
color: #F26335;
......
src/views/Knowledge/Statute.vue
......@@ -28,7 +28,7 @@
</tr>
</tbody>
</table>
<pages :total="policyList.totalCount" :currPage="policyList.currPage" @getLimit='policyListFn' />
<pages :total="policyList.totalCount" :currPage="policyList.currPage" :pageSize="policyList.pageSize" @getLimit='policyListFn' />
</div>
......@@ -83,7 +83,7 @@ export default {
async policyListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.policyList.pageSize,
};
const policyListRes =
await this.$api.knowledge.policyList(params);
......
src/views/Knowledge/TeKIndex.vue
......@@ -75,6 +75,7 @@ export default {
}
ul{
padding: 0;
margin-top: 10px;
}
li{
list-style-type:disc;
......
src/views/Knowledge/article.vue 0 → 100644
<template>
<div class="org container">
<div class="row status-container">
<p class="title-style">
<span>{{title}}</span>
<span>日期：{{showtime}}</span>
</p>
<div v-html="content"></div>
</div>
</div>
</template>
<script>
import breadcrumb from "../comps/breadcrumb.vue";
import pages from "../comps/pages.vue";
export default {
components: {
pages,
breadcrumb,
},
data() {
return {
id:this.$route.query.id,
content:'',
title:'',
showtime:''
};
},
computed: {
routes() {
},
},
created() {
this.initInfoFn();
},
mounted() {
},
methods:{
// 政策法规列表
async initInfoFn() {
const params = {
id:this.id,
};
const infoRes =
await this.$api.knowledge.knowledgeinfo(params);
const { returnCode, data } = infoRes;
if (returnCode === "0") {
console.log(data)
this.content=data.content;
this.title=data.title
this.showtime=data.inputdate
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "技术与标准 ", path: "/Knowledge" },
{ name: "技术知识", path: "/Knowledge/" },
{ name: this.title },
]);
console.log(1)
}
},
}
};
</script>
<style lang="scss" scoped>
@media screen and(min-width: 992px) {
}
@media screen and (max-width: 992px) {
}
</style>
<style lang="scss" scoped>
.org {
padding-bottom: 20px;
.title-style{
padding: 35px 0 10px;
border-bottom: 1px solid #b2b2b8;
color: #002c6c;
margin-bottom: 10px;
line-height: 32px;
span{
&:first-child{
font-size: 18px;
float: left;
}
&:last-child{
font-size: 14px;
color: #000;
float: right;
}
}
}
.status-container{
border-top: 7px solid #002c6c;
background: #fff;
padding:0 20px;
>div{
font-size: 14px;
padding-bottom:30px;
}
}
}
</style>
\ No newline at end of file
src/views/Knowledge/index.vue
......@@ -3,7 +3,7 @@
<div class="knowledge-top">
<div class="container">
<div class="keyletter " >
<span v-for="(item, i) in chaxun.keyArr" :key="i">{{item}}</span>
<span v-for="(item, i) in chaxun.keyArr" :key="i" @click="goGlossary">{{item}}</span>
</div>
<div class="knowledge-top-form row-lg-12">
<el-select class="col-lg-2"
......@@ -11,16 +11,17 @@
placeholder="请选择"
clearable
>
<el-option value="all" label="所有分类"></el-option>
<el-option
v-for="(item, i) in chaxun.options"
v-for="(item, i) in chaxun.typeList"
:key="i"
:label="item.label"
:value="item.value"
:label="item.description"
:value="item.type"
>
</el-option>
</el-select>
<el-input class="col-lg-8" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input>
<div class="top-form-btn col-lg-2" >
<div class="top-form-btn col-lg-2" @click="goKnowledgeList">
<img src="../../assets/image/home/sousuo-ico1.png" alt="" />
</div>
</div>
......@@ -28,11 +29,7 @@
<div class="hot">
<span>热门搜索：</span>
<span>EAN/UCC-13编码</span>
<span>汉信码</span>
<span>什么是全球位置码（GLN）</span>
<span>商品条码在零售商品的应用</span>
<span>GS1</span>
<span v-for="(item,i) of hotListArr" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.title}}</span>
</div>
</div>
</div>
......@@ -87,11 +84,11 @@
GS1系统为在全球范围内标识货物、服务、资产和位置提供了准确的编码。这些编码能够以条码符号来表示，以便进行商务流程所需的电子识读。该系统客服了厂商、组织使用自身的编码系统或部分特殊编码系统的局限性，提高了贸易的效率和对客户的反应能力。
</p>
<p class="card-text"><span class="more-des" @click="goGs1">>详情>></span></p>
<p class="card-text"><span class="more-des" @click="goGs1">详情>></span></p>
<p class="card-text gsb-btn-cnt row">
<el-button type="primary" class="gsbtn col-lg-3" @click="goBmtx">>编码体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" @click="goSjzt">>数据载体体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" @click="gosjjh">>数据交换体系</el-button>
<el-button type="primary" class="gsbtn col-lg-3" @click="goBmtx">编码体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" @click="goSjzt">数据载体体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" @click="goSjjh">数据交换体系</el-button>
</p>
</div>
......@@ -135,11 +132,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>条码符号条空颜色搭配参考表</li>
<li>放大系数与模块宽度及EAN条码符号主要尺寸对照表</li>
<li>GTIN分配规则</li>
<li>EAN商品条码符号的放大系数，模块宽度及主要尺寸对照表</li>
<li>《中国商品条码系统成员证书》新版说明</li>
<li v-for="(item,i) of xtsList" :key="i" @click="getInfo(item.knowledgeinfoid,item.directpath)">{{item.title}}</li>
</ul>
</p>
</div>
......@@ -161,11 +154,7 @@
<div class="card-body h-100">
<p class="card-text">
<ul>
<li>商品条码 参与方位置编码与条码表示 GB/T 16828-20…</li>
<li>商品条码 店内条码 GB/T 18283-2008</li>
<li>商品条码 条码符号印制质量的检验 GB/T 18348-2008</li>
<li>商品条码 储运包装商品编码与条码表示 GB/T 16830-…</li>
<li>商品条码 条码符号印制质量的检验 GB/T 18348-2008</li>
<li v-for="(item,i) of bzwxList" :key="i" @click="goInfo(item.id,item.directpath)">{{item.title}}</li>
</ul>
</p>
......@@ -197,11 +186,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.sptm.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -222,11 +207,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.epc.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -247,11 +228,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.gds.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -272,11 +249,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.gln.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -297,11 +270,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.zxcbm.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -322,11 +291,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.dwbm.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -347,11 +312,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.ewtm.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -372,11 +333,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.ecr.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -397,11 +354,7 @@
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li>基本概念</li>
<li>条码符号质量等级说明</li>
<li>UCC/EAN-128条码符号的链接</li>
<li>全球贸易项目代码（GTIN）</li>
<li>UCC/EAN-128符号位置</li>
<li v-for="(item,i) of listResult.ebXML.slice(0,5)" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
......@@ -429,58 +382,164 @@ export default {
return {
chaxun: {
keyArr:[],
type: "1",
options: [
{
label: "自行车编码",
value: "1",
},
],
type: "all",
typeList:[],
keywords: "",
},
changeColor:false
changeColor:false,
xtsList:[],
bzwxList:[],
listResult:{
dwbm:[],
ebXML:[],
ecr:[],
epc:[],
ewtm:[],
gds:[],
gln:[],
rfid:[],
sptm:[],
zxcbm:[]
},
hotListArr:[]
};
},
created() {
for (var i = 0; i < 26; i++) {
this.chaxun.keyArr.push(String.fromCharCode((65 + i)));
}
this.xtsListFn()
this.ycListFn();
this.searchKnowledgeList('all','')
this.hotList()
this.searchKnowledgeInfoList()
},
methods: {
goGlossary(){
this.$router.push({
path: '/Knowledge/Glossary',
});
},
goGjbm(){
let link = this.$router.resolve({
this.$router.push({
path: '/Knowledge/ANCCSystem',
});
window.open(link.href,'_blank')
},
goGs1(){
let link = this.$router.resolve({
this.$router.push({
path: '/Knowledge/GS1System2',
});
window.open(link.href,'_blank')
},
goSjzt(){
let link = this.$router.resolve({
this.$router.push({
path: '/Knowledge/GS1System/sjzttx',
});
window.open(link.href,'_blank')
},
goBmtx(){
let link = this.$router.resolve({
this.$router.push({
path: '/Knowledge/GS1System/bmtx',
});
window.open(link.href,'_blank')
},
goSjjh(){
let link = this.$router.resolve({
this.$router.push({
path: '/Knowledge/GS1System/sjjhtx',
});
window.open(link.href,'_blank')
}
},
goKnowledgeList(){
this.$router.push({
path: '/Knowledge/knowledgeList',
query: {type:this.chaxun.type,title:this.chaxun.keywords}
});
},
// 小贴士
async xtsListFn() {
const params = {
page: 1,
limit: 5,
};
const listRes =
await this.$api.knowledge.tips(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
let dataArr=data
this. xtsList= dataArr.slice(0,5)
}
},
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')
}
},
// 标准文献列表
async ycListFn() {
const params = {
page: 1,
limit:5
};
const policyListRes =
await this.$api.knowledge.xgbzList(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.bzwxList = data.list
}
},
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')
}
},
// 知识检索列表
async searchKnowledgeList(type,title) {
const params = {
type: type,
title:title
};
const policyListRes =
await this.$api.knowledge.searchKnowledgeInfo(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.listResult=data
}
},
// 热点点击
async hotList() {
const policyListRes =
await this.$api.knowledge.hotList();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.hotListArr=data
}
},
// 下拉
async searchKnowledgeInfoList() {
const policyListRes =
await this.$api.knowledge.searchKnowledgeInfoList();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.chaxun.typeList=data
}
},
}
};
</script>
......@@ -521,6 +580,7 @@ export default {
span{
display: inline-block;
float: left;
width: 12px;
color: #F26335;
margin-right: 4px;
cursor: pointer;
......@@ -529,6 +589,9 @@ export default {
font-weight: 500;
color: #F26335;
line-height: 18px;
&:hover,&:active{
font-weight: 800!important;
}
}
}
......@@ -557,6 +620,9 @@ export default {
color: #999999;
margin-right: 20px;
}
&:nth-child(n+2){
cursor: pointer;
}
}
}
}
......@@ -566,6 +632,11 @@ export default {
.container{
}
.more-des{
&:hover,&:active{
cursor: pointer;
}
}
.knowledge-cnt{
.knowledge-title{
......@@ -702,7 +773,7 @@ export default {
list-style: none;
font-size: 15px;
color: #414345;
line-height: 51px;
line-height: 47px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
......
src/views/Knowledge/knowledgeList.vue 0 → 100644
<template>
<div class="knowledge">
<div class="knowledge-top">
<div class="container">
<div class="keyletter " >
<span v-for="(item, i) in chaxun.keyArr" :key="i" @click="goGlossary">{{item}}</span>
</div>
<div class="knowledge-top-form row-lg-12">
<el-select class="col-lg-2"
v-model="chaxun.type"
placeholder="请选择"
clearable
@clear="remove()"
>
<el-option value="all" label="所有分类"></el-option>
<el-option
v-for="(item, i) in chaxun.typeList"
:key="i"
:label="item.description"
:value="item.type"
>
</el-option>
</el-select>
<el-input class="col-lg-8" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input>
<div class="top-form-btn col-lg-2" @click="goKnowledgeList">
<img src="../../assets/image/home/sousuo-ico1.png" alt="" />
</div>
</div>
<div class="hot">
<span>热门搜索：</span>
<span v-for="(item,i) of hotListArr" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.title}}</span>
</div>
</div>
</div>
<div class="knowledge-bottom">
<div class="container ">
<div class="row ">
<div class="col-lg-8">
<!-- 分类 -->
<div class="knowledge-cnt" v-if="listResult.sptm && listResult.sptm.length>0">
<div class="knowledge-title">
商品条码
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.sptm" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产品电子代码（EPC） -->
<div class="knowledge-cnt" v-if="listResult.epc && listResult.epc.length>0">
<div class="knowledge-title">
产品电子代码（EPC）
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.epc" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 全球数据同步（GDS） -->
<div class="knowledge-cnt" v-if="listResult.gds && listResult.gds.length>0">
<div class="knowledge-title">
全球数据同步（GDS）
</div>
<div class="knowledge-container card " >
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.gds" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 全球位置编码（GLN） -->
<div class="knowledge-cnt" v-if="listResult.gln && listResult.gln.length>0">
<div class="knowledge-title">
全球位置编码（GLN）
</div>
<div class="knowledge-container card " >
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.gln" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 自称车编码 -->
<div class="knowledge-cnt" v-if="listResult.zxcbm && listResult.zxcbm.length>0">
<div class="knowledge-title">
自称车编码
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.zxcbm" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 动物编码 -->
<div class="knowledge-cnt" v-if="listResult.dwbm && listResult.dwbm.length>0">
<div class="knowledge-title">
动物编码
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.dwbm" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 二维条码 -->
<div class="knowledge-cnt" v-if="listResult.ewtm && listResult.ewtm.length>0">
<div class="knowledge-title">
二维条码
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.ewtm" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 高效消费者响应（ECR） -->
<div class="knowledge-cnt" v-if="listResult.ecr && listResult.ecr.length>0">
<div class="knowledge-title">
高效消费者响应（ECR）
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.ecr" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- EbXML -->
<div class="knowledge-cnt" v-if="listResult.ebXML && listResult.ebXML.length>0">
<div class="knowledge-title">
EbXML
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of listResult.ebXML" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.Title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- 热点点击 -->
<div class="knowledge-cnt">
<div class="knowledge-title">
热门点击
</div>
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col bzwx">
<div class="card-body">
<p class="card-text">
<ul style="padding-left:0">
<li v-for="(item,i) of hotListArr" :key="i" @click="getInfo(item.knowledgeInfoID,item.directpath)">{{item.title}}</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
// import sousuoList from "../Home/comps/sousuo-list.vue";
export default {
components: {
// sousuoList,
},
data() {
return {
chaxun: {
keyArr:[],
type: "all",
typeList:[],
keywords: "",
},
changeColor:false,
listResult:{
dwbm:[],
ebXML:[],
ecr:[],
epc:[],
ewtm:[],
gds:[],
gln:[],
rfid:[],
sptm:[],
zxcbm:[]
},
hotListArr:[],
};
},
created() {
for (var i = 0; i < 26; i++) {
this.chaxun.keyArr.push(String.fromCharCode((65 + i)));
}
this.searchKnowledgeInfoList()
this.hotList()
this.chaxun.type=this.$route.query.type==''?'all':this.$route.query.type
this.chaxun.keywords=this.$route.query.title
this.searchKnowledgeList(this.chaxun.type,this.chaxun.keywords)
},
methods: {
goGlossary(){
this.$router.push({
path: '/Knowledge/Glossary',
});
},
goGjbm(){
this.$router.push({
path: '/Knowledge/ANCCSystem',
});
},
goGs1(){
this.$router.push({
path: '/Knowledge/GS1System2',
});
},
goSjzt(){
this.$router.push({
path: '/Knowledge/GS1System/sjzttx',
});
},
goBmtx(){
this.$router.push({
path: '/Knowledge/GS1System/bmtx',
});
},
goSjjh(){
this.$router.push({
path: '/Knowledge/GS1System/sjjhtx',
});
},
goKnowledgeList(){
this.$router.push({
path: '/Knowledge/knowledgeList',
query: {type:this.chaxun.type,title:this.chaxun.keywords}
});
},
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')
}
},
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')
}
},
// 知识检索列表
async searchKnowledgeList(type,title) {
const params = {
type: type,
title:title
};
const policyListRes =
await this.$api.knowledge.searchKnowledgeInfo(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.listResult=data
}
},
// 热点点击
async hotList() {
const policyListRes =
await this.$api.knowledge.hotList();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.hotListArr=data
}
},
// 下拉
async searchKnowledgeInfoList() {
const policyListRes =
await this.$api.knowledge.searchKnowledgeInfoList();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.chaxun.typeList=data
}
},
remove(e){
if(e==undefined||e==''){
this.chaxun.type='all'
}else{
this.chaxun.type=e
}
}
}
};
</script>
<style lang="scss">
.knowledge {
.knowledge-top-form {
@include elInput(50px, #414345, #414345, #fff, #cfdcea);
.el-select .el-input__inner{
border-right: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.knowledge-container{
height: 290px;
}
}
@media screen and(max-width: 992px) {
.knowledge-top-form{
width: 100%!important;
}
}
@media screen and (max-width: 1401px) {
.gsbtn{
// padding: 9px 10px!important;
}
}
}
</style>
<style lang="scss" scoped>
.knowledge {
.knowledge-top {
.keyletter{
overflow: hidden;
margin-top: 15px;
span{
display: inline-block;
float: left;
width: 12px;
color: #F26335;
margin-right: 4px;
cursor: pointer;
font-size: 13px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F26335;
line-height: 18px;
&:hover,&:active{
font-weight: 800!important;
}
}
}
.knowledge-top-form {
display: flex;
margin-top: 15px;
width: 65%;
.top-form-btn {
width: 100px;
height: 50px;
background: #f26335;
border-radius: 0px 4px 4px 0px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
}
.hot {
padding: 14px 0;
span {
color: #414345;
font-size: 14px;
margin-right: 30px;
&:first-child {
font-size: 13px;
color: #999999;
margin-right: 20px;
}
&:nth-child(n+2){
cursor: pointer;
}
}
}
}
.knowledge-middle {
background: #ffffff;
padding-bottom: 40px;
.container{
}
.more-des{
&:hover,&:active{
cursor: pointer;
}
}
.knowledge-cnt{
.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;
.leftIcon{
position: absolute;
left: 30px;
bottom: -20px;
}
.rightIcon{
position: absolute;
left: 140px;
bottom: -20px;
}
.xts{
display: inline-block;
margin-left: 50px;
}
.changeColor{
color: #F26335
}
}
.knowledge-container{
width: 100%;
border: 1px solid #C5D8EE;
padding-left: 26px;
min-height: 290px;
img{
width: 100%;
margin: 26px 0 0 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;
}
.card-text{
// font-family: PingFangSC-Regular, PingFang SC;
color: #F26335;
line-height: 21px;
ul{
padding: 0;
}
li{
list-style-type:disc;
line-height: 30px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
display: inline-block;
width: 95%;
:hover,:active{
color: #F26335;
}
}
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;
line-height: 28px;
}
}
.gsb-btn-cnt{
overflow: hidden;
width: 100%;
}
.gsbtn{
height: 38px;
// background: #F26335;
border-radius: 4px;
color: #FFFFFF;
line-height: 20px;
padding: 0;
font-size: 14px;
margin-top: 17px;
// margin-left: 14px;
}
.gsbtn:first-child{
// margin-left: 0px;
}
}
}
.bzwx{
li{
list-style: none;
font-size: 15px;
color: #414345;
line-height: 47px;
cursor: pointer;
overflow: hidden;
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;
}
}
}
}
}
.knowledge-bottom {
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;
}
.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;
}
}
}
</style>
\ No newline at end of file
src/views/Knowledge/xts.vue
......@@ -8,7 +8,7 @@
<a role="button" :data="item.id"> {{item.title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
......@@ -26,7 +26,7 @@ export default {
tableResult:{
list:[],
currPage:1,
pageSize:15,
pageSize:20,
totalCount:0
}
......@@ -36,11 +36,11 @@ export default {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 行业应用
// 小贴士
async initListFn(page,limit) {
const params = {
page: page,
limit: 20,
limit: this.tableResult.pageSize,
};
const listRes =
await this.$api.knowledge.tips(params);
......@@ -55,7 +55,7 @@ export default {
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`,
path: `/Knowledge/article?id=${id}`,
});
window.open(link.href,'_blank')
}
......
src/views/News/Application.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo'/>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -28,7 +28,7 @@ export default {
tableResult:{
list:[],
currPage:1,
pageSize:15,
pageSize:20,
totalCount:0
}
};
......@@ -41,7 +41,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 20,
limit: this.tableResult.pageSize,
};
const listRes =
await this.$api.news.industryApplication(params);
......
src/views/News/Center.vue
......@@ -19,7 +19,7 @@
<div class="picNews-bottom">
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
......@@ -60,7 +60,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:6
};
const listRes =
......
src/views/News/Composite.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -40,7 +40,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:5
};
const listRes =
......
src/views/News/DepthTopics.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -40,7 +40,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:9
};
const listRes =
......
src/views/News/FoodSafety.vue
......@@ -40,7 +40,7 @@
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -158,7 +158,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
};
const listRes =
await this.$api.news.foodSafetyList(params);
......
src/views/News/International.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -40,7 +40,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:8
};
const listRes =
......
src/views/News/IoT.vue
......@@ -9,7 +9,7 @@
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -49,7 +49,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:30
};
const listRes =
......
src/views/News/Local.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -40,7 +40,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:7
};
const listRes =
......
src/views/News/Notice.vue
......@@ -4,7 +4,7 @@
<div class="container">
<p style="color:red;margin:15px 0 0 0 ;">【中心】</p>
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -41,7 +41,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
};
const listRes =
await this.$api.news.announceList(params);
......
src/views/News/Other.vue
......@@ -15,7 +15,7 @@
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -54,7 +54,7 @@ export default {
tableResult:{
list:[],
currPage:1,
pageSize:15,
pageSize:20,
totalCount:0
}
};
......@@ -67,7 +67,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 20,
limit: this.tableResult.pageSize,
};
const listRes =
await this.$api.news.otherList(params);
......
src/views/News/PicNews.vue
......@@ -27,7 +27,7 @@
</div>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</div>
......@@ -51,7 +51,7 @@ export default {
tableResult:{
list:[],
currPage:1,
pageSize:15,
pageSize:16,
totalCount:0
}
};
......@@ -79,7 +79,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 16,
limit: this.tableResult.pageSize,
};
const listRes =
await this.$api.news.pictureList(params);
......
src/views/News/Research.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -40,7 +40,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:31
};
const listRes =
......
src/views/News/Video.vue
......@@ -3,7 +3,7 @@
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
......@@ -40,7 +40,7 @@ export default {
async initListFn(page,limit) {
const params = {
page: page,
limit: 15,
limit: this.tableResult.pageSize,
classId:10
};
const listRes =
......
src/views/comps/pages.vue
......@@ -18,7 +18,7 @@
<div class="pages-middle">
<button class="pages-btn" v-if="false">首页</button>
<el-pagination
:page-size="15"
:page-size="pageSize"
:current-page="currPage"
layout="prev, pager, next"
:total="total"
......@@ -45,6 +45,10 @@ export default {
default: 0,
type: Number,
},
pageSize: {
default: 0,
type: Number,
},
total: {
default: 0,
type: Number,
......@@ -60,10 +64,9 @@ export default {
};
},
mounted(){
// console.log(this.currPage)
},
methods:{
changeSize(){
changeSize(i){
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