Skip to content

S
shop-new
提交 04c47c27 authored 作者: huaxinzhu's avatar huaxinzhu
浏览文件
操作

提现需要优化以及bug修复；官网接口对接1-2

上级 225a5683
显示空白字符变更
内嵌 并排
正在显示 包含 333 行增加 和 264 行删除
.env.development
浏览文件 @ 04c47c27
...@@ -3,7 +3,7 @@ ENV = 'development' ...@@ -3,7 +3,7 @@ ENV = 'development'
# 正式环境 # 正式环境
#VUE_APP_BASE_API = 'http://sjapi.jxhh.com' #VUE_APP_BASE_API = 'http://sjapi.jxhh.com'
#VUE_APP_BASE_SYS_API = 'http://sysapi.jxhh.com' VUE_APP_BASE_SYS_API = 'http://sysapi.jxhh.com'
# 开发环境 # 开发环境
#VUE_APP_BASE_API = 'http://192.168.111.34:8200' #VUE_APP_BASE_API = 'http://192.168.111.34:8200'
VUE_APP_BASE_API = 'http://192.168.26.179:8200' VUE_APP_BASE_API = 'http://192.168.26.179:8200'
......
src/api/module/bankcard.js
浏览文件 @ 04c47c27
...@@ -171,10 +171,17 @@ export function addInvoiceData (data) { ...@@ -171,10 +171,17 @@ export function addInvoiceData (data) {
} }
// 获取验证码 // 获取验证码
// export function getCheckCodeData(data) {
// return request({
// url: '/system/withdrawlog/getCheckCode',
// method: 'post',
// data: data
// })
// }
export function getCheckCodeData(data) { export function getCheckCodeData(data) {
return request({ return request({
url: '/system/withdrawlog/getCheckCode', url: '/local/seller/sendMobile',
method: 'post', method: 'get',
data: data data: data
}) })
} }
......
src/api/module/operation/index.js
浏览文件 @ 04c47c27
// import request from '@/utils/request'; import request from '@/utils/request';
import axios from 'axios' import axios from 'axios'
//
// 获取分类列表 // // 获取分类列表
// export function getDocList (docType) { // export function getDocList (docType) {
// return request({ // return request({
// url: '/api/v1/document/externalTypeListALL?docType='+docType, // url: '//sysapi.jxhh.com/api/v1/document/externalTypeListALL?docType='+docType,
// method: 'get' // method: 'get'
// }) // })
// } // }
// // //
// // 查询文档 // // // 查询文档
// export function getDoc (query) { // export function getDoc (query) {
// return request({ // return request({
// url: '/api/v1/document/externalShow', // url: '/api/v1/document/externalShow',
......
src/views/entry/newyuncang.vue
浏览文件 @ 04c47c27
...@@ -4,12 +4,20 @@ ...@@ -4,12 +4,20 @@
<header :class="{ 'head-scroll': isScroll }"> <header :class="{ 'head-scroll': isScroll }">
<div class="header-con"> <div class="header-con">
<ul class="nav"> <ul class="nav">
<li> <li v-if="settitle && settitle.toplogo">
<img style="width:114px;height:35px;" :src="settitle.topLogo" alt=""> <img style="width:114px;height:35px;" :src="settitle.topLogo" alt="">
<!-- <img style="width:114px;height:35px;" src="../../../public/images/logo_white_sm.png" alt=""> -->
</li> </li>
<li v-for="(item,index) in ycList" :key="item.id"> <li>
<a :href=" item.src " target="_blank">{{ item.name}}</a> <a href="">首页</a>
</li>
<li>
<a :href=" '//' + navigationObj.open" target="_blank">开放平台</a>
</li>
<li>
<a :href=" '//' + navigationObj.shop">云仓</a>
</li>
<li>
<a :href=" '//' + navigationObj.aboutUs + '/user' " target="_blank">关于我们</a>
</li> </li>
</ul> </ul>
<div class="register-login-btn"> <div class="register-login-btn">
...@@ -19,11 +27,17 @@ ...@@ -19,11 +27,17 @@
</div> </div>
</header> </header>
<section class="banner"> <section class="banner">
<!-- <el-carousel height="561px" :autoplay="false" arrow="never">--> <!-- <el-carousel height="561px" :autoplay="false" arrow="never">-->
<!-- <el-carousel-item v-for="item in 4" :key="item">--> <!-- <el-carousel-item v-for="item in 4" :key="item">-->
<!-- <img style="width:100%;" src="../../assets/image/website/banner.png" alt="">--> <!-- <img style="width:100%;" src="../../assets/image/website/banner.png" alt="">-->
<!-- </el-carousel-item>--> <!-- </el-carousel-item>-->
<!-- </el-carousel>--> <!-- </el-carousel>-->
<swiper :options="swiperOption" v-if="bannerList && bannerList.length > 0">
<swiper-slide v-for="(item,index) in bannerList" :key="index">
<a :href="item.redirect_url" target="_blank"><img style="width: 100%;height: 562px;" :src="item.image_url"
alt=""></a>
</swiper-slide>
</swiper>
</section> </section>
<!-- 主体 --> <!-- 主体 -->
...@@ -31,69 +45,41 @@ ...@@ -31,69 +45,41 @@
<div class="advantage" :class="{ 'mgB100': isAdHover }"> <div class="advantage" :class="{ 'mgB100': isAdHover }">
<p class="advantage-title">核心优势</p> <p class="advantage-title">核心优势</p>
<div class="advantage-con" :class="{ 'mgT20' : isAdHover }"> <div class="advantage-con" :class="{ 'mgT20' : isAdHover }">
<div class="pre-advantage" @mouseover="adHover(1)" @mouseleave="adLeave(1)" :class="{ 'noBorder': indexAddom === 1 }" style="z-index: 4">
<dl class="dl-con" :class="{ 'noDlCon': indexAddom === 1 }"> <div
<dt class="dl-con-ad1"></dt> class="pre-advantage"
<dd>技术优势</dd> v-for="(adItem,index) in cloud_advantage_lst"
</dl> :key="index"
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 1 }"> :style="{zIndex: cloud_advantage_lst.length - index}"
<p class="ad-details-title"> @mouseover="adHover(index + 1)"
技术优势 @mouseleave="adLeave(index + 1)"
</p > >
<p class="ad-details"> <dl class="dl-con" :class="{ 'noDlCon': indexAddom === (index+1) }">
数字化、智能化云仓系统支持商品一键导入，快速编辑上架；订单批量发货、流程简洁，实时同步物流状态； 结算流水实时同步，资金链及时回笼 <dt :class=" 'dl-con-ad' + (index+1) "></dt>
</p> <dd>{{ adItem.title }}</dd>
</div>
</div>
<div class="pre-advantage" @mouseover="adHover(2)" @mouseleave="adLeave(2)" :class="{ 'noBorder': indexAddom === 2 }" style="z-index: 3">
<dl style="text-align: center" class="dl-con" :class="{ 'noDlCon': indexAddom === 2 }">
<dt class="dl-con-ad2"></dt>
<dd>成本优势</dd>
</dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 2 }">
<p class="ad-details-title">
成本优势
</p >
<p class="ad-details">
云仓支持线上快速提交资料，入驻、审核简便；对接数万B端商家，流量大、出单快；接口一键导入批量发货，节省人力物力成本；多维度分析，助力数字营销和运营营销和运营
</p>
</div>
</div>
<div class="pre-advantage" @mouseover="adHover(3)" @mouseleave="adLeave(3)" :class="{ 'noBorder': indexAddom === 3 }" style="z-index: 2">
<dl style="text-align: center" class="dl-con" :class="{ 'noDlCon': indexAddom === 3 }">
<dt class="dl-con-ad3"></dt>
<dd>响应式</dd>
</dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 3 }">
<p class="ad-details-title">
响应式
</p >
<p class="ad-details">
一键导入商品<br/>
一键轻松上架<br/>
一键自动结算<br/>
一键批量发货<br/>
一键对接商家<br/>
一键库存同步<br/>
一键售后响应<br/>
一键财务管理
</p>
</div>
</div>
<div class="pre-advantage" @mouseover="adHover(4)" @mouseleave="adLeave(4)" :class="{ 'noBorder': indexAddom === 4 }" style="z-index: 1">
<dl style="text-align: center" class="dl-con" :class="{ 'noDlCon': indexAddom === 4 }">
<dt class="dl-con-ad4"></dt>
<dd>解决方案</dd>
</dl> </dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 4 }">
<p class="ad-details-title"> <div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === (index+1) }">
解决方案 <p class="ad-details-title">{{ adItem.title }}</p>
</p > <p class="ad-details">{{ adItem.content_summary }}</p>
<p class="ad-details">
商品对接供应链B端数万商家，多条渠道同时出单；对多网店的商品和订单等日常事务同时管理，提高整体效率；供应商的KPI考核，把控采购风险，提高采购效益
</p>
</div> </div>
</div> </div>
<!-- <div class="pre-advantage" @mouseover="adHover(1)" @mouseleave="adLeave(1)" :class="{ 'noBorder': indexAddom === 1 }" style="z-index: 4">-->
<!-- <dl class="dl-con" :class="{ 'noDlCon': indexAddom === 1 }">-->
<!-- <dt class="dl-con-ad1"></dt>-->
<!-- <dd>技术优势</dd>-->
<!-- </dl>-->
<!-- <div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 1 }">-->
<!-- <p class="ad-details-title">-->
<!-- 技术优势-->
<!-- </p >-->
<!-- <p class="ad-details">-->
<!-- 数字化、智能化云仓系统支持商品一键导入，快速编辑上架；订单批量发货、流程简洁，实时同步物流状态； 结算流水实时同步，资金链及时回笼-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
</div> </div>
</div> </div>
</section> </section>
...@@ -154,7 +140,7 @@ ...@@ -154,7 +140,7 @@
<div class="pro-ma"> <div class="pro-ma">
<p class="set-in-ma n-m-bg">入驻选填材料</p> <p class="set-in-ma n-m-bg">入驻选填材料</p>
<div class="optional"> <div class="optional">
<ul > <ul>
<li>品牌LOGO</li> <li>品牌LOGO</li>
<li>其它行业资质</li> <li>其它行业资质</li>
</ul> </ul>
...@@ -180,7 +166,9 @@ ...@@ -180,7 +166,9 @@
<span class="maternal" :class="{ 'light-word' : isLight === 3 }" @click="brandTypeChange(3)">母婴</span> <span class="maternal" :class="{ 'light-word' : isLight === 3 }" @click="brandTypeChange(3)">母婴</span>
</p> </p>
<div class="brand-carousel"> <div class="brand-carousel">
<el-carousel ref="cardShow" @change="brandCarChange()" :autoplay="false" arrow="never" indicator-position="none" type="card" class="card-show" height="400px" style="margin: 20px auto;"> <el-carousel ref="cardShow" @change="brandCarChange()" :autoplay="false" arrow="never"
indicator-position="none" type="card" class="card-show" height="400px"
style="margin: 20px auto;">
<el-carousel-item name="1" class="pre-el-carousel-item"> <el-carousel-item name="1" class="pre-el-carousel-item">
<img src="../../assets/image/website/clothesImgs.png" alt=""> <img src="../../assets/image/website/clothesImgs.png" alt="">
</el-carousel-item> </el-carousel-item>
...@@ -201,7 +189,7 @@ ...@@ -201,7 +189,7 @@
<footer> <footer>
<div class="contact"> <div class="contact">
<p>如果你想要更多的<span>了解</span>，请联系我们</p> <p>如果你想要更多的<span>了解</span>，请联系我们</p>
<p>4000-188-199</p> <p>{{ settitle.contactTel }}</p>
</div> </div>
<div class="about-con"> <div class="about-con">
<div class="about-list"> <div class="about-list">
...@@ -213,7 +201,8 @@ ...@@ -213,7 +201,8 @@
<li>新闻动态</li> <li>新闻动态</li>
</ul> </ul>
<p class="about-gs"> <p class="about-gs">
{{settitle.bottomCopyright}}   {{settitle.recordNum}} {{settitle.bottomCopyright}}  <img class="icon-image" style="margin-right:4px;"
src="@/assets/image/national.png">{{settitle.recordNum}}
</p> </p>
</div> </div>
<div class="about-us"> <div class="about-us">
...@@ -228,34 +217,69 @@ ...@@ -228,34 +217,69 @@
<script> <script>
import store from '@/store'; import store from '@/store';
import { indexInfo, newsList, companyCounsel ,webSite,getdomain,getallCloudList} from '@/api/webSite' import {indexInfo, newsList, companyCounsel, webSite, getdomain, getallCloudList} from '@/api/webSite'
export default { export default {
name: "newyuncang", name: "newyuncang",
data() { data() {
return { return {
menurl:{}, // banner 图
settitle:{}, bannerList: [],
channel_id:0, // 核心优势
cloud_advantage_lst: [],
settitle: {
bottomCopyright: "",
businessHours: 1,
companyAddress: "",
contactTel: "",
custServiceQrcode: "",
hotlineTel1: "",
hotlineTel2: "",
onlineTimeEnd: "18:00",
onlineTimeStart: "09:00",
recordNum: "",
topLogo: "",
},
channel_id: 0,
isScroll: false, isScroll: false,
isAdHover: false, isAdHover: false,
isHasBorder: false, isHasBorder: false,
indexAddom: false, indexAddom: false,
isLight: 0, isLight: 0,
ycList: [ navigationObj: {
{ name: '首页',id:0,src: '/' }, 'home': '',
{ name: '开放平台',id:1,src: 'http://open.jxhh.com/doc/api.html' }, 'open':'',
{ name: '云仓',id:2,src: 'http://scm.jxhh.com' }, 'shop':'',
{ name: '关于我们',id:3,src: 'http://www.stbz.net' }, 'aboutUs':'',
], },
gwToken: '' gwToken: '',
swiperOption: {
loop: true, // 循环模式选项
pagination: {
el: '.swiper-pagination',
clickable: true,
// bulletClass:'my-bullet',
bulletActiveClass: 'my-bullet'
},
autoplay: {
delay: 6000,
disableOnInteraction: false
},
// 设定初始化时slide的索引
initialSlide: 0,
// Slides的滑动方向，可设置水平(horizontal)或垂直(vertical)
direction: 'horizontal',
// 一个屏幕展示的数量
slidesPerView: 1
}
} }
}, },
mounted() { mounted() {
this.getIndexInfo() this.getIndexInfo()
window.addEventListener('scroll',this.handleScroll,true); window.addEventListener('scroll', this.handleScroll, true);
}, },
destroyed() { destroyed() {
window.removeEventListener('scroll',this.handleScroll); window.removeEventListener('scroll', this.handleScroll);
}, },
methods: { methods: {
...@@ -277,79 +301,62 @@ ...@@ -277,79 +301,62 @@
} }
}) })
}, },
// 获取通用设置 /** 获取通用设置 */
getWebSite() { getWebSite() {
let params = { let params = {
channel_ids: this.channel_id channel_ids: this.channel_id
} }
webSite(params).then(res => { webSite(params).then(res => {
if (res.code==1) { if (res.code == 1) {
if(res.data.universal_lst&&res.data.universal_lst!='null'){ if (res.data.universal_lst && res.data.universal_lst != 'null') {
this.settitle = res.data.universal_lst this.settitle = res.data.universal_lst
}else{ } else {
this.settitle = { // this.settitle = {
bottomCopyright: "Copyright © 2015 - 2021 北京胜天半子科技有限公司 All Rights Reserved.", // bottomCopyright: "Copyright © 2015 - 2021 北京胜天半子科技有限公司 All Rights Reserved.",
businessHours: 1, // businessHours: 1,
companyAddress: "北京市丰台区诺德中心一期四号楼21层", // companyAddress: "北京市丰台区诺德中心一期四号楼21层",
contactTel: "4000-188-199", // contactTel: "4000-188-199",
custServiceQrcode: "http://excel.jxhh.com/public/upload/1629540531.png", // custServiceQrcode: "http://excel.jxhh.com/public/upload/1629540531.png",
hotlineTel1: "010-5335 9558", // hotlineTel1: "010-5335 9558",
hotlineTel2: "400-188-199", // hotlineTel2: "400-188-199",
onlineTimeEnd: "18:00", // onlineTimeEnd: "18:00",
onlineTimeStart: "09:00", // onlineTimeStart: "09:00",
recordNum: "京ICP备19033223号-1", // recordNum: "京ICP备19033223号-1",
topLogo: "http://excel.jxhh.com/public/upload/1629540557.png", // topLogo: "http://excel.jxhh.com/public/upload/1629540557.png",
// }
} }
} }
}
}) })
}, },
//获取所有域名 /** 获取所有域名 */
getDomain(){ getDomain() {
let data = { let data = {
channel_ids:this.channel_id channel_ids: this.channel_id
}
getdomain(data).then(res=>{
if(res.code==1){
this.menurl = res.data
if(this.menurl&&this.menurl!='null'){
this.ycList = [
{ name: '首页',id:0,src: '/' },
{ name: '开放平台',id:1,src: '' },
{ name: '云仓',id:2,src: '' },
{ name: '关于我们',id:3,src: '' }
]
this.menurl.forEach((item,index)=>{
if(item.label=='open'){
this.ycList[1].src = item.value
}
if(item.label=='cloud'){
this.ycList[2].src = item.value
}
if(item.label=='official'){
this.ycList[3].src = item.value
}
})
}else{
this.ycList = [
{ name: '首页',id:0,src: '/' },
{ name: '开放平台',id:1,src: 'http://open.jxhh.com' },
{ name: '云仓',id:2,src: 'http://scm.jxhh.com' },
{ name: '关于我们',id:3,src: 'http://www.stbz.net' }
]
} }
getdomain(data).then(res => {
if (res.code == 1 && res.data) {
this.navigationObj.home = '';
this.navigationObj.open = res.data.Open.domain;
this.navigationObj.shop = res.data.Cloud.domain;
this.navigationObj.aboutUs = res.data.Official.domain;
} }
}) })
}, },
getAllcloud(){ getAllcloud() {
let data = { let data = {
new_channel_id:this.channel_id new_channel_id: this.channel_id
}
getallCloudList(data).then(res => {
if (res.code == 1 && res.data) {
// 核心优势
if (res.data.cloud_advantage_lst && res.data.cloud_advantage_lst.length > 0) {
this.cloud_advantage_lst = res.data.cloud_advantage_lst
}
// banner图
if (res.data.cloud_banner_lst && res.data.cloud_banner_lst.banners_json && res.data.cloud_banner_lst.banners_json.length > 0) {
this.bannerList = res.data.cloud_banner_lst.banners_json;
}
} }
getallCloudList(data).then(res=>{
}) })
}, },
// 监听浏览器滚动 // 监听浏览器滚动
...@@ -393,11 +400,12 @@ ...@@ -393,11 +400,12 @@
</script> </script>
<style lang="scss" type="text/stylus" scoped> <style lang="scss" type="text/stylus" scoped>
header,section,footer,ul,li,p,dl,dt,dd { header, section, footer, ul, li, p, dl, dt, dd {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
ul,li {
ul, li {
list-style: none; list-style: none;
} }
...@@ -406,6 +414,7 @@ ...@@ -406,6 +414,7 @@
height: 100%; height: 100%;
min-width: 960px; min-width: 960px;
} }
/* 公用 */ /* 公用 */
/* header */ /* header */
...@@ -418,7 +427,7 @@ ...@@ -418,7 +427,7 @@
} }
.head-scroll { .head-scroll {
background-color : #070D41; background-color: #070D41;
} }
.header-con { .header-con {
...@@ -427,59 +436,64 @@ ...@@ -427,59 +436,64 @@
height: 100px; height: 100px;
color: #fff; color: #fff;
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : space-between; justify-content: space-between;
align-items : center; align-items: center;
} }
.nav,.register-login-btn { .nav, .register-login-btn {
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : start; justify-content: start;
align-items: center; align-items: center;
} }
.nav { .nav {
} }
.register-login-btn { .register-login-btn {
} }
.nav > li{
.nav > li {
padding: 10px 25px; padding: 10px 25px;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.register-btn,.login-btn { .register-btn, .login-btn {
padding: 5px 20px; padding: 5px 20px;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
} }
.register-btn { .register-btn {
border: 1px solid #fff; border: 1px solid #fff;
} }
.login-btn { .login-btn {
border: 1px solid #1D8EFE; border: 1px solid #1D8EFE;
background: #1D8EFE; background: #1D8EFE;
margin-left: 20px; margin-left: 20px;
} }
/* banner图 */ /* banner图 */
.banner { .banner {
width: 100%; width: 100%;
height: 562px; height: 562px;
position : relative; margin-right: auto;
background : url("../../assets/image/website/banner.png") no-repeat center center; margin-left: auto;
background-size: cover; overflow: hidden;
} }
.advantage { .advantage {
margin-bottom: 0; margin-bottom: 0;
transition : all 0.5s; transition: all 0.5s;
} }
.advantage-title,.process-title,.brands-title { .advantage-title, .process-title, .brands-title {
text-align: center; text-align: center;
font-size: 38px; font-size: 38px;
font-weight: 400; font-weight: 400;
...@@ -491,12 +505,13 @@ ...@@ -491,12 +505,13 @@
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : center; justify-content: center;
align-items : center; align-items: center;
position: relative; position: relative;
transition: 0.5s; transition: 0.5s;
} }
.pre-advantage { .pre-advantage {
width: 268px; width: 268px;
height: 190px; height: 190px;
...@@ -507,41 +522,47 @@ ...@@ -507,41 +522,47 @@
z-index: 0; z-index: 0;
border-radius: 2px; border-radius: 2px;
} }
.dl-con { .dl-con {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align : center; text-align: center;
background: #FFFFFF; background: #FFFFFF;
z-index: 0; /* 这个值要保证和 当前容器dom 一致 */ z-index: 0; /* 这个值要保证和 当前容器dom 一致 */
border: none; border: none;
overflow : hidden; overflow: hidden;
} }
.dl-con > dt{ .dl-con > dt {
width: 85px; width: 85px;
height: 88px; height: 88px;
margin: 25px auto; margin: 25px auto;
} }
.dl-con > dd { .dl-con > dd {
font-size: 18px; font-size: 18px;
color: #232323; color: #232323;
margin: 0 auto; margin: 0 auto;
} }
.dl-con > .dl-con-ad1 { .dl-con > .dl-con-ad1 {
background : url("../../assets/image/website/ad1.png") no-repeat center center; background: url("../../assets/image/website/ad1.png") no-repeat center center;
background-size : cover; background-size: cover;
} }
.dl-con > .dl-con-ad2 { .dl-con > .dl-con-ad2 {
background : url("../../assets/image/website/ad2.png") no-repeat center center; background: url("../../assets/image/website/ad2.png") no-repeat center center;
background-size : cover; background-size: cover;
} }
.dl-con > .dl-con-ad3 { .dl-con > .dl-con-ad3 {
background : url("../../assets/image/website/ad3.png") no-repeat center center; background: url("../../assets/image/website/ad3.png") no-repeat center center;
background-size : cover; background-size: cover;
} }
.dl-con > .dl-con-ad4 { .dl-con > .dl-con-ad4 {
background : url("../../assets/image/website/ad4.png") no-repeat center center; background: url("../../assets/image/website/ad4.png") no-repeat center center;
background-size : cover; background-size: cover;
} }
.pre-advantage-details { .pre-advantage-details {
...@@ -551,22 +572,22 @@ ...@@ -551,22 +572,22 @@
top: -110px; top: -110px;
left: -1px; left: -1px;
z-index: 199; z-index: 199;
background :#fff url("../../assets/image/website/adfooter.png") no-repeat bottom center; background: #fff url("../../assets/image/website/adfooter.png") no-repeat bottom center;
box-shadow: 0 6px 18px 1px rgba(57, 124, 255, 0.26); box-shadow: 0 6px 18px 1px rgba(57, 124, 255, 0.26);
overflow : hidden; overflow: hidden;
display: none; display: none;
} }
.ad-details-title { .ad-details-title {
width: 100%; width: 100%;
height: 76px; height: 76px;
line-height : 76px; line-height: 76px;
text-align : center; text-align: center;
color: #fff; color: #fff;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 20px;
background: linear-gradient(118deg, #0157FF 0%, #538DFF 100%); background: linear-gradient(118deg, #0157FF 0%, #538DFF 100%);
overflow :hidden; overflow: hidden;
} }
.ad-details { .ad-details {
...@@ -575,10 +596,10 @@ ...@@ -575,10 +596,10 @@
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 28px; line-height: 28px;
text-align : justify; text-align: justify;
text-align-last : center; text-align-last: center;
-ms-text-align-last : center; -ms-text-align-last: center;
-moz-text-align-last : center; -moz-text-align-last: center;
} }
/* hover 时候的效果 class */ /* hover 时候的效果 class */
...@@ -606,11 +627,11 @@ ...@@ -606,11 +627,11 @@
/* 入驻流程 */ /* 入驻流程 */
.process-steps,.process-mater { .process-steps, .process-mater {
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : center; justify-content: center;
align-items : center; align-items: center;
} }
.pro-step { .pro-step {
...@@ -619,19 +640,20 @@ ...@@ -619,19 +640,20 @@
background: #fff; background: #fff;
margin: 0 20px; margin: 0 20px;
} }
.pro-ma{
.pro-ma {
width: 590px; width: 590px;
height: 190px; height: 190px;
background : #fff; background: #fff;
margin: 35px 20px 0; margin: 35px 20px 0;
background : #fff url("../../assets/image/website/mate-bg.png") no-repeat 100%; background: #fff url("../../assets/image/website/mate-bg.png") no-repeat 100%;
} }
.pro-ma:hover,.pro-step:hover{ .pro-ma:hover, .pro-step:hover {
box-shadow :0 2px 10px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
} }
.step-one,.step-two,.step-three,.step-four { .step-one, .step-two, .step-three, .step-four {
width: 58px; width: 58px;
height: 58px; height: 58px;
text-align: center; text-align: center;
...@@ -639,17 +661,21 @@ ...@@ -639,17 +661,21 @@
} }
.step-one { .step-one {
background : url("../../assets/image/website/step1.png") no-repeat center center; background: url("../../assets/image/website/step1.png") no-repeat center center;
} }
.step-two { .step-two {
background : url("../../assets/image/website/step2.png") no-repeat center center; background: url("../../assets/image/website/step2.png") no-repeat center center;
} }
.step-three { .step-three {
background : url("../../assets/image/website/step3.png") no-repeat center center; background: url("../../assets/image/website/step3.png") no-repeat center center;
} }
.step-four { .step-four {
background : url("../../assets/image/website/step4.png") no-repeat center center; background: url("../../assets/image/website/step4.png") no-repeat center center;
} }
.pro-step > dl > dd { .pro-step > dl > dd {
height: 20px; height: 20px;
font-size: 20px; font-size: 20px;
...@@ -657,6 +683,7 @@ ...@@ -657,6 +683,7 @@
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
.pro-step > span { .pro-step > span {
display: block; display: block;
width: 100px; width: 100px;
...@@ -665,17 +692,17 @@ ...@@ -665,17 +692,17 @@
color: #666; color: #666;
background: #F0F0F5; background: #F0F0F5;
border-radius: 13px; border-radius: 13px;
line-height : 25px; line-height: 25px;
margin: 18px auto; margin: 18px auto;
text-align : center; text-align: center;
} }
.pro-step > p { .pro-step > p {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
line-height : 28px; line-height: 28px;
text-align : center; text-align: center;
padding: 0 20px; padding: 0 20px;
} }
...@@ -688,29 +715,32 @@ ...@@ -688,29 +715,32 @@
text-indent: 30px; text-indent: 30px;
margin: 35px 0 15px 68px; margin: 35px 0 15px 68px;
} }
.m-bg { .m-bg {
background : url("../../assets/image/website/setIn1.png") no-repeat 0 center; background: url("../../assets/image/website/setIn1.png") no-repeat 0 center;
} }
.n-m-bg { .n-m-bg {
background : url("../../assets/image/website/setIn2.png") no-repeat 0 center; background: url("../../assets/image/website/setIn2.png") no-repeat 0 center;
} }
.optional{ .optional {
display : flex; display: flex;
justify-content : start; justify-content: start;
flex-direction : row; flex-direction: row;
} }
.optional > ul:nth-child(1){
.optional > ul:nth-child(1) {
margin: 0 50px 0 72px; margin: 0 50px 0 72px;
} }
.optional > ul > li { .optional > ul > li {
margin: 15px 0; margin: 15px 0;
text-indent: 20px; text-indent: 20px;
background : url("../../assets/image/website/arrow.png") no-repeat 0 center; background: url("../../assets/image/website/arrow.png") no-repeat 0 center;
} }
.pro-step:hover,.pro-ma:hover { .pro-step:hover, .pro-ma:hover {
//box-shadow: 0 2px 12px 0 #ccc; //box-shadow: 0 2px 12px 0 #ccc;
} }
...@@ -719,6 +749,7 @@ ...@@ -719,6 +749,7 @@
padding: 0 0 90px; padding: 0 0 90px;
background: linear-gradient(0deg, #DEE8F9 46%, #FEFEFF 100%); background: linear-gradient(0deg, #DEE8F9 46%, #FEFEFF 100%);
} }
.brands-title { .brands-title {
text-align: center; text-align: center;
font-size: 38px; font-size: 38px;
...@@ -733,21 +764,22 @@ ...@@ -733,21 +764,22 @@
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
opacity: 0.82; opacity: 0.82;
padding : 35px 0 20px; padding: 35px 0 20px;
} }
.brand-type { .brand-type {
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : space-around; justify-content: space-around;
align-items : center; align-items: center;
width: 40%; width: 40%;
margin: 60px auto 12px; margin: 60px auto 12px;
} }
.clothes, .electrical, .food, .maternal { .clothes, .electrical, .food, .maternal {
height: 30px; height: 30px;
line-height : 30px; line-height: 30px;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
...@@ -760,16 +792,19 @@ ...@@ -760,16 +792,19 @@
} }
.clothes { .clothes {
background : url("../../assets/image/website/clothes.png") no-repeat 0 center; background: url("../../assets/image/website/clothes.png") no-repeat 0 center;
} }
.electrical { .electrical {
background : url("../../assets/image/website/electrical.png") no-repeat 0 center; background: url("../../assets/image/website/electrical.png") no-repeat 0 center;
} }
.food { .food {
background : url("../../assets/image/website/food.png") no-repeat 0 center; background: url("../../assets/image/website/food.png") no-repeat 0 center;
} }
.maternal { .maternal {
background : url("../../assets/image/website/maternal.png") no-repeat 0 center; background: url("../../assets/image/website/maternal.png") no-repeat 0 center;
} }
.clothes:hover, .electrical:hover, .food:hover, .maternal:hover { .clothes:hover, .electrical:hover, .food:hover, .maternal:hover {
...@@ -777,12 +812,12 @@ ...@@ -777,12 +812,12 @@
} }
.brand-carousel { .brand-carousel {
width:70%; width: 70%;
min-width: 600px; min-width: 600px;
max-width: 1920px; max-width: 1920px;
display : flex; display: flex;
justify-content : center; justify-content: center;
flex-direction : row; flex-direction: row;
margin: 0 auto; margin: 0 auto;
} }
...@@ -794,46 +829,48 @@ ...@@ -794,46 +829,48 @@
padding: 20px; padding: 20px;
} }
/deep/.pre-el-carousel-item > img { /deep/ .pre-el-carousel-item > img {
object-fit:cover; object-fit: cover;
width:100%; width: 100%;
height: 100%; height: 100%;
//border: 1px solid #ccc; //border: 1px solid #ccc;
} }
/deep/.is-active { /deep/ .is-active {
border: 1px solid #e9e9e9; border: 1px solid #e9e9e9;
background : #fff; background: #fff;
overflow : hidden; overflow: hidden;
box-shadow: 0 25px 28px 10px rgba(152, 150, 150, 0.1); box-shadow: 0 25px 28px 10px rgba(152, 150, 150, 0.1);
} }
.el-carousel__item:nth-child(2n) { .el-carousel__item:nth-child(2n) {
background-color: #fff; background-color: #fff;
transform : scaleY(1.8); transform: scaleY(1.8);
} }
// //
.el-carousel__item:nth-child(2n+1) { .el-carousel__item:nth-child(2n+1) {
background: #fff; background: #fff;
} }
/* footer 联系我们 */ /* footer 联系我们 */
.contact { .contact {
height: 243px; height: 243px;
background : url("../../assets/image/website/footer-bg.png") no-repeat center 0; background: url("../../assets/image/website/footer-bg.png") no-repeat center 0;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
flex-direction : column; flex-direction: column;
justify-content : center; justify-content: center;
align-items : center; align-items: center;
} }
.contact > p { .contact > p {
letter-spacing: 2px; letter-spacing: 2px;
text-align : center; text-align: center;
font-size: 26px; font-size: 26px;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
line-height : 46px; line-height: 46px;
} }
.contact > p > span { .contact > p > span {
...@@ -845,22 +882,22 @@ ...@@ -845,22 +882,22 @@
color: #fff; color: #fff;
background: #242A37; background: #242A37;
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : center; justify-content: center;
align-items : center; align-items: center;
font-size: 14px; font-size: 14px;
} }
.about-list,.about-us { .about-list, .about-us {
//margin: 52px; //margin: 52px;
} }
.about-list { .about-list {
height: 110px; height: 110px;
display: flex; display: flex;
flex-direction : column; flex-direction: column;
justify-content : center; justify-content: center;
align-items : center; align-items: center;
border-right: 1px solid #50555f; border-right: 1px solid #50555f;
padding-right: 80px; padding-right: 80px;
} }
...@@ -871,20 +908,20 @@ ...@@ -871,20 +908,20 @@
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
display: flex; display: flex;
flex-direction : row; flex-direction: row;
justify-content : space-around; justify-content: space-around;
} }
.about-list > ul > li { .about-list > ul > li {
height: 30px; height: 30px;
padding: 0 40px; padding: 0 40px;
line-height : 30px; line-height: 30px;
border-right: 1px solid #50555f; border-right: 1px solid #50555f;
cursor: pointer; cursor: pointer;
} }
.about-list > ul > li:last-child { .about-list > ul > li:last-child {
border : none; border: none;
} }
.about-gs { .about-gs {
......
src/views/system/asset/withdraw/index.vue
浏览文件 @ 04c47c27
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<el-form-item label="提现至：" prop="bank_id"> <el-form-item label="提现至：" prop="bank_id">
<el-select v-model="assetForm.bank_id" placeholder="选择到账银行卡" style="width:420px;"> <el-select v-model="assetForm.bank_id" placeholder="选择到账银行卡" style="width:420px;">
<el-option v-for="item in bankList" :key="item.id" :label="item.bank_name" :value="item.id"></el-option> <el-option v-for="item in bankList" :key="item.id" :label="formatBankName(item.bank_name,item.bank_account_sn)" :value="item.id"></el-option>
</el-select> </el-select>
<span class="withdraw-tip"> <span class="withdraw-tip">
您还没有账户，<span class="spe-span-a" @click="goToAddBank">去添加</span> 您还没有账户，<span class="spe-span-a" @click="goToAddBank">去添加</span>
...@@ -30,7 +30,8 @@ ...@@ -30,7 +30,8 @@
<el-form-item label="提现金额："> <el-form-item label="提现金额：">
<el-input v-model="withdrawalBalance" disabled placeholder="全部提现金额" style="width:420px;"/> <el-input v-model="withdrawalBalance" disabled placeholder="全部提现金额" style="width:420px;"/>
<span class="withdraw-tip"> <span class="withdraw-tip">
提现金额为全部的可提现余额，手续费将从您的提现金额中扣除，以实际到账为准（开票以实际到账金额开具） 不允许手动输入，提现金额为全部的可提现余额，手续费将从您的提现金额中扣除，以实际到账为准（开票以实际到账金额开具）。
提现金额至少为100元才可以操作提现
</span> </span>
<p class="withdraw-tip-spe">当前提现手续费为：{{ chargeCount }} 元</p> <p class="withdraw-tip-spe">当前提现手续费为：{{ chargeCount }} 元</p>
</el-form-item> </el-form-item>
...@@ -182,9 +183,12 @@ ...@@ -182,9 +183,12 @@
// 倒计时效果 // 倒计时效果
this.getCode() this.getCode()
getCheckCodeData({seller_id: this.seller_id}).then(response => { // 获取验证码接口
if (response.code == 0) { getCheckCodeData().then(res => {
this.msgSuccess(response.msg); if (res.code == 1) {
this.$message({type:'success',message: '验证码发送成功'});
}else {
this.$message({type:'error',message: res.message ? res.message : '发送失败'});
} }
}); });
}, },
...@@ -233,6 +237,11 @@ ...@@ -233,6 +237,11 @@
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
if( Number(this.withdrawalBalance) < 100) {
this.$message({type: 'warning',message: '提现金额至少为100才可操作提现'});
return;
}
this.$refs["assetForm"].validate(valid => { this.$refs["assetForm"].validate(valid => {
if (valid) { if (valid) {
applyWithdraw(this.assetForm).then(res => { applyWithdraw(this.assetForm).then(res => {
...@@ -247,6 +256,22 @@ ...@@ -247,6 +256,22 @@
} }
}); });
}, },
/** 提现 银行卡名称 + ***后四位卡号 */
formatBankName(name,num) {
let newBnakName = '';
let newNum = '';
// 为了以防万一，先将num转为字符串
let numStr = num + '';
if(numStr && numStr.length > 4) {
newNum = '****' + numStr.substring(numStr.length-4)
}else {
newNum = numStr
}
newBnakName = name + ' (' + newNum + ')'
return newBnakName
}
} //methods结束 } //methods结束
}; };
</script> </script>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论