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'
# 正式环境
#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.26.179:8200'
......
src/api/module/bankcard.js
浏览文件 @ 04c47c27
......@@ -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) {
return request({
url: '/system/withdrawlog/getCheckCode',
method: 'post',
url: '/local/seller/sendMobile',
method: 'get',
data: data
})
}
......
src/api/module/operation/index.js
浏览文件 @ 04c47c27
// import request from '@/utils/request';
import request from '@/utils/request';
import axios from 'axios'
// 获取分类列表
//
// // 获取分类列表
// export function getDocList (docType) {
// return request({
// url: '/api/v1/document/externalTypeListALL?docType='+docType,
// url: '//sysapi.jxhh.com/api/v1/document/externalTypeListALL?docType='+docType,
// method: 'get'
// })
// }
//
// // 查询文档
// //
// // // 查询文档
// export function getDoc (query) {
// return request({
// url: '/api/v1/document/externalShow',
......
src/views/entry/newyuncang.vue
浏览文件 @ 04c47c27
......@@ -4,12 +4,20 @@
<header :class="{ 'head-scroll': isScroll }">
<div class="header-con">
<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="../../../public/images/logo_white_sm.png" alt=""> -->
</li>
<li v-for="(item,index) in ycList" :key="item.id">
<a :href=" item.src " target="_blank">{{ item.name}}</a>
<li>
<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>
</ul>
<div class="register-login-btn">
......@@ -19,11 +27,17 @@
</div>
</header>
<section class="banner">
<!-- <el-carousel height="561px" :autoplay="false" arrow="never">-->
<!-- <el-carousel-item v-for="item in 4" :key="item">-->
<!-- <img style="width:100%;" src="../../assets/image/website/banner.png" alt="">-->
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- <el-carousel height="561px" :autoplay="false" arrow="never">-->
<!-- <el-carousel-item v-for="item in 4" :key="item">-->
<!-- <img style="width:100%;" src="../../assets/image/website/banner.png" alt="">-->
<!-- </el-carousel-item>-->
<!-- </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>
<!-- 主体 -->
......@@ -31,69 +45,41 @@
<div class="advantage" :class="{ 'mgB100': isAdHover }">
<p class="advantage-title">核心优势</p>
<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 }">
<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 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>
<div
class="pre-advantage"
v-for="(adItem,index) in cloud_advantage_lst"
:key="index"
:style="{zIndex: cloud_advantage_lst.length - index}"
@mouseover="adHover(index + 1)"
@mouseleave="adLeave(index + 1)"
>
<dl class="dl-con" :class="{ 'noDlCon': indexAddom === (index+1) }">
<dt :class=" 'dl-con-ad' + (index+1) "></dt>
<dd>{{ adItem.title }}</dd>
</dl>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === 4 }">
<p class="ad-details-title">
解决方案
</p >
<p class="ad-details">
商品对接供应链B端数万商家，多条渠道同时出单；对多网店的商品和订单等日常事务同时管理，提高整体效率；供应商的KPI考核，把控采购风险，提高采购效益
</p>
<div class="pre-advantage-details" :class="{ 'up-ad-details': indexAddom === (index+1) }">
<p class="ad-details-title">{{ adItem.title }}</p>
<p class="ad-details">{{ adItem.content_summary }}</p>
</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>
</section>
......@@ -154,7 +140,7 @@
<div class="pro-ma">
<p class="set-in-ma n-m-bg">入驻选填材料</p>
<div class="optional">
<ul >
<ul>
<li>品牌LOGO</li>
<li>其它行业资质</li>
</ul>
......@@ -180,7 +166,9 @@
<span class="maternal" :class="{ 'light-word' : isLight === 3 }" @click="brandTypeChange(3)">母婴</span>
</p>
<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">
<img src="../../assets/image/website/clothesImgs.png" alt="">
</el-carousel-item>
......@@ -201,7 +189,7 @@
<footer>
<div class="contact">
<p>如果你想要更多的<span>了解</span>，请联系我们</p>
<p>4000-188-199</p>
<p>{{ settitle.contactTel }}</p>
</div>
<div class="about-con">
<div class="about-list">
......@@ -213,7 +201,8 @@
<li>新闻动态</li>
</ul>
<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>
</div>
<div class="about-us">
......@@ -228,34 +217,69 @@
<script>
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 {
name: "newyuncang",
data() {
return {
menurl:{},
settitle:{},
channel_id:0,
// banner 图
bannerList: [],
// 核心优势
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,
isAdHover: false,
isHasBorder: false,
indexAddom: false,
isLight: 0,
ycList: [
{ name: '首页',id:0,src: '/' },
{ name: '开放平台',id:1,src: 'http://open.jxhh.com/doc/api.html' },
{ name: '云仓',id:2,src: 'http://scm.jxhh.com' },
{ name: '关于我们',id:3,src: 'http://www.stbz.net' },
],
gwToken: ''
navigationObj: {
'home': '',
'open':'',
'shop':'',
'aboutUs':'',
},
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() {
this.getIndexInfo()
window.addEventListener('scroll',this.handleScroll,true);
window.addEventListener('scroll', this.handleScroll, true);
},
destroyed() {
window.removeEventListener('scroll',this.handleScroll);
window.removeEventListener('scroll', this.handleScroll);
},
methods: {
......@@ -277,79 +301,62 @@
}
})
},
// 获取通用设置
/** 获取通用设置 */
getWebSite() {
let params = {
channel_ids: this.channel_id
}
webSite(params).then(res => {
if (res.code==1) {
if(res.data.universal_lst&&res.data.universal_lst!='null'){
if (res.code == 1) {
if (res.data.universal_lst && res.data.universal_lst != 'null') {
this.settitle = res.data.universal_lst
}else{
this.settitle = {
bottomCopyright: "Copyright © 2015 - 2021 北京胜天半子科技有限公司 All Rights Reserved.",
businessHours: 1,
companyAddress: "北京市丰台区诺德中心一期四号楼21层",
contactTel: "4000-188-199",
custServiceQrcode: "http://excel.jxhh.com/public/upload/1629540531.png",
hotlineTel1: "010-5335 9558",
hotlineTel2: "400-188-199",
onlineTimeEnd: "18:00",
onlineTimeStart: "09:00",
recordNum: "京ICP备19033223号-1",
topLogo: "http://excel.jxhh.com/public/upload/1629540557.png",
} else {
// this.settitle = {
// bottomCopyright: "Copyright © 2015 - 2021 北京胜天半子科技有限公司 All Rights Reserved.",
// businessHours: 1,
// companyAddress: "北京市丰台区诺德中心一期四号楼21层",
// contactTel: "4000-188-199",
// custServiceQrcode: "http://excel.jxhh.com/public/upload/1629540531.png",
// hotlineTel1: "010-5335 9558",
// hotlineTel2: "400-188-199",
// onlineTimeEnd: "18:00",
// onlineTimeStart: "09:00",
// recordNum: "京ICP备19033223号-1",
// topLogo: "http://excel.jxhh.com/public/upload/1629540557.png",
// }
}
}
}
})
},
//获取所有域名
getDomain(){
/** 获取所有域名 */
getDomain() {
let data = {
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' }
]
channel_ids: this.channel_id
}
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 = {
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 @@
</script>
<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;
padding: 0;
}
ul,li {
ul, li {
list-style: none;
}
......@@ -406,6 +414,7 @@
height: 100%;
min-width: 960px;
}
/* 公用 */
/* header */
......@@ -418,7 +427,7 @@
}
.head-scroll {
background-color : #070D41;
background-color: #070D41;
}
.header-con {
......@@ -427,59 +436,64 @@
height: 100px;
color: #fff;
display: flex;
flex-direction : row;
justify-content : space-between;
align-items : center;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.nav,.register-login-btn {
.nav, .register-login-btn {
display: flex;
flex-direction : row;
justify-content : start;
flex-direction: row;
justify-content: start;
align-items: center;
}
.nav {
}
.register-login-btn {
}
.nav > li{
.nav > li {
padding: 10px 25px;
cursor: pointer;
font-size: 18px;
}
.register-btn,.login-btn {
.register-btn, .login-btn {
padding: 5px 20px;
border-radius: 4px;
cursor: pointer;
}
.register-btn {
border: 1px solid #fff;
}
.login-btn {
border: 1px solid #1D8EFE;
background: #1D8EFE;
margin-left: 20px;
}
/* banner图 */
.banner {
width: 100%;
height: 562px;
position : relative;
background : url("../../assets/image/website/banner.png") no-repeat center center;
background-size: cover;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
.advantage {
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;
font-size: 38px;
font-weight: 400;
......@@ -491,12 +505,13 @@
width: 80%;
margin: 0 auto;
display: flex;
flex-direction : row;
justify-content : center;
align-items : center;
flex-direction: row;
justify-content: center;
align-items: center;
position: relative;
transition: 0.5s;
}
.pre-advantage {
width: 268px;
height: 190px;
......@@ -507,41 +522,47 @@
z-index: 0;
border-radius: 2px;
}
.dl-con {
width: 100%;
height: 100%;
text-align : center;
text-align: center;
background: #FFFFFF;
z-index: 0; /* 这个值要保证和 当前容器dom 一致 */
border: none;
overflow : hidden;
overflow: hidden;
}
.dl-con > dt{
.dl-con > dt {
width: 85px;
height: 88px;
margin: 25px auto;
}
.dl-con > dd {
font-size: 18px;
color: #232323;
margin: 0 auto;
}
.dl-con > .dl-con-ad1 {
background : url("../../assets/image/website/ad1.png") no-repeat center center;
background-size : cover;
background: url("../../assets/image/website/ad1.png") no-repeat center center;
background-size: cover;
}
.dl-con > .dl-con-ad2 {
background : url("../../assets/image/website/ad2.png") no-repeat center center;
background-size : cover;
background: url("../../assets/image/website/ad2.png") no-repeat center center;
background-size: cover;
}
.dl-con > .dl-con-ad3 {
background : url("../../assets/image/website/ad3.png") no-repeat center center;
background-size : cover;
background: url("../../assets/image/website/ad3.png") no-repeat center center;
background-size: cover;
}
.dl-con > .dl-con-ad4 {
background : url("../../assets/image/website/ad4.png") no-repeat center center;
background-size : cover;
background: url("../../assets/image/website/ad4.png") no-repeat center center;
background-size: cover;
}
.pre-advantage-details {
......@@ -551,22 +572,22 @@
top: -110px;
left: -1px;
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);
overflow : hidden;
overflow: hidden;
display: none;
}
.ad-details-title {
width: 100%;
height: 76px;
line-height : 76px;
text-align : center;
line-height: 76px;
text-align: center;
color: #fff;
font-weight: 400;
font-size: 20px;
background: linear-gradient(118deg, #0157FF 0%, #538DFF 100%);
overflow :hidden;
overflow: hidden;
}
.ad-details {
......@@ -575,10 +596,10 @@
font-size: 16px;
font-weight: 400;
line-height: 28px;
text-align : justify;
text-align-last : center;
-ms-text-align-last : center;
-moz-text-align-last : center;
text-align: justify;
text-align-last: center;
-ms-text-align-last: center;
-moz-text-align-last: center;
}
/* hover 时候的效果 class */
......@@ -606,11 +627,11 @@
/* 入驻流程 */
.process-steps,.process-mater {
.process-steps, .process-mater {
display: flex;
flex-direction : row;
justify-content : center;
align-items : center;
flex-direction: row;
justify-content: center;
align-items: center;
}
.pro-step {
......@@ -619,19 +640,20 @@
background: #fff;
margin: 0 20px;
}
.pro-ma{
.pro-ma {
width: 590px;
height: 190px;
background : #fff;
background: #fff;
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{
box-shadow :0 2px 10px 0 rgba(0,0,0,0.05);
.pro-ma:hover, .pro-step:hover {
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;
height: 58px;
text-align: center;
......@@ -639,17 +661,21 @@
}
.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 {
background : url("../../assets/image/website/step2.png") no-repeat center center;
background: url("../../assets/image/website/step2.png") no-repeat center center;
}
.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 {
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 {
height: 20px;
font-size: 20px;
......@@ -657,6 +683,7 @@
margin: 0 auto;
text-align: center;
}
.pro-step > span {
display: block;
width: 100px;
......@@ -665,17 +692,17 @@
color: #666;
background: #F0F0F5;
border-radius: 13px;
line-height : 25px;
line-height: 25px;
margin: 18px auto;
text-align : center;
text-align: center;
}
.pro-step > p {
font-size: 14px;
font-weight: 400;
color: #666666;
line-height : 28px;
text-align : center;
line-height: 28px;
text-align: center;
padding: 0 20px;
}
......@@ -688,29 +715,32 @@
text-indent: 30px;
margin: 35px 0 15px 68px;
}
.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 {
background : url("../../assets/image/website/setIn2.png") no-repeat 0 center;
background: url("../../assets/image/website/setIn2.png") no-repeat 0 center;
}
.optional{
display : flex;
justify-content : start;
flex-direction : row;
.optional {
display: flex;
justify-content: start;
flex-direction: row;
}
.optional > ul:nth-child(1){
.optional > ul:nth-child(1) {
margin: 0 50px 0 72px;
}
.optional > ul > li {
margin: 15px 0;
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;
}
......@@ -719,6 +749,7 @@
padding: 0 0 90px;
background: linear-gradient(0deg, #DEE8F9 46%, #FEFEFF 100%);
}
.brands-title {
text-align: center;
font-size: 38px;
......@@ -733,21 +764,22 @@
font-weight: 400;
color: #333333;
opacity: 0.82;
padding : 35px 0 20px;
padding: 35px 0 20px;
}
.brand-type {
display: flex;
flex-direction : row;
justify-content : space-around;
align-items : center;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 40%;
margin: 60px auto 12px;
}
.clothes, .electrical, .food, .maternal {
height: 30px;
line-height : 30px;
line-height: 30px;
cursor: pointer;
font-size: 20px;
font-weight: 400;
......@@ -760,16 +792,19 @@
}
.clothes {
background : url("../../assets/image/website/clothes.png") no-repeat 0 center;
background: url("../../assets/image/website/clothes.png") no-repeat 0 center;
}
.electrical {
background : url("../../assets/image/website/electrical.png") no-repeat 0 center;
background: url("../../assets/image/website/electrical.png") no-repeat 0 center;
}
.food {
background : url("../../assets/image/website/food.png") no-repeat 0 center;
background: url("../../assets/image/website/food.png") no-repeat 0 center;
}
.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 {
......@@ -777,12 +812,12 @@
}
.brand-carousel {
width:70%;
width: 70%;
min-width: 600px;
max-width: 1920px;
display : flex;
justify-content : center;
flex-direction : row;
display: flex;
justify-content: center;
flex-direction: row;
margin: 0 auto;
}
......@@ -794,46 +829,48 @@
padding: 20px;
}
/deep/.pre-el-carousel-item > img {
object-fit:cover;
width:100%;
/deep/ .pre-el-carousel-item > img {
object-fit: cover;
width: 100%;
height: 100%;
//border: 1px solid #ccc;
}
/deep/.is-active {
/deep/ .is-active {
border: 1px solid #e9e9e9;
background : #fff;
overflow : hidden;
background: #fff;
overflow: hidden;
box-shadow: 0 25px 28px 10px rgba(152, 150, 150, 0.1);
}
.el-carousel__item:nth-child(2n) {
background-color: #fff;
transform : scaleY(1.8);
transform: scaleY(1.8);
}
//
.el-carousel__item:nth-child(2n+1) {
background: #fff;
}
/* footer 联系我们 */
/* footer 联系我们 */
.contact {
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%;
display: flex;
flex-direction : column;
justify-content : center;
align-items : center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact > p {
letter-spacing: 2px;
text-align : center;
text-align: center;
font-size: 26px;
font-weight: 400;
color: #FFFFFF;
line-height : 46px;
line-height: 46px;
}
.contact > p > span {
......@@ -845,22 +882,22 @@
color: #fff;
background: #242A37;
display: flex;
flex-direction : row;
justify-content : center;
align-items : center;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 14px;
}
.about-list,.about-us {
.about-list, .about-us {
//margin: 52px;
}
.about-list {
height: 110px;
display: flex;
flex-direction : column;
justify-content : center;
align-items : center;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: 1px solid #50555f;
padding-right: 80px;
}
......@@ -871,20 +908,20 @@
font-weight: 400;
color: #FFFFFF;
display: flex;
flex-direction : row;
justify-content : space-around;
flex-direction: row;
justify-content: space-around;
}
.about-list > ul > li {
height: 30px;
padding: 0 40px;
line-height : 30px;
line-height: 30px;
border-right: 1px solid #50555f;
cursor: pointer;
}
.about-list > ul > li:last-child {
border : none;
border: none;
}
.about-gs {
......
src/views/system/asset/withdraw/index.vue
浏览文件 @ 04c47c27
......@@ -20,7 +20,7 @@
<el-form-item label="提现至：" prop="bank_id">
<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>
<span class="withdraw-tip">
您还没有账户，<span class="spe-span-a" @click="goToAddBank">去添加</span>
......@@ -30,7 +30,8 @@
<el-form-item label="提现金额：">
<el-input v-model="withdrawalBalance" disabled placeholder="全部提现金额" style="width:420px;"/>
<span class="withdraw-tip">
提现金额为全部的可提现余额，手续费将从您的提现金额中扣除，以实际到账为准（开票以实际到账金额开具）
不允许手动输入，提现金额为全部的可提现余额，手续费将从您的提现金额中扣除，以实际到账为准（开票以实际到账金额开具）。
提现金额至少为100元才可以操作提现
</span>
<p class="withdraw-tip-spe">当前提现手续费为：{{ chargeCount }} 元</p>
</el-form-item>
......@@ -182,9 +183,12 @@
// 倒计时效果
this.getCode()
getCheckCodeData({seller_id: this.seller_id}).then(response => {
if (response.code == 0) {
this.msgSuccess(response.msg);
// 获取验证码接口
getCheckCodeData().then(res => {
if (res.code == 1) {
this.$message({type:'success',message: '验证码发送成功'});
}else {
this.$message({type:'error',message: res.message ? res.message : '发送失败'});
}
});
},
......@@ -233,6 +237,11 @@
/** 提交按钮 */
submitForm() {
if( Number(this.withdrawalBalance) < 100) {
this.$message({type: 'warning',message: '提现金额至少为100才可操作提现'});
return;
}
this.$refs["assetForm"].validate(valid => {
if (valid) {
applyWithdraw(this.assetForm).then(res => {
......@@ -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结束
};
</script>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论