280 lines
9.4 KiB
Vue
280 lines
9.4 KiB
Vue
<template>
|
||
<view id="footer">
|
||
<div class="group-foot">
|
||
<div class="group-foot-inner">
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>平台服务</dt>
|
||
<dd>
|
||
<ul>
|
||
<li v-for="(item, index) in serviceList" :key="index">
|
||
<a rel="nofollow" href="javascript:;"
|
||
@click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{ item.name }}</a></li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>交易流程</dt>
|
||
<dd>
|
||
<ul>
|
||
<li v-for="(item, index) in tradeList" :key="index"><a rel="nofollow" href="javascript:;"
|
||
@click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
|
||
item.name
|
||
}}</a>
|
||
</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>关于金久信</dt>
|
||
<dd>
|
||
<ul>
|
||
<li v-for="(item, index) in aboutList" :key="index"><a rel="nofollow" href="javascript:;"
|
||
@click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
|
||
item.name
|
||
}}</a>
|
||
</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>旧货交易</dt>
|
||
<dd>
|
||
<ul>
|
||
<li v-for="(item, index) in oldList" :key="index"><a rel="nofollow" href="javascript:;"
|
||
@click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
|
||
item.name
|
||
}}</a>
|
||
</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>找加工</dt>
|
||
<dd>
|
||
<ul>
|
||
<li v-for="(item, index) in processList" :key="index"><a rel="nofollow" href="javascript:;"
|
||
@click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
|
||
item.name
|
||
}}</a>
|
||
</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<!-- <div class="mod-contact">-->
|
||
<!-- <dl>-->
|
||
<!-- <dt>找合作</dt>-->
|
||
<!-- <dd>-->
|
||
<!-- <ul>-->
|
||
<!-- <li v-for="(item, index) in coopList" :key="index"><a rel="nofollow" href="javascript:;"-->
|
||
<!-- @click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{ item.name }}</a>-->
|
||
<!-- </li>-->
|
||
<!-- </ul>-->
|
||
<!-- </dd>-->
|
||
<!-- </dl>-->
|
||
<!-- </div>-->
|
||
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>金久信学堂</dt>
|
||
<dd>
|
||
<ul>
|
||
<li><a rel="nofollow" href="javascript:;"
|
||
@click="navTo('/pages/otherArticle/list?id=6574521499c62431df5b562c')">行业动态</a>
|
||
</li>
|
||
<!-- <li><a rel="nofollow" href="javascript:;"-->
|
||
<!-- @click="navTo('/pages/otherArticle/list?id=6573d6fcf082105ea4bb5d09')">技术论坛</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li><a rel="nofollow" href="javascript:;"-->
|
||
<!-- @click="navTo('/pages/otherArticle/list?id=6573d704862066d070e8f7be')">执行标准</a>-->
|
||
<!-- </li>-->
|
||
<!-- <li><a rel="nofollow" href="javascript:;"-->
|
||
<!-- @click="navTo('/pages/otherArticle/list?id=6573d70c21392942007c0521')">基础知识</a>-->
|
||
<!-- </li>-->
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="mod-contact">
|
||
<dl>
|
||
<dt>金久信金融</dt>
|
||
<dd>
|
||
<ul>
|
||
<li v-for="(item, index) in jinRongList" :key="index"><a rel="nofollow" href="javascript:;"
|
||
@click="navTo(`/pages/otherArticle/detail?id=${item._id}`)">{{
|
||
item.name
|
||
}}</a>
|
||
</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="group-copyright active">
|
||
<div class="group-copyright-inner">
|
||
<div class="mod-inner">
|
||
<div class="wuage-other-link">
|
||
<!-- <div class="wuage-link">-->
|
||
<!-- <p class="out-link">-->
|
||
<!-- <a rel="nofollow" target="_self"-->
|
||
<!-- href="https://baike.baidu.com/item/%E5%8D%97%E5%AE%81%E4%BA%BF%E5%88%A9%E9%80%9A%E9%92%A2%E7%AE%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/23408974?fr=ge_ala">亿利通官网</a>-->
|
||
<!-- |<a rel="nofollow" target="_self"-->
|
||
<!-- href="https://baike.baidu.com/item/%E5%8D%97%E5%AE%81%E4%BA%BF%E5%88%A9%E9%80%9A%E9%92%A2%E7%AE%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/23408974?fr=ge_ala">亿利通</a>-->
|
||
<!-- </p>-->
|
||
<!-- </div>-->
|
||
<p class="wuage-copyright">
|
||
Copyright © 2020-2021 jinjiuxinzg.cn All Rights Reserved 版权所有： 南宁亿利通钢管有限公司
|
||
<a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank">桂ICP备19008827号-1</a>
|
||
<a class="wuage-copyright"
|
||
href="https://beian.mps.gov.cn/#/query/webSearch?code=45010702002145" rel="noreferrer"
|
||
target="blank">桂公网安备45010702002145</a>
|
||
</p>
|
||
</div>
|
||
<div class="certs-group" style="margin-right: 80px">
|
||
<a class="cert-1" rel="nofollow">
|
||
<span class="clearfix"><img
|
||
:src="gzhQr"><p>公众号</p></span>
|
||
</a>
|
||
<a class="cert-2" rel="nofollow">
|
||
<span class="clearfix"><img
|
||
:src="mobileQr"><p>手机站</p></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "common-footer",
|
||
data() {
|
||
return {
|
||
jinRongList: [],
|
||
tradeList: [],
|
||
aboutList: [],
|
||
coopList: [],
|
||
processList: [],
|
||
oldList: [],
|
||
serviceList: [],
|
||
gzhQr: '',
|
||
mobileQr: '',
|
||
};
|
||
},
|
||
mounted() {
|
||
this.getJinRongList()
|
||
this.getTradeList()
|
||
this.getAboutList()
|
||
this.getCoopList()
|
||
this.getProcessList()
|
||
this.getOldList()
|
||
this.getServiceList()
|
||
this.getGzhQr()
|
||
this.getMobileQr()
|
||
},
|
||
methods: {
|
||
navTo(url) {
|
||
vk.navigateTo({
|
||
url: url
|
||
});
|
||
},
|
||
async getGzhQr() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: 'cd349d8f691400d0033a5408018d2fe7'
|
||
|
||
},
|
||
})
|
||
this.gzhQr = res.content
|
||
},
|
||
async getMobileQr() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: 'da8988ea691400c0033703596b9fec1e'
|
||
},
|
||
})
|
||
this.mobileQr = res.content
|
||
},
|
||
async getJinRongList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "65761c6a09664c4f4a325a05"
|
||
}
|
||
})
|
||
this.jinRongList = res.rows
|
||
},
|
||
async getTradeList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "657458db9755e36c09375be8"
|
||
}
|
||
})
|
||
this.tradeList = res.rows
|
||
},
|
||
async getAboutList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "65761c33e0ec19b504d81f90"
|
||
}
|
||
})
|
||
this.aboutList = res.rows
|
||
},
|
||
async getCoopList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "65761c53337a9f0756a154ee"
|
||
}
|
||
})
|
||
this.coopList = res.rows
|
||
},
|
||
async getProcessList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "65761c49a09a9b1767464f4f"
|
||
}
|
||
})
|
||
this.processList = res.rows
|
||
},
|
||
async getOldList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "65761c40466d41a58495c9ae"
|
||
}
|
||
})
|
||
this.oldList = res.rows
|
||
},
|
||
async getServiceList() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/otherArticle/list/pub/getList',
|
||
data: {
|
||
parentId: "65761c229755e36c0976fb82"
|
||
}
|
||
})
|
||
this.serviceList = res.rows
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
|
||
</style> |