b2894lxlx/jjx-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

20261008

Browse Source
This commit is contained in:
b2894lxlx
2026-10-08 18:14:56 +08:00
parent dec4ebc773
commit 9cc1ff546c
1081 changed files with 238349 additions and 52163 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/category-bar/category-bar.vue
+467 -339
View File
@@ -1,374 +1,502 @@
<template>
<view>
<div class="group-nav">
<div class="mod-nav clearfix">
<div class="first-level-nav ">
<div class="clearfix navigation-bottom">
<div class="classification" id="bannerAllPro">
<div class="classification-text">
<i class="el-icon-menu"></i> 全部商品分类
</div>
<!--全部商品分类开始-->
<div v-show="alwaysShowCategory || showCategory" class="banner-left" style="">
<div class="mod-category">
<div class="part-category">
<div class="cate-menu" psa="a156">
<ul id="nav-sub" class="">
<li v-for="(item,index) in vk.getVuex('$app.siteData.categoryData')"
class="clearfix menuliselected" :key="index">
<i class="cate-menu-icon cate-icon-1"></i>
<h2>
<a href="">{{ item.name }}</a>
</h2>
<div class="cate-item clearfix">
<a v-for="(citem,cindex) in item.children" href=""
:key="cindex">{{ citem.name }}</a>
</div>
</li>
<view>
<div class="group-nav">
<div class="mod-nav clearfix">
<div class="first-level-nav ">
<div class="clearfix navigation-bottom">
<div class="classification" id="bannerAllPro">
<div class="classification-text">
<i class="el-icon-menu"></i> 全部商品分类
</div>
<!--全部商品分类开始-->
<div v-show="alwaysShowCategory || showCategory" class="banner-left" style="">
<div class="mod-category">
<div class="part-category">
<div class="cate-menu" psa="a156">
<ul id="nav-sub" class="">
<li v-for="(item,index) in categoryData"
@mouseenter="showShowChild(index)"
@mouseleave="hideShowChild(index)"
class="clearfix menuliselected" :key="index">
<i class="cate-menu-icon cate-icon-1"></i>
<h2>
<a @click="jumpToIndex(item)" class="pointer cate-name">{{
item.name
}}</a>
</h2>
<div class="cate-item clearfix" v-if="item.showChild">
<a v-for="(citem,cindex) in item.children" href="javascript:;"
v-show="cindex < 9"
@click="jump(item, citem)"
:key="cindex">{{ citem.name }}</a>
</div>
</li>
</ul>
</div>
<!-- <div class="cate-cont" psa="a157" style="">-->
<!-- <div class="item-main" style="">-->
<!-- <div class="part-hot-word">-->
<!-- <div class="item">-->
<!-- <div class="title">-->
<!-- <h2>-->
<!-- <a href="/market/index.html?name2=螺纹钢、高线">螺纹钢</a>-->
<!-- </h2>-->
<!-- <a href="/market/index.html" class="more">更多-->
<!-- <i>&gt;</i></a>-->
<!-- </div>-->
<!-- <div class="cont">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="part-logo-cont">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
</ul>
<!--全部商品分类结束-->
</div>
<div class="linkNav">
<ul>
<li class="nav ">
<a href="/">首页</a>
</li>
<li class="nav" @click="navTo('/pages/index/self-support/self-support')"
:class="[currentPage.includes('self-support') ? 'active' : '']">
<a href="javascript:;">金久信自营</a>
</li>
<li @click="navTo('/pages/spot/goods/goods')" class="nav"
:class="[currentPage.includes('spot') ? 'active' : '']">
<a href="javascript:;" class="navigator">
现货市场
</a>
</li>
<li @click="navTo('/pages/enquiry/list')" class="nav "
:class="[currentPage.includes('enquiry') ? 'active' : '']">
<a href="javascript:;" class="navigator">
找供应
</a>
</li>
<li @click="navTo('/pages/process/list')" class="nav "
:class="[currentPage.includes('process') ? 'active' : '']">
<a href="javascript:;">找加工</a>
</li>
<li class="nav " @click="navTo('/pages/index/old/old')"
:class="[currentPage.includes('old') ? 'active' : '']">
<a href="javascript:;">旧货交易</a>
</li>
<li @click="navTo('/pages/yellowPage/list')" class="nav "
:class="[currentPage.includes('yellowPage') ? 'active' : '']">
<a href="javascript:;">金久信黄页</a>
</li>
<li class="nav " @click="navTo('/pages/article/list')"
:class="[currentPage.includes('article') ? 'active' : '']">
<a href="javascript:;">金久信学堂</a>
</li>
<li class="nav " @click="navTo('/pages/index/shop/shop')"
:class="[(currentPage.includes('shop') && !currentPage.includes('pay')) ? 'active' : '']">
<a href="javascript:;">特产商城</a>
</li>
</ul>
</div>
<div class="classification">
<div class="entry">
<div class="entry-link " @click="navTo('/pages/index/self-support/self-support')">
<img src="@/static/images/logo-left2.png">
</div>
</div>
<!--全部商品分类开始-->
<div v-show="alwaysShowCategory" class="zghome-nav-display">
</div>
<div class="cate-cont" psa="a157" style="">
<div class="item-main" style="">
<div class="part-hot-word">
<div class="item">
<div class="title">
<h2>
<a href="/market/index.html?name2=螺纹钢、高线">螺纹钢</a>
</h2>
<a href="/market/index.html" class="more">更多
<i>&gt;</i></a>
</div>
<div class="cont">
</div>
</div>
</div>
<div class="part-logo-cont">
</div>
</div>
</div>
</div>
</div>
</div>
<div v-show="alwaysShowCategory" class="mod-manage" style="height: 500px;">
<!--全部商品分类结束-->
<div class="me-login">
<div class="login-not">
<div class="login-head">
<img src="/static/images/logo-small.png" alt="">
</div>
<div class="login-action">
<el-button v-if="!vk.getVuex('$user.userInfo.nickname')" type="primary"
class="empty-bg-plain-btn w-full" plain icon="el-icon-user"
@click.native="navTo('/pages/auth/login/login')">登录
</el-button>
<el-button v-else type="primary"
class="empty-bg-plain-btn w-full" plain icon="el-icon-user"
@click.native="navTo('/pages/user/user')">个人中心
</el-button>
</div>
<div class="login-action">
<el-button type="primary" class="auth-btn"
@click.native="navTo('/pages/user/user')">
<text class="company-name" style="max-width: 320rpx">{{
JSON.stringify(vk.getVuex('$user.userInfo')) === '{}' ? '实名认证' :
([2, '2'].includes(vk.getVuex('$user.userInfo.accountType')) ? vk.getVuex('$user.userInfo.company.companyName') : vk.getVuex('$user.userInfo.person.personName'))
}}
</text>
</el-button>
</div>
</div>
</div>
<div class="me-tab">
<div class="me-tab-text">
<ul>
<li @click="canShareType = 0;"
class="tab-left"
:class="[canShareType === 0 ? 'active' : '']">
<a href="javascript:void(0)">买家可享</a>
</li>
<li @click="canShareType = 1;" class=""
:class="[canShareType === 1 ? 'active' : '']">
<a href="javascript:void(0)">卖家可享</a>
</li>
</ul>
</div>
<div class="me-tab-content">
<div class="tab-inner">
<div class="me-step clearfix" v-if="canShareType === 0">
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg1.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>免费注册</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg2.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>发布需求</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg3.png"></i>
</dt>
<dd>管理采购</dd>
</dl>
<dl class="dowslf3">
<dt class="clearfix">
<i class="iconNew iconNew-step-arrow2"><img
src="/static/images/lg14.png"></i>
</dt>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg6.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>完成交易</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg5.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>货物验收</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg4.png"></i>
</dt>
<dd>我的订单</dd>
</dl>
</div>
<div class="linkNav">
<ul>
<li class="nav ">
<a href="/">首页</a>
</li>
<li class="nav" @click="navTo('/pages/index/self-support/self-support')" :class="[currentPage.includes('self-support') ? 'active' : '']">
<a href="javascript:;">金久信自营</a>
</li>
<li @click="navTo('/pages/spot/goods/goods')" class="nav"
:class="[currentPage.includes('spot') ? 'active' : '']">
<a href="javascript:;" class="navigator">
现货市场
</a>
</li>
<li @click="navTo('/pages/enquiry/list')" class="nav "
:class="[currentPage.includes('enquiry') ? 'active' : '']">
<a href="javascript:;" class="navigator">
找买家
</a>
</li>
<li @click="navTo('/pages/process/list')" class="nav "
:class="[currentPage.includes('process') ? 'active' : '']">
<a href="javascript:;">找加工</a>
</li>
<li class="nav " @click="navTo('/pages/index/old/old')"
:class="[currentPage.includes('old') ? 'active' : '']">
<a href="javascript:;">旧货交易</a>
</li>
<li @click="navTo('/pages/yellowPage/list')" class="nav "
:class="[currentPage.includes('yellowPage') ? 'active' : '']">
<a href="javascript:;">金久信黄页</a>
</li>
<li class="nav " @click="navTo('/pages/article/list')"
:class="[currentPage.includes('article') ? 'active' : '']">
<a href="javascript:;">金久信学堂</a>
</li>
<li class="nav " @click="navTo('/pages/index/shop/shop')" :class="[currentPage.includes('shop') ? 'active' : '']">
<a href="javascript:;">特产商城</a>
</li>
</ul>
<div class="me-step clearfix" v-else-if="canShareType === 1">
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg1.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>免费注册</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg2.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>优势报价</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg3.png"></i>
</dt>
<dd>管理销售</dd>
</dl>
<dl class="dowslf3">
<dt class="clearfix">
<i class="iconNew iconNew-step-arrow2"><img
src="/static/images/lg14.png"></i>
</dt>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg6.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>完成交易</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg5.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>组织发货</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg4.png"></i>
</dt>
<dd>我的订单</dd>
</dl>
</div>
<div class="classification">
<div class="entry">
<div class="entry-link">
<img src="@/static/images/logo-left2.png">
</div>
</div>
<!--全部商品分类开始-->
<div v-show="alwaysShowCategory" class="zghome-nav-display">
<p style="width: 100%;margin:10px 0;">
<a v-if="canShareType === 0" href="javascript:;" @click="navTo('/pages/store/buyer')"
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入买家中心
&gt;</a>
<a v-else-if="canShareType === 1" href="javascript:;" @click="navTo('/pages/store/store')"
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入卖家中心
&gt;</a>
</p>
</div>
<div class="tab-inner" style="display: none;">
<div class="me-step clearfix">
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg7.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>企业注册</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg8.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>商品管理</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg9.png"></i>
</dt>
<dd>匹配需求</dd>
</dl>
<dl class="dowslf3">
<dt class="clearfix">
<i class="iconNew iconNew-step-arrow2"><img
src="/static/images/lg14.png"></i>
</dt>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg12.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>完成订单</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg11.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>卖出货品</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg10.png"></i>
</dt>
<dd> 报价</dd>
</dl>
<div v-show="alwaysShowCategory" class="mod-manage" style="height: 500px;">
<div class="me-login">
<div class="login-not">
<div class="login-head">
<img src="/static/images/logo-small.png" alt="">
</div>
<div class="login-action">
<el-button v-if="!vk.getVuex('$user.userInfo.nickname')" type="primary"
class="empty-bg-plain-btn w-full" plain icon="el-icon-user"
@click.native="navTo('/pages/auth/login/login')">登录
</el-button>
<el-button v-else type="primary"
class="empty-bg-plain-btn w-full" plain icon="el-icon-user"
@click.native="navTo('/pages/user/user')">个人中心
</el-button>
</div>
<div class="login-action">
<el-button type="primary" class="auth-btn">
<img src="@/static/images/id-card.png">
<text>实名认证</text>
</el-button>
</div>
</div>
</div>
<div class="me-tab">
<div class="me-tab-text">
<ul>
<li @click="canShareType = 0" class="tab-left"
:class="[canShareType === 0 ? 'active' : '']">
<a href="javascript:void(0)">买家可享</a>
</li>
<li @click="canShareType = 1" class=""
:class="[canShareType === 1 ? 'active' : '']">
<a href="javascript:void(0)">卖家可享</a>
</li>
</ul>
</div>
<div class="me-tab-content">
<div class="tab-inner">
<div class="me-step clearfix">
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg1.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>免费注册</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg2.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>发布需求</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg3.png"></i>
</dt>
<dd>管理采购</dd>
</dl>
<dl class="dowslf3">
<dt class="clearfix">
<i class="iconNew iconNew-step-arrow2"><img
src="/static/images/lg14.png"></i>
</dt>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg6.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>达成交易</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg5.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>验收</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg4.png"></i>
</dt>
<dd> 我的订单</dd>
</dl>
</div>
<p style="width: 100%;margin:10px 0px;">
<a href="/buyer/index.html"
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入买家中心
&gt;</a>
</p>
</div>
<div class="tab-inner" style="display: none;">
<div class="me-step clearfix">
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg7.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>企业注册</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg8.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg13.png"></i>
</dt>
<dd>商品管理</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg9.png"></i>
</dt>
<dd>匹配需求</dd>
</dl>
<dl class="dowslf3">
<dt class="clearfix">
<i class="iconNew iconNew-step-arrow2"><img
src="/static/images/lg14.png"></i>
</dt>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg12.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>完成订单</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg11.png"></i>
<i class="iconNew iconNew-step-arrow"><img
src="/static/images/lg15.png"></i>
</dt>
<dd>卖出货品</dd>
</dl>
<dl>
<dt>
<i class="iconNew"><img
src="/static/images/lg10.png"></i>
</dt>
<dd> 报价</dd>
</dl>
</div>
<p style="width: 100%;margin:10px 0px;">
<a href="/seller/index.html"
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入卖家中心
&gt;</a>
</p>
</div>
</div>
</div>
<div class="clearfix wartchar">
<div class="wartcharlist"><img src="/static/images/wx.png"
style="height: 38px;margin-top: 5px;">
<p style="padding-top: 5px;line-height: 2">金久信</p>
<p>微信公众号</p>
</div>
<div class="wartcharlist">
<img src="/static/images/80705c8b12d05d0ff67a2758749ef09c.jpg"
style="height: 100px;width: 100px;">
</div>
</div>
</div>
</div>
</div>
<!---->
<p style="width: 100%;margin:10px 0;">
<a href="javascript:;" @click="navTo('/pages/store/store')"
style="text-align: center;color: #a92924;font-size: 13px;line-height: 2">进入卖家中心
&gt;</a>
</p>
</div>
</div>
</div>
<div class="clearfix wartchar">
<div class="wartcharlist"><img src="/static/images/wx.png"
style="height: 38px;margin-top: 5px;">
<p style="padding-top: 5px;line-height: 2">金久信</p>
<p>微信公众号</p>
</div>
<div class="wartcharlist">
<img :src="gzhQr"
style="height: 100px;width: 100px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</view>
</div>
</div>
</view>
</template>
<script>
export default {
props: {
alwaysShowCategory: {
type: Boolean,
default: false
}
},
name: "category-bar",
data() {
return {
showCategory: false,
canShareType: 0,
currentPage: ''
};
},
mounted() {
let that = this
const bannerAllPro = document.getElementById("bannerAllPro")
bannerAllPro.addEventListener("mouseover", () => {
that.showCategory = true
})
bannerAllPro.addEventListener("mouseleave", () => {
that.showCategory = false
})
const routes = getCurrentPages()
this.currentPage = getCurrentPages()[routes.length - 1].route
},
methods: {
navTo(url) {
vk.navigateTo(url);
}
},
watch: {
$route({meta: {pagePath}}) {
this.currentPage = pagePath
}
props: {
alwaysShowCategory: {
type: Boolean,
default: false
}
},
name: "category-bar",
data() {
return {
showCategory: false,
canShareType: 0,
currentPage: '',
gzhQr: '',
categoryData: []
};
},
mounted() {
let that = this
this.getCateList()
const bannerAllPro = document.getElementById("bannerAllPro")
bannerAllPro.addEventListener("mouseover", () => {
that.showCategory = true
})
bannerAllPro.addEventListener("mouseleave", () => {
that.showCategory = false
})
const routes = getCurrentPages()
this.currentPage = getCurrentPages()[routes.length - 1].route
this.getGzhQr()
},
methods: {
async getGzhQr() {
const res = await vk.callFunction({
url: 'client/dict/pub/getDetail',
data: {
id: 'cd349d8f691400d0033a5408018d2fe7'
},
})
this.gzhQr = res.content
},
navTo(url) {
if (JSON.stringify(vk.getVuex('$user.userInfo')) === '{}') {
if (url === '/pages/user/user') url = '/pages/auth/register/register'
}
vk.navigateTo(url);
},
showShowChild(index) {
this.$set(this.categoryData[index], 'showChild', true)
},
hideShowChild(index) {
this.$set(this.categoryData[index], 'showChild', false)
},
getCateList() {
vk.callFunction({
url: 'client/spot/category/pub/getTree',
loading: false,
data: {},
success: (data) => {
data.rows.map(item => {
item.showChild = false
return item
})
this.categoryData = data.rows
}
});
},
jump(item, citem) {
if (item._id === '657609c48b0da41d31e5f901') this.navTo(`/pages/spot/goods/goods`)
else if (item._id === '5823f6ee68ca6a9101062ab04002e715') this.navTo(`/pages/index/self-support/self-support`)
else this.navTo(`/pages/spot/goods/goods?keyword=${citem.name}`)
},
jumpToIndex(item) {
if (item._id === '657609c48b0da41d31e5f901') this.navTo(`/pages/spot/goods/goods`)
else if (item._id === '5823f6ee68ca6a9101062ab04002e715') this.navTo(`/pages/index/self-support/self-support`)
else this.navTo(`/pages/spot/goods/goods?keyword=${item.name}`)
}
},
watch: {
$route({meta: {pagePath}}) {
this.currentPage = pagePath
}
}
}
</script>
<style lang="scss">
.navigator {
cursor: pointer;
cursor: pointer;
}
.login-action {
display: flex;
align-items: center;
justify-content: center;
.auth-btn {
margin-top: .5rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
.auth-btn {
margin-top: .5rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
img {
width: 14px;
margin-right: 5px;
}
img {
width: 14px;
margin-right: 5px;
}
}
}
.el-icon-menu{
.el-icon-menu {
padding: 0 4px;
}
.company-name {
display: inline-block;
max-width: 100px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
}
.cate-name:hover {
color: #a92924
}
</style>
components/common-footer/common-footer.vue
+263 -181
View File
@@ -1,195 +1,277 @@
<template>
<view id="footer">
<div class="group-foot">
<div class="group-foot-inner">
<div class="mod-contact">
<dl>
<dt>平台服务</dt>
<dd>
<ul>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/index/self-support/self-support')">金久信自营</a></li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457acf082105ea4d467f0')">常见问题</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457b621821b5c0fca456a')">帮助中心</a>
</li>
<li><a rel="nofollow" href="javascript:;" @click="navTo('/')">实力商家入驻</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/detail?id=657458e821821b5c0fca7dff')">信誉采购</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/detail?id=6574591f7ad52d34471bd558')">金久信公正</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=6574592b09664c4f4af2e686')">自主交易</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/index/self-support/self-support')">金久信自营</a></li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/enquiry/list')">发布询价单</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=657457b621821b5c0fca456a')">金久信动态</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457b621821b5c0fca456a')">知识产权声明</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457b621821b5c0fca456a')">隐私声明</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457b621821b5c0fca456a')">免责声明</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457b621821b5c0fca456a')">平台交易规则</a>
</li>
<li><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457b621821b5c0fca456a')">关于我们</a>
</li>
</ul>
</dd>
</dl>
</div>
<div class="mod-contact">
<dl>
<dt> 旧货交易</dt>
<dd>
<ul>
<li><a rel="nofollow" href="/article/detail/id/19.html">旧货交易流程</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/18.html">如何下单</a>
</li>
</ul>
</dd>
</dl>
</div>
<div class="mod-contact">
<dl>
<dt>找加工</dt>
<dd>
<ul>
<li><a rel="nofollow" href="/article/detail/id/21.html">加工交易流程</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/20.html">如何下加工单</a>
</li>
</ul>
</dd>
</dl>
</div>
<div class="mod-contact">
<dl>
<dt>找合作</dt>
<dd>
<ul>
<li><a rel="nofollow" href="/article/detail/id/23.html">合作施工</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/22.html">合作供货</a>
</li>
</ul>
</dd>
</dl>
</div>
<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="/article/detail/id/27.html">行业动态</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/26.html">技术论坛</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/25.html">执行标准</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/24.html">基础知识</a>
</li>
</ul>
</dd>
</dl>
</div>
<div class="mod-contact">
<dl>
<dt>金久信金融</dt>
<dd>
<ul>
<li><a rel="nofollow" href="/article/detail/id/31.html">如何还款</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/30.html">如何使用额度</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/29.html">申请流程</a>
</li>
<li><a rel="nofollow" href="/article/detail/id/28.html"
>金久信金融简介</a></li>
</ul>
</dd>
</dl>
</div>
</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="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="http:/yilitong.com">亿利通官网</a>
|<a rel="nofollow" target="_self" href="baidu.com">亿利通</a>
</p>
</div>
<p class="wuage-copyright">
Copyright © 2020-2021&nbsp;&nbsp; jinjiuxinzg.cn &nbsp;&nbsp;All Rights Reserved &nbsp;&nbsp;版权所有：&nbsp;&nbsp;南宁亿利通钢管有限公司
<a href="https:/beian.miit.gov.cn" rel="nofollow">桂ICP备19008827号-1</a>
</p>
</div>
<div class="certs-group">
<a class="cert-1" rel="nofollow">
<span class="clearfix"><img
src="http:/jyx.gxwebsoft.com/public/upload/image/20210220/80705c8b12d05d0ff67a2758749ef09c.jpg"><p>公众号</p></span>
</a>
<a class="cert-2" rel="nofollow">
<span class="clearfix"><img
src="http:/jyx.gxwebsoft.com/public/upload/image/20210220/80705c8b12d05d0ff67a2758749ef09c.jpg"><p>手机站</p></span>
</a>
</div>
</div>
</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>
</view>
</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&nbsp;&nbsp; jinjiuxinzg.cn &nbsp;&nbsp;All Rights Reserved &nbsp;&nbsp;版权所有：&nbsp;&nbsp;南宁亿利通钢管有限公司
<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 {};
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
});
},
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>
components/common-header/common-header.vue
+237 -107
View File
@@ -1,115 +1,245 @@
<template>
<view>
<div class="group-head clearfix">
<div class="group-inner clearfix">
<div class="mod-logo">
<a href="/" class="logo"><img src="@/static/images/logo.png"></a>
</div>
<div class="mod-mini-search">
<div class="navigation-top clearfix">
<div class="searchBar">
<ul class="searchBar-tab clearfix">
<li @click="searchTypeChange(0)" :class="{'active': searchType == 0}" class="_goods" >商品</li>
<li @click="searchTypeChange(1)" :class="{'active': searchType == 1}" class="_shop">商户</li>
</ul>
<div class="clearfix">
<div class="searchBar-input">
<div class="searchBar-input-inner">
<input type="text" :placeholder="searchList[searchType].placeholder"
maxlength="100" autocomplete="off">
</div>
<div class="searchBar-input-list" style="display: none;"></div>
</div>
<div class="preventButton button" desc=""></div>
<div class="button" @click="search">搜索</div>
</div>
</div>
<view>
<div class="group-head clearfix">
<div class="group-inner clearfix">
<div class="mod-logo">
<a href="/" class="logo"><img src="@/static/images/logo.png"></a>
</div>
<div class="mod-mini-search">
<div class="navigation-top clearfix">
<div class="searchBar">
<ul class="searchBar-tab clearfix">
<li @click="searchTypeChange(1)" :class="{'active': searchType === 1}" class="_shop">
现货
</li>
<li @click="searchTypeChange(2)" :class="{'active': searchType === 2}" class="_shop">
找供应
</li>
<li @click="searchTypeChange(3)" :class="{'active': searchType === 3}" class="_shop">
找加工
</li>
<li @click="searchTypeChange(4)" :class="{'active': searchType === 4}" class="_shop">
旧货
</li>
<li @click="searchTypeChange(0)" :class="{'active': searchType === 0}" class="_goods">
特产商品
</li>
</ul>
<div class="clearfix">
<div class="searchBar-input">
<div class="searchBar-input-inner">
<input type="text" :placeholder="searchList[searchType].placeholder"
maxlength="100" autocomplete="off" v-model="keyword">
</div>
<div class="searchBar-input-list" style="display: none;"></div>
</div>
<div class="preventButton button" desc=""></div>
<div class="button" @click="search">搜索</div>
</div>
</div>
<div class="mod-hot-query">
<ul class="clearfix">
<li>
<a href="/market/index.html?product_name=直缝焊管">直缝焊管</a>
</li>
<li>
<a href="/market/index.html?product_name=架子管">架子管</a>
</li>
<li>
<a href="/market/index.html?product_name=无缝管">无缝管</a>
</li>
<li>
<a href="/market/index.html?product_name=方矩管">方矩管</a>
</li>
<li>
<a href="/market/index.html?product_name=钢板">钢板</a>
</li>
<li>
<a href="/market/index.html?product_name=螺纹钢">螺纹钢</a>
</li>
<li>
<a href="/market/index.html?product_name=H型钢">H型钢</a>
</li>
<li>
<a href="/market/index.html?product_name=工字钢">工字钢</a>
</li>
<li>
<a href="/market/index.html?product_name=槽钢">槽钢</a>
</li>
<li>
<a href="/market/index.html?product_name=镀锌钢管">镀锌钢管</a>
</li>
</ul>
</div>
</div>
</div>
<div class="mod-menu">
<div class="hrd">
<a href="/support/index.html" class="hrd-landing">
<img src="@/static/images/logo-left.png">
</a>
</div>
</div>
<div class="mod-download-icon js-download">
<a class="download clearfix" href="" target="_blank">
<span style="float: left;font-size: 13px;padding-top: 27px;padding-right: 10px;">金久信<br>
手机站</span>
<img src="/public/upload/image/20210220/80705c8b12d05d0ff67a2758749ef09c.jpg"
style="height: 90px;width: 90px;float: left;">
</a>
</div>
</div>
</div>
</view>
<div class="mod-hot-query">
<ul style="width: 480px; overflow-x: auto;">
<li v-for="(item, index) in allChildCate" :key="index">
<a href="javascript:;" @click="navTo(item.name)">{{ item.name }}</a>
</li>
</ul>
</div>
</div>
</div>
<div class="mod-menu">
<div class="hrd">
<a href="javascript:;" class="hrd-landing"
@click="jump('/pages/index/self-support/self-support')">
<img src="@/static/images/logo-left.png">
</a>
</div>
</div>
<!-- <div class="mod-download-icon js-download">-->
<!-- <a class="download clearfix" href="" target="_blank">-->
<!-- <span style="float: left;font-size: 13px;padding-top: 27px;padding-right: 10px;">金久信<br>-->
<!-- 手机站</span>-->
<!-- <img src="/public/upload/image/20210220/80705c8b12d05d0ff67a2758749ef09c.jpg"-->
<!-- style="height: 90px;width: 90px;float: left;">-->
<!-- </a>-->
<!-- </div>-->
</div>
</div>
</view>
</template>
<script>
export default {
name: "common-header",
data() {
return {
searchType: 0,
searchList: [
{
type: 0,
name: '商品',
placeholder:'请输入品名 材质 规格 钢厂等搜索'
},
{
type: 1,
name: '商户',
placeholder:'请输入商户名或公司名进行搜索'
}
]
};
},
methods: {
searchTypeChange(e) {
this.searchType = e
},
search() {
this.$message('这是一条消息提示');
}
}
}
export default {
name: "common-header",
data() {
return {
searchType: 1,
allChildCate: [],
searchList: [
{
type: 0,
name: '商品',
placeholder: '请输入商品名称等搜索',
page: '/pages/index/shop/shop'
},
{
type: 1,
name: '现货',
placeholder: '请输入品名 材质 规格 钢厂等搜索',
page: '/pages/spot/goods/goods'
},
{
type: 2,
name: '找供应',
placeholder: '请输入品名 材质 规格 钢厂等搜索',
page: '/pages/enquiry/list'
},
{
type: 3,
name: '找加工',
placeholder: '请输入品名 材质 规格 钢厂等搜索',
page: '/pages/process/list'
},
{
type: 4,
name: '旧货',
placeholder: '请输入品名 材质 规格 钢厂等搜索',
page: '/pages/index/old/old'
},
],
keyword: null,
currentPage: '',
spotCateList: [],
enquiryCateList: [],
processCateList: [],
oldCateList: [],
goodsCateList: [],
};
},
methods: {
searchTypeChange(e) {
this.searchType = e
switch (e) {
case 0 : {
this.allChildCate = this.goodsCateList
}
break;
case 1 : {
this.allChildCate = this.spotCateList
}
break;
case 2 : {
this.allChildCate = this.enquiryCateList
}
break;
case 3 : {
this.allChildCate = this.processCateList
}
break;
case 4 : {
this.allChildCate = this.oldCateList
}
break;
}
},
search() {
this.navTo(this.keyword)
},
getCateList() {
vk.callFunction({
url: 'client/spot/category/pub/getTree',
title: '请求中...',
data: {},
success: (data) => {
this.spotCateList = []
data.rows.forEach(item => {
item.children.forEach(child => {
this.spotCateList.push(child)
})
})
this.allChildCate = this.spotCateList
}
});
},
async getEnquiryCateList() {
vk.callFunction({
url: 'client/enquiry/template/pub/getList',
title: '请求中...',
data: {},
success: (data) => {
this.enquiryCateList = data.rows
}
});
},
async getProcessCateList() {
vk.callFunction({
url: 'client/process/category/pub/getTree',
title: '请求中...',
data: {},
success: (data) => {
this.processCateList = data.rows
}
});
},
async getOldCateList() {
vk.callFunction({
url: 'client/old/pub/getTree',
title: '请求中...',
data: {type: 1},
success: (data) => {
this.oldCateList = data.rows.map(item => {
item.children.forEach(child => {
delete child.children
})
return item
})
}
});
},
getGoodsCate() {
vk.callFunction({
url: 'client/goods/category/pub/getList'
}).then(res => {
this.goodsCateList = res.rows
})
},
navTo(keyword) {
if (this.searchType === 0) {
vk.navigateTo({
url: this.searchList[this.searchType].page + '?cateName=' + keyword
})
} else {
vk.navigateTo({
url: this.searchList[this.searchType].page + '?keyword=' + keyword
})
}
},
jump(url) {
vk.navigateTo({
url: url
})
}
},
mounted() {
this.getCateList()
this.getEnquiryCateList()
this.getProcessCateList()
this.getOldCateList()
this.getGoodsCate()
},
watch: {
$route({meta: {pagePath}}) {
this.currentPage = pagePath
if (this.currentPage.includes('shop')) this.searchType = 0
if (this.currentPage.includes('spot')) this.searchType = 1
if (this.currentPage.includes('enquiry')) this.searchType = 2
if (this.currentPage.includes('process')) this.searchType = 3
if (this.currentPage.includes('old')) this.searchType = 4
// console.log(this.currentPage.includes('process'), this.searchType)
}
}
}
</script>
<style lang="scss">
components/common-nav/common-nav.vue
+4 -2
View File
@@ -9,7 +9,7 @@
</div>
<ul class="CenteruserNav-menu">
<li class="" :class="[currentPage.includes('user') ? 'active' : '']"><a href="javascript:;"
<li class="" :class="[(currentPage.includes('user') && !currentPage.includes('school')) ? 'active' : '']"><a href="javascript:;"
@click="jump('/pages/user/user')">个人中心</a>
</li>
<li class="" :class="[currentPage.includes('buyer') ? 'active' : '']"><a href="javascript:;"
@@ -24,7 +24,9 @@
<li class="" :class="[currentPage.includes('contract') ? 'active' : '']"><a href="javascript:;"
@click="jump('/pages/contract/index')">合同管理</a>
</li>
<li><a href="javascript:;" @click="jump('/pages/article/list')">金久信学堂</a></li>
<li :class="[currentPage.includes('school') ? 'active' : '']"><a href="javascript:;"
@click="jump('/pages/user/school')">金久信学堂</a>
</li>
</ul>
</div>
</div>
components/common-swiper/common-swiper.vue
+61
View File
@@ -0,0 +1,61 @@
<template>
<el-carousel :height="`${height}px`" :style="{width: width}" class="m-a">
<el-carousel-item v-for="(item, index) in list.swiper" :key="item" :style="{width: width}">
<image class="carousel-img" :src="item" mode="scaleToFill" :style="{width: width}" @click="onClick(index)"/>
</el-carousel-item>
</el-carousel>
</template>
<script>
export default {
name: "CommonSwiper",
props: {
page: {
type: String,
default: "index"
},
height: {
type: String | Number,
default: "500"
},
width: {
type: String,
default: "100%"
},
},
data() {
return {
list: []
}
},
methods: {
getList() {
vk.callFunction({
url: 'client/album/pub/list',
data: {
page: this.page
},
success: res => {
this.list = res
console.log(this.list)
}
})
},
onClick(index) {
if (this.list.companyId) vk.navigateTo(`/pages/yellowPage/info?id=${this.list.companyId}`)
}
},
mounted() {
this.getList()
}
}
</script>
<style lang="scss" scoped>
.carousel-img {
width: 100%;
height: 100%;
margin: 0 auto;
}
</style>
components/file-type/file-type.vue
+38
View File
@@ -0,0 +1,38 @@
<template>
<view>
<template v-if="['doc', 'docx'].includes(item.split('.').pop())">
<file-word theme="outline" class="pointer" size="40" fill="#4a90e2" strokeLinecap="square"/>
</template>
<template v-else-if="['xls', 'xlsx'].includes(item.split('.').pop())">
<file-excel theme="outline" class="pointer" size="40" fill="#417505" strokeLinecap="square"/>
</template>
<template v-else-if="['pdf'].includes(item.split('.').pop())">
<file-pdf-one theme="outline" class="pointer" size="40" fill="#f5a623"
strokeLinecap="square"/>
</template>
<template v-else>
<el-image :src="item" style="width: 100px; height: 100px" fit="cover"
:preview-src-list="[item]"/>
</template>
</view>
</template>
<script>
import {FileExcel, FilePdfOne, FileWord} from "@icon-park/vue";
export default {
name: "file-type",
components: {FilePdfOne, FileExcel, FileWord},
props: {
item: {
type: String,
default: ''
}
},
data() {
return {}
},
methods: {
},
}
</script>
components/quote-remain-num/quote-remain-num.vue
+172
View File
@@ -0,0 +1,172 @@
<template>
<view>
<template v-if="vk.getVuex('$user.userInfo.userLevel') < 3">
<div class="mt-20 text-main font-bold" v-if="!quoteExpiredAt || monthExpired">剩余报价次数:{{
remainQuoteNum
}}次
</div>
<div class="mt-20 text-main font-bold" v-else-if="quoteExpiredAt && !monthExpired">
报价包月过期时间:{{ dayjs(quoteExpiredAt).format('YYYY-MM-DD HH:mm:ss') }}
</div>
</template>
<el-dialog title="报价次数" :visible.sync="dialogVisible" width="50%">
<p>请选择购买模式</p>
<div class="flex justify-center items-center">
<div class="p-20 rounded m-20 shadow flex flex-col justify-center items-center flex-1 pointer"
:class="[buyQuoteMode === 'single' ? 'buy-quote-mode-active' : '']"
@click="buyQuoteMode = 'single'">
<p>单次购买</p>
<p>{{ amount ? amount : singleQuoteAmount }}元/次</p>
</div>
<div class="p-20 rounded m-20 shadow flex flex-col justify-center items-center flex-1 pointer"
:class="[buyQuoteMode === item._id ? 'buy-quote-mode-active' : '']"
:style="{cursor: 'not-allowed'}"
@click="buyQuoteMode = item._id" v-for="(item, index) in monthlyQuoteAmountList" :key="index">
<p>{{ item.name }}</p>
<p>{{ item.amount }}元</p>
</div>
</div>
<div class="mt-20 flex justify-start items-center"
v-if="vk.getVuex('$user.userInfo.userLevel') === 0 && buyQuoteMode !== 'single'">
<span>您还未成为会员,仅能单次购买。请</span>
<span class="text-main font-bold pointer mx-15 text-35" style="text-decoration: underline"
@click="toUpgrade">升级会员</span>
<span> ，可享受优惠报价套餐。</span>
</div>
<div class="mt-20 " v-if="!vk.getVuex('$user.userInfo.quoteExpiredAt')">
<span>剩余报价次数:</span>
<span class="text-main font-bold text-35">{{ remainQuoteNum }}</span>
<span>次</span>
</div>
<div class="mt-20 text-main font-bold" v-else>
报价包月过期时间:{{ dayjs(quoteExpiredAt).format('YYYY-MM-DD') }}
</div>
<div class="mt-20 flex justify-center items-center">
<el-button type="primary" :disabled="!buyQuoteMode || disabled" @click.native="doBuyQuote">确定
</el-button>
<el-button plain @click.native="cancel">取消</el-button>
</div>
</el-dialog>
</view>
</template>
<script>
import dayjs from "dayjs";
export default {
name: "quote-remain-num",
props: {
amount: Number,
type: String,
id: String,
},
data() {
return {
remainQuoteNum: 0,
quoteExpiredAt: null,
dialogVisible: false,
monthExpired: false,
buyQuoteMode: null,
disabled: false,
singleQuoteAmount: 1,
monthlyQuoteAmount: 10,
monthlyQuoteAmountList: []
}
},
methods: {
dayjs,
async getSingleQuoteAmount() {
const res = await vk.callFunction({
url: 'client/dict/pub/getDetail',
data: {
id: '6587b034466d41a591df881c'
},
})
this.singleQuoteAmount = res.content
},
async getMonthlyAmount() {
const {rows} = await vk.callFunction({
url: 'client/quoteNumConfig/list/pub/list',
})
this.monthlyQuoteAmountList = rows
},
async doBuyQuote() {
const {data} = await vk.callFunction({
url: 'client/enquiry/quoteNum/kh/add',
data: {
buyQuoteMode: this.buyQuoteMode,
type: this.type,
id: this.id,
},
})
this.dialogVisible = false
vk.navigateTo({
url: `/pages/index/shop/pay?id=${data}`
})
},
cancel() {
this.dialogVisible = false
vk.navigateBack()
},
toUpgrade() {
this.dialogVisible = false
vk.navigateTo({
url: `/pages/user/user?menu=equity`
})
}
},
async mounted() {
await this.getSingleQuoteAmount()
await this.getMonthlyAmount()
vk.userCenter.getCurrentUserInfo({
success: async (data) => {
if (this.amount) {
const res = await vk.callFunction({
url: 'client/user/kh/getUserQuoteNumList',
data: {
type: this.type,
sheetId: this.id,
},
})
console.log('res', res.data)
if (!res.data) this.remainQuoteNum = 0
else this.remainQuoteNum = res.data.num
}
if (this.remainQuoteNum === 0) this.remainQuoteNum = data.userInfo.remainQuoteNum ? parseInt(data.userInfo.remainQuoteNum) : 0
this.quoteExpiredAt = data.userInfo.quoteExpiredAt ? dayjs(data.userInfo.quoteExpiredAt).format('YYYY-MM-DD HH:mm:ss') : null
this.monthExpired = dayjs(data.userInfo.quoteExpiredAt).isBefore(dayjs())
console.log('here', this.remainQuoteNum, this.quoteExpiredAt, vk.getVuex('$user.userInfo.userLevel'))
if (this.remainQuoteNum === 0 && (!this.quoteExpiredAt || dayjs(this.quoteExpiredAt).isBefore(dayjs())) && parseInt(vk.getVuex('$user.userInfo.userLevel')) < 3) {
this.$confirm('您的报价次数已用完/已过期，是否立即购买？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
closeOnClickModal: false,
closeOnPressEscape: false,
}).then(async () => {
this.dialogVisible = true
}).catch(() => {
vk.navigateBack()
})
}
}
});
},
watch: {
buyQuoteMode(val) {
if (vk.getVuex('$user.userInfo.userLevel') === 0) {
if (val === 'single') this.disabled = false
else this.disabled = true
}
}
}
}
</script>
<style scoped lang="scss">
.buy-quote-mode-active {
border: 1px solid #a92924;
background-color: #f1c7c7;
}
</style>
components/right-bar/right-bar.vue
+4 -4
View File
@@ -10,7 +10,7 @@
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl1.png"></i>
</div>
<span>找买家</span>
<span>下询价单</span>
</a>
</li>
<li class="side-add-cart"><a rel="nofollow" href="javascript:;"
@@ -18,7 +18,7 @@
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl3.png"></i>
</div>
<span class="txt"> 进货单 </span>
<span class="txt"> 购物车 </span>
</a>
</li>
<li class="side-steel-kefu">
@@ -32,7 +32,7 @@
</a>
</li>
<li class="side-steel-counter">
<a rel="nofollow" href="/counter/index.html">
<a rel="nofollow" href="javascript:;" @click="navTo('/pages/stealCal/stealCal')">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl5.png"></i>
</div>
@@ -52,7 +52,7 @@
<div class="item">
<agreement theme="outline" size="16" fill="#666" strokeLinecap="square"/>
</div>
<span>签约宝</span>
<span>金久信签约宝</span>
</a>
</li>
components/top-bar/top-bar.vue
+53 -21
View File
@@ -1,9 +1,10 @@
<template>
<view>
<view class=" text-center py-15" style="background-color: red; color: yellow">本站测试中，仅对 特约用户 开放部分功能测试，谢谢您的关注，敬请期待!</view>
<view class="group-wagbar">
<div class="group-inner">
<div class="mod-welcome">
<h5 class="welcome-item slogan js-slogan">欢迎来到金久信钢城首页！</h5>
<h5 class="welcome-item slogan js-slogan">欢迎来到金久信钢材供应链生态服务平台首页！</h5>
<div class="welcome-item login-register">
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="login js-top-bar-login"
@@ -22,6 +23,9 @@
class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>
<navigator url="/pages/contract/index?tab=sign">金久信签约宝</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/user/user">个人中心</navigator>
</el-dropdown-item>
@@ -32,19 +36,16 @@
<navigator url="/pages/store/store">卖家中心</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/process/my">我的加工</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/user/school">金久信学堂</navigator>
<navigator url="/pages/order/order">订单管理</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/contract/index">合同管理</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/contract/index?tab=sign">签约宝</navigator>
<navigator url="/pages/process/my">我的加工</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/user/order">订单管理</navigator>
<navigator url="/pages/user/school">金久信学堂</navigator>
</el-dropdown-item>
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
</el-dropdown-menu>
@@ -56,7 +57,7 @@
<li class="tool-item buyer-item">
<a rel="nofollow" href="javascript:;" class="bar-title">
<navigator url="/pages/store/buyer">买家中心<i></i></navigator>
</a>
</a>
<div class="bar-content">
<dl>
<dd>
@@ -69,11 +70,11 @@
<navigator url="/pages/order/order">订单管理</navigator>
</a>
</dd>
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;">-->
<!-- <navigator url="/pages/order/order">订单管理</navigator>-->
<!-- </a>-->
<!-- </dd>-->
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;">-->
<!-- <navigator url="/pages/order/order">订单管理</navigator>-->
<!-- </a>-->
<!-- </dd>-->
</dl>
</div>
</li>
@@ -101,14 +102,15 @@
</dl>
</div>
</li>
<li class="tool-item">
<li class="tool-item pos-r">
<a rel="nofollow" href="javascript:;" class="bar-title"
@click="navTo('/pages/user/user?menu=notice')"
>我的消息</a>
>我的消息({{ messageUnreadNum }})</a>
<div class="dot" v-if="messageUnreadNum > 0"></div>
</li>
<li class="tool-item2">
<a rel="nofollow" href="" class="bar-title" target="_blank"><span>客服服务热线：+86
0771-3923001</span></a>
<a rel="nofollow" href="javascript:;" class="bar-title"><span>客服服务热线：
{{ serviceContract }}</span></a>
</li>
</ul>
@@ -122,12 +124,24 @@
export default {
name: "top-bar",
data() {
return {};
return {
messageUnreadNum: 0,
serviceContract: '',
};
},
created() {
if (vk.getVuex('$user.userInfo._id')) {
this.getUnreadNum()
this.getServicePhone()
}
},
methods: {
async getUnreadNum() {
const {data} = await vk.callFunction({
url: 'client/message/kh/getUnreadCount',
});
this.messageUnreadNum = data
},
handleCommand(e) {
if (e == 'logout') {
this.logout()
@@ -153,8 +167,16 @@ export default {
}
});
})
}
},
async getServicePhone() {
const {content} = await vk.callFunction({
url: 'client/dict/pub/getDetail',
data: {
id: '657d8fca55b337cfadbe1063'
}
})
this.serviceContract = content
},
}
}
</script>
@@ -167,4 +189,14 @@ export default {
color: #a92924;
}
}
.dot {
position: absolute;
right: 0;
top: 5px;
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #a92924;
}
</style>