b2894lxlx/jjx-web-sign-only
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:20:51 +08:00
parent dec4ebc773
commit 6f1b2dc03a
621 changed files with 47117 additions and 43176 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/category-bar/category-bar.vue
+459 -339
View File
@@ -1,374 +1,494 @@
<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="/static/images/80705c8b12d05d0ff67a2758749ef09c.jpg"
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: '',
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
},
methods: {
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/index/old/list/list`)
else this.navTo(`/pages/spot/goods/goods?keyword=${citem.name}`)
},
jumpToIndex(item) {
if (item._id === '657609c48b0da41d31e5f901') this.navTo(`/pages/index/old/list/list`)
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
+150 -181
View File
@@ -1,195 +1,164 @@
<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 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><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>
<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">
</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">
<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">
:src="gzhQr"><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>
:src="mobileQr"><p>手机站</p></span>
</a>
</div>
</div>
</view>
</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.getAboutList()
this.getProcessList()
this.getOldList()
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: '8656c02468f88b03002dbcd84f57dd2d'
},
})
this.gzhQr = res.content
},
async getMobileQr() {
const res = await vk.callFunction({
url: 'client/dict/pub/getDetail',
data: {
id: '7f4b671368f88b39002cf006447af059'
},
})
this.mobileQr = res.content
},
async getAboutList() {
const res = await vk.callFunction({
url: 'client/otherArticle/list/pub/getList',
data: {
parentId: "c0a2d8e46870f2ed0513ba3239037c48"
}
}
})
this.aboutList = res.rows
},
async getProcessList() {
const res = await vk.callFunction({
url: 'client/otherArticle/list/pub/getList',
data: {
parentId: "c0a2d8e46870f3090513bb2a71c44b74"
}
})
this.processList = res.rows
},
async getOldList() {
const res = await vk.callFunction({
url: 'client/otherArticle/list/pub/getList',
data: {
parentId: "29dca3d56870f2fe050cfa37206db15c"
}
})
this.oldList = 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
+1113 -1110
View File
File diff suppressed because it is too large Load Diff
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
+170
View File
@@ -0,0 +1,170 @@
<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: '',
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,
},
})
// if (!res.data) this.remainQuoteNum = 0
// else this.remainQuoteNum = res.data.num
}
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())
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
+135 -135
View File
@@ -1,186 +1,186 @@
<template>
<view>
<div class="layout layout-fix-tab-narrow" style="right: 0px;">
<div class="mod-fix-tab-narrow" style="display: block; ">
<div class="fix-tab-main">
<ul>
<li class="side-hrd">
<a rel="nofollow" href="javascript:;" class="DeliveryMyCard"
@click="navTo('/pages/enquiry/list')">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl1.png"></i>
</div>
<span>找买家</span>
</a>
</li>
<li class="side-add-cart"><a rel="nofollow" href="javascript:;"
@click="navTo('/pages/index/shop/cart')">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl3.png"></i>
</div>
<span class="txt"> 进货单 </span>
</a>
</li>
<li class="side-steel-kefu">
<a rel="nofollow"
href="http://wpa.qq.com/msgrd?v=3&amp;uin=949419497&amp;site=qq&amp;menu=yes"
target="_blank">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl4.png"></i>
</div>
<span>在线客服</span>
</a>
</li>
<li class="side-steel-counter">
<a rel="nofollow" href="/counter/index.html">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl5.png"></i>
</div>
<span>钢材计算器</span>
</a>
</li>
<li class="side-steel-search">
<a rel="nofollow" href="javascript:;" @click="navTo('/pages/yellowPage/list')">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl6.png"></i>
</div>
<span>金久信黄页</span>
</a>
</li>
<li class="side-steel-search">
<a rel="nofollow" href="javascript:;" @click="navTo('/pages/contract/index?tab=sign')">
<div class="item">
<agreement theme="outline" size="16" fill="#666" strokeLinecap="square"/>
</div>
<span>签约宝</span>
</a>
</li>
<li class="actGotop" style="display: none;">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cc-top.png"></i>
</div>
<span>返回顶部</span>
</li>
</ul>
<view>
<div class="layout layout-fix-tab-narrow" style="right: 0px;">
<div class="mod-fix-tab-narrow" style="display: block; ">
<div class="fix-tab-main">
<ul>
<!-- <li class="side-hrd">-->
<!-- <a rel="nofollow" href="javascript:;" class="DeliveryMyCard"-->
<!-- @click="navTo('/pages/enquiry/list')">-->
<!-- <div class="item">-->
<!-- <i class="wag-icon"><img src="@/static/images/cl1.png"></i>-->
<!-- </div>-->
<!-- <span>下询价单</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="side-add-cart"><a rel="nofollow" href="javascript:;"-->
<!-- @click="navTo('/pages/index/shop/cart')">-->
<!-- <div class="item">-->
<!-- <i class="wag-icon"><img src="@/static/images/cl3.png"></i>-->
<!-- </div>-->
<!-- <span class="txt"> 购物车 </span>-->
<!-- </a>-->
<!-- </li>-->
<li class="side-steel-kefu">
<a rel="nofollow"
href="http://wpa.qq.com/msgrd?v=3&amp;uin=949419497&amp;site=qq&amp;menu=yes"
target="_blank">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cl4.png"></i>
</div>
</div>
<span>在线客服</span>
</a>
</li>
<!-- <li class="side-steel-counter">-->
<!-- <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>-->
<!-- <span>钢材计算器</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="side-steel-search">-->
<!-- <a rel="nofollow" href="javascript:;" @click="navTo('/pages/yellowPage/list')">-->
<!-- <div class="item">-->
<!-- <i class="wag-icon"><img src="@/static/images/cl6.png"></i>-->
<!-- </div>-->
<!-- <span>金久信黄页</span>-->
<!-- </a>-->
<!-- </li>-->
<li class="side-steel-search">
<a rel="nofollow" href="javascript:;" @click="navTo('/pages/contract/index?tab=sign')">
<div class="item">
<agreement theme="outline" size="16" fill="#666" strokeLinecap="square"/>
</div>
<span>金久信签约宝</span>
</a>
</li>
<li class="actGotop" style="display: none;">
<div class="item">
<i class="wag-icon"><img src="@/static/images/cc-top.png"></i>
</div>
<span>返回顶部</span>
</li>
</ul>
</div>
</view>
</div>
</div>
</view>
</template>
<script>
import {Agreement} from '@icon-park/vue'
export default {
components: {Agreement},
name: "right-bar",
data() {
return {};
},
methods: {
navTo(url) {
vk.navigateTo(url);
}
components: {Agreement},
name: "right-bar",
data() {
return {};
},
methods: {
navTo(url) {
vk.navigateTo(url);
}
}
}
</script>
<style lang="scss">
.layout-fix-tab-narrow {
border-left: 1px solid #f1f1f1;
position: fixed;
right: -40px;
top: 0;
width: 40px;
height: 100%;
background: #fff;
z-index: 9999999;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
line-height: 1.5;
color: #656565;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif;
border-left: 1px solid #f1f1f1;
position: fixed;
right: -40px;
top: 0;
width: 40px;
height: 100%;
background: #fff;
z-index: 9999999;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
line-height: 1.5;
color: #656565;
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}
.mod-fix-tab-narrow li {
width: 40px;
position: relative;
margin: 3px 0;
width: 40px;
position: relative;
margin: 3px 0;
}
.mod-fix-tab-narrow li {
padding: 4px 0;
cursor: pointer;
line-height: 16px;
padding: 4px 0;
cursor: pointer;
line-height: 16px;
}
.layout-fix-tab-narrow a {
color: #656565;
text-decoration: none;
padding: 5px 0px;
color: #656565;
text-decoration: none;
padding: 5px 0px;
}
.mod-fix-tab-narrow li .item {
display: block;
position: relative;
z-index: 99;
text-align: center;
height: 23px;
display: block;
position: relative;
z-index: 99;
text-align: center;
height: 23px;
}
.mod-fix-tab-narrow li span {
display: block;
right: 0;
width: 16px;
white-space: inherit;
text-align: center;
word-wrap: break-word;
word-break: break-all;
padding: 0 12px;
line-height: 14px;
z-index: 10;
top: 32px;
transition: inherit;
display: block;
right: 0;
width: 16px;
white-space: inherit;
text-align: center;
word-wrap: break-word;
word-break: break-all;
padding: 0 12px;
line-height: 14px;
z-index: 10;
top: 32px;
transition: inherit;
}
.wag-icon {
font-size: 16px;
height: 30px;
width: 30px;
font-style: normal;
color: #353535;
font-size: 16px;
height: 30px;
width: 30px;
font-style: normal;
color: #353535;
}
.mod-fix-tab-narrow li:hover {
box-shadow: 0 0;
color: #a92924
box-shadow: 0 0;
color: #a92924
}
.mod-fix-tab-narrow li:hover {
box-shadow: 0 0 16px 0 hsla(0, 0%, 77%, .5)
box-shadow: 0 0 16px 0 hsla(0, 0%, 77%, .5)
}
.mod-fix-tab-narrow li:hover span {
box-shadow: 0 0;
color: #a92924
box-shadow: 0 0;
color: #a92924
}
.mod-fix-tab-narrow {
margin-top: 50px;
margin-top: 50px;
}
.a-fadeinL {
margin-top: 50px;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
margin-top: 50px;
-webkit-transition: right .5s ease;
-moz-transition: right .5s ease;
-ms-transition: right .5s ease;
-o-transition: right .5s ease;
transition: right .5s ease;
}
</style>
components/top-bar/top-bar.vue
+182 -148
View File
@@ -1,170 +1,204 @@
<template>
<view>
<view class="group-wagbar">
<div class="group-inner">
<div class="mod-welcome">
<h5 class="welcome-item slogan js-slogan">欢迎来到金久信钢城首页！</h5>
<div class="welcome-item login-register">
<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>
<div class="welcome-item login-register">
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="login js-top-bar-login"
url="/pages/auth/login/login" rel="nofollow" target="_self"
style="display: inline-block;">
请登录
</navigator>
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="register "
url="/pages/auth/register/register" rel="nofollow" target="_blank"
style="display: inline-block;">免费注册
</navigator>
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="login js-top-bar-login"
url="/pages/auth/login/login" rel="nofollow" target="_self"
style="display: inline-block;">
请登录
</navigator>
<navigator v-if="!vk.getVuex('$user.userInfo.nickname')" class="register "
url="/pages/auth/register/register" rel="nofollow" target="_blank"
style="display: inline-block;">免费注册
</navigator>
<el-dropdown @command="handleCommand" size="mini" v-if="vk.getVuex('$user.userInfo.nickname')">
<el-dropdown @command="handleCommand" size="mini" v-if="vk.getVuex('$user.userInfo.nickname')">
<span class="register">
{{ vk.getVuex('$user.userInfo.nickname') }}<i
class="el-icon-arrow-down el-icon--right"></i>
class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>
<navigator url="/pages/user/user">个人中心</navigator>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/store/buyer">买家中心</navigator>
</el-dropdown-item>
<el-dropdown-item>
<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>
</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>
</el-dropdown-item>
<el-dropdown-item>
<navigator url="/pages/user/order">订单管理</navigator>
</el-dropdown-item>
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<div class="mod-tools">
<ul>
<li class="tool-item buyer-item">
<a rel="nofollow" href="javascript:;" class="bar-title">
<navigator url="/pages/store/buyer">买家中心<i></i></navigator>
</a>
<div class="bar-content">
<dl>
<dd>
<a rel="nofollow" href="javascript:;">
<navigator url="/pages/store/buyer?menuIndex=1">询价管理</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>
<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>-->
<!-- <el-dropdown-item>-->
<!-- <navigator url="/pages/store/buyer">买家中心</navigator>-->
<!-- </el-dropdown-item>-->
<!-- <el-dropdown-item>-->
<!-- <navigator url="/pages/store/store">卖家中心</navigator>-->
<!-- </el-dropdown-item>-->
<!-- <el-dropdown-item>-->
<!-- <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/process/my">我的加工</navigator>-->
<!-- </el-dropdown-item>-->
<!-- <el-dropdown-item>-->
<!-- <navigator url="/pages/user/school">金久信学堂</navigator>-->
<!-- </el-dropdown-item>-->
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
<!-- <div class="mod-tools">-->
<!-- <ul>-->
<!-- <li class="tool-item buyer-item">-->
<!-- <a rel="nofollow" href="javascript:;" class="bar-title">-->
<!-- <navigator url="/pages/store/buyer">买家中心<i></i></navigator>-->
<!-- </a>-->
<!-- <div class="bar-content">-->
<!-- <dl>-->
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;">-->
<!-- <navigator url="/pages/store/buyer?menuIndex=1">询价管理</navigator>-->
<!-- </a>-->
<!-- </dd>-->
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;">-->
<!-- <navigator url="/pages/order/order">订单管理</navigator>-->
<!-- </a>-->
<!-- </dd>-->
<!-- &lt;!&ndash; <dd>&ndash;&gt;-->
<!-- &lt;!&ndash; <a rel="nofollow" href="javascript:;">&ndash;&gt;-->
<!-- &lt;!&ndash; <navigator url="/pages/order/order">订单管理</navigator>&ndash;&gt;-->
<!-- &lt;!&ndash; </a>&ndash;&gt;-->
<!-- &lt;!&ndash; </dd>&ndash;&gt;-->
<!-- </dl>-->
<!-- </div>-->
<!-- </li>-->
<li class="tool-item service-item">
<a rel="nofollow" href="" class="bar-title" target="_blank">客户服务<i></i></a>
<div class="bar-content">
<dl>
<dd>
<a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=657457acf082105ea4d467f0')">常见问题</a>
</dd>
<dd>
<a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=6573d7c3e0ec19b5047ffa8c')">买家指南</a>
</dd>
<dd>
<a rel="nofollow" href="javascript:;"
@click="navTo('/pages/otherArticle/list?id=6573d7bde0ec19b5047ff941')">卖家指南</a>
</dd>
<!-- <dd>-->
<!-- <a rel="nofollow" target="_self" id="wagbar-im"-->
<!-- class="im data-tracelog">在线咨询</a>-->
<!-- </dd>-->
</dl>
</div>
</li>
<li class="tool-item">
<a rel="nofollow" href="javascript:;" class="bar-title"
@click="navTo('/pages/user/user?menu=notice')"
>我的消息</a>
</li>
<li class="tool-item2">
<a rel="nofollow" href="" class="bar-title" target="_blank"><span>客服服务热线：+86
0771-3923001</span></a>
<!-- <li class="tool-item service-item">-->
<!-- <a rel="nofollow" href="" class="bar-title" target="_blank">客户服务<i></i></a>-->
<!-- <div class="bar-content">-->
<!-- <dl>-->
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;"-->
<!-- @click="navTo('/pages/otherArticle/list?id=657457acf082105ea4d467f0')">常见问题</a>-->
<!-- </dd>-->
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;"-->
<!-- @click="navTo('/pages/otherArticle/list?id=6573d7c3e0ec19b5047ffa8c')">买家指南</a>-->
<!-- </dd>-->
<!-- <dd>-->
<!-- <a rel="nofollow" href="javascript:;"-->
<!-- @click="navTo('/pages/otherArticle/list?id=6573d7bde0ec19b5047ff941')">卖家指南</a>-->
<!-- </dd>-->
<!-- &lt;!&ndash; <dd>&ndash;&gt;-->
<!-- &lt;!&ndash; <a rel="nofollow" target="_self" id="wagbar-im"&ndash;&gt;-->
<!-- &lt;!&ndash; class="im data-tracelog">在线咨询</a>&ndash;&gt;-->
<!-- &lt;!&ndash; </dd>&ndash;&gt;-->
<!-- </dl>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="tool-item pos-r">-->
<!-- <a rel="nofollow" href="javascript:;" class="bar-title"-->
<!-- @click="navTo('/pages/user/user?menu=notice')"-->
<!-- >我的消息({{ messageUnreadNum }})</a>-->
<!-- <div class="dot" v-if="messageUnreadNum > 0"></div>-->
<!-- </li>-->
<!-- <li class="tool-item2">-->
<!-- <a rel="nofollow" href="javascript:;" class="bar-title"><span>客服服务热线：-->
<!-- {{ serviceContract }}</span></a>-->
</li>
</ul>
</div>
</div>
</view>
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
</div>
</view>
</view>
</template>
<script>
export default {
name: "top-bar",
data() {
return {};
},
created() {
},
methods: {
handleCommand(e) {
if (e == 'logout') {
this.logout()
}
},
navTo(url) {
vk.navigateTo({
url
})
},
logout() {
this.$confirm('确认退出登录?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
vk.userCenter.logout({
success: (data) => {
// 退出登录成功后的逻辑
uni.reLaunch({
url: '/'
})
}
});
})
}
name: "top-bar",
data() {
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()
}
},
navTo(url) {
vk.navigateTo({
url
})
},
logout() {
this.$confirm('确认退出登录?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
vk.userCenter.logout({
success: (data) => {
// 退出登录成功后的逻辑
uni.reLaunch({
url: '/'
})
}
});
})
},
async getServicePhone() {
const {content} = await vk.callFunction({
url: 'client/dict/pub/getDetail',
data: {
id: '657d8fca55b337cfadbe1063'
}
})
this.serviceContract = content
},
}
}
</script>
<style lang="scss">
.register {
cursor: pointer;
cursor: pointer;
&:hover {
color: #a92924;
}
&:hover {
color: #a92924;
}
}
.dot {
position: absolute;
right: 0;
top: 5px;
width: 10px;
height: 10px;
border-radius: 999px;
background-color: #a92924;
}
</style>