Skip to content

梁建民 / h5

Go to a project
Commit 2906022a by 肖康
Options

样片H5前端页面搞完等接口

parent 24ee2413
Expand all
Inline Side-by-side
Showing with 485 additions and 16 deletions
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<keep-alive exclude="newsDetail,pointchange,wallet,walletRetrieve,walletDetail,walletRecord,walletStatus,walletWithdraw,walletRecharge,xianhuo,lxshop,brand,brandList"> <keep-alive exclude="newsDetail,pointchange,wallet,walletRetrieve,walletDetail,walletRecord,walletStatus,walletWithdraw,walletRecharge,xianhuo,lxshop,brand,brandList,sampleapply">
<router-view class="router-view"></router-view> <router-view class="router-view"></router-view>
</keep-alive> </keep-alive>
</div> </div>
......
src/assets/css/global.scss
...@@ -329,7 +329,11 @@ font[class^="asfgd"] { ...@@ -329,7 +329,11 @@ font[class^="asfgd"] {
width: 7px; width: 7px;
height: 10px; height: 10px;
} }
/**分享样式**/
.share-mask{
position: fixed;bottom:0;top:0;left:0;right:0;background: rgba(0,0,0,0.3);z-index: 999;
img{width:90%;float:right;}
}
/**兼容旧版本栅格布局**/ /**兼容旧版本栅格布局**/
.mui-row:before, .mui-row:after .mui-row:before, .mui-row:after
{ {
......
src/assets/css/sample/sample.less 0 → 100644
.sample{
.ele{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.banner{
height:173px;width:100%;
background: url("../../images/sample/samplebanner.png") no-repeat;
background-size: 100% 100%;
}
.zititle{
padding:15px;
span{color:#333;font-size: 16px;}
font{font-size: 12px;color:#999;margin-left: 10px;height:20px;line-height: 20px;}
}
.nav{
padding:0 15px ;
.van-hairline--top-bottom::after {
border-width: 0 0 1px 0;
}
}
.con{
.con-group{
padding:15px;
padding-bottom: 0px;
.img-box{
width:2.933rem;height:2.933rem;
img{width:100%;height:100%;}
}
.cb-box{
width:6rem;height:2.933rem;padding-bottom: 15px;
.title{color:#333;font-size: 16px;.ele;margin-bottom: 0.15rem;}
p{color:#333;font-size: 12px;span{color:#666;}.ele;height:0.45rem;line-height: 0.45rem;}
.btnx{width:3.5rem;height:0.7rem;line-height: 0.7rem;border-radius: 4px;background: #1080d0;color:#fff;text-align: center;cursor: pointer;margin-top: 0.2rem;}
}
@media screen and (max-width: 320px) {
.cb-box{
width:5.8rem;height:2.933rem;
.title{margin-bottom: 0.05rem;}
}
}
}
}
.fix-btns{
position: fixed;left:0;bottom:0;right:0;height:50px;line-height: 50px;color:#fff;font-size: 16px;
text-align: center;background: #1080d0;box-shadow: 0 0 10px #000;cursor: pointer;
}
.get-user-pop{
.get-user-con{
background: #fff;width:8.667rem;
height:5.52rem;border-radius: 3px;
position: fixed;
top:50%;
left:50%;
margin-left: -4.3335rem;
margin-top: -2.76rem;
box-shadow: 0 0 20px #e5e5e5;
z-index: 99999;
h3{
color:#ffa200;font-size: 16px;height:2.027rem;
line-height:2.027rem;text-align: center;
i{position: relative;float: right;top:-1.4rem;color:#fff;font-size: 20px;}
}
h2{color:#000;font-size: 14px;text-align: center;width:60%;margin:0 auto;}
span{display: block;cursor: pointer;height:30px;line-height: 30px;width:150px;text-align: center;background: #1080d0;color:#fff;font-size: 14px;border-radius: 30px;margin:0 auto;margin-top: 50px;}
}
.mask{position: fixed;bottom:0;top:0;left:0;right:0;background: rgba(0,0,0,0.3);z-index: 999;}
}
}
src/assets/css/sample/sample.min.css 0 → 100644
.sample .ele{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sample .banner{height:173px;width:100%;background:url("../../images/sample/samplebanner.png") no-repeat;background-size:100% 100%}.sample .zititle{padding:15px}.sample .zititle span{color:#333;font-size:16px}.sample .zititle font{font-size:12px;color:#999;margin-left:10px;height:20px;line-height:20px}.sample .nav{padding:0 15px }.sample .nav .van-hairline--top-bottom::after{border-width:0 0 1px 0}.sample .con .con-group{padding:15px;padding-bottom:0px}.sample .con .con-group .img-box{width:2.933rem;height:2.933rem}.sample .con .con-group .img-box img{width:100%;height:100%}.sample .con .con-group .cb-box{width:6rem;height:2.933rem;padding-bottom:15px}.sample .con .con-group .cb-box .title{color:#333;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:.15rem}.sample .con .con-group .cb-box p{color:#333;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:.45rem;line-height:.45rem}.sample .con .con-group .cb-box p span{color:#666}.sample .con .con-group .cb-box .btnx{width:3.5rem;height:.7rem;line-height:.7rem;border-radius:4px;background:#1080d0;color:#fff;text-align:center;cursor:pointer;margin-top:.2rem}@media screen and (max-width:320px){.sample .con .con-group .cb-box{width:5.8rem;height:2.933rem}.sample .con .con-group .cb-box .title{margin-bottom:.05rem}}.sample .fix-btns{position:fixed;left:0;bottom:0;right:0;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background:#1080d0;box-shadow:0 0 10px #000;cursor:pointer}.sample .get-user-pop .get-user-con{background:#fff;width:8.667rem;height:5.52rem;border-radius:3px;position:fixed;top:50%;left:50%;margin-left:-4.3335rem;margin-top:-2.76rem;box-shadow:0 0 20px #e5e5e5;z-index:99999}.sample .get-user-pop .get-user-con h3{color:#ffa200;font-size:16px;height:2.027rem;line-height:2.027rem;text-align:center}.sample .get-user-pop .get-user-con h3 i{position:relative;float:right;top:-1.4rem;color:#fff;font-size:20px}.sample .get-user-pop .get-user-con h2{color:#000;font-size:14px;text-align:center;width:60%;margin:0 auto}.sample .get-user-pop .get-user-con span{display:block;cursor:pointer;height:30px;line-height:30px;width:150px;text-align:center;background:#1080d0;color:#fff;font-size:14px;border-radius:30px;margin:0 auto;margin-top:50px}.sample .get-user-pop .mask{position:fixed;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,0.3);z-index:999}
\ No newline at end of file
src/assets/css/sample/sampleapply.less 0 → 100644
.sample-apply{
padding-bottom: 55px;
.ele{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.line{height:5px;background: #f3f3f3;}
.van-collapse-item__content{padding-top:0px;padding-bottom: 0px;}
.van-cell__title{font-size: 16px;}
.info-con{
.img-box{
border:1px solid #e5e5e5;box-sizing: border-box;
width:2rem;height:2rem;
img{width:100%;height:100%;}
}
.cb-box{
width:6.9rem;height:2rem;
.title{color:#333;font-size: 16px;.ele;margin-bottom: 0.08rem;}
p{color:#333;font-size: 12px;span{color:#666;}.ele;height:0.45rem;line-height: 0.45rem;}
}
@media screen and (max-width: 320px) {
.cb-box{
width:6.8rem;
position: relative;top:-0.1rem;
.title{margin-bottom: 0rem;}
}
}
}
.info-detail{
margin-top: 18px;
padding-bottom: 25px;
p{
color:#333;font-size: 12px;.ele;
span{color:#666;}
height:0.5rem;line-height: 0.5rem;
&.canshudetail{
overflow : hidden;
text-overflow: ellipsis;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height:auto;
}
}
}
.form-info{
.form-group{
background: #fff;
padding:15px;
border-top:5px solid #f3f3f3;
h3{color:#666;font-size: 16px;span.fr{color:#333;}}
input{border:0px;display: block; padding:15px 16px;color:#333;font-size: 14px;width:100%;box-sizing: border-box;padding-bottom: 0px;}
textarea{border:0px;display: block;padding:15px 16px;color:#333;font-size: 14px;width:100%;box-sizing: border-box;padding-bottom: 0px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#999;
}
&.by{padding-top:25px;padding-bottom: 25px;}
&.adderss-sample{
padding-top:12px;padding-bottom: 12px;
p{color:#333;font-size: 12px;height:0.55rem;line-height: 0.55rem;width:90%;.ele}
span{position: relative;top:-0.8rem;}
}
}
}
.fix-btns{
position: fixed;left:0;bottom:0;right:0;height:50px;line-height: 50px;color:#fff;font-size: 16px;
text-align: center;background: #1080d0;box-shadow: 0 0 10px #000;cursor: pointer;
}
.submit-success-pop{
.get-user-con{
background: #fff;width:8.667rem;
height:6.4rem;border-radius: 3px;
position: fixed;
top:50%;
left:50%;
margin-left: -4.3335rem;
margin-top: -3.2rem;
box-shadow: 0 0 20px #e5e5e5;
z-index: 99999;
h3{
color:#ffa200;font-size: 16px;height:1.8rem;
line-height:1.8rem;text-align: center;
i{position: relative;float: right;top:-1.4rem;color:#fff;font-size: 20px;}
}
p{text-align: center;font-size: 12px;color:#666;margin-bottom: 0.5rem;}
h2{color:#000;font-size: 14px;text-align: center;width:60%;margin:0 auto;}
span{display: block;cursor: pointer;height:30px;line-height: 30px;width:150px;text-align: center;background: #1080d0;color:#fff;font-size: 14px;border-radius: 30px;margin:0 auto;margin-top: 30px;}
.tips{color:#999;font-size: 12px;text-align: center;margin-top: 15px;}
}
.mask{position: fixed;bottom:0;top:0;left:0;right:0;background: rgba(0,0,0,0.3);z-index: 999;}
}
}
\ No newline at end of file
src/assets/css/sample/sampleapply.min.css 0 → 100644
.sample-apply{padding-bottom:55px}.sample-apply .ele{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sample-apply .line{height:5px;background:#f3f3f3}.sample-apply .van-collapse-item__content{padding-top:0px;padding-bottom:0px}.sample-apply .van-cell__title{font-size:16px}.sample-apply .info-con .img-box{border:1px solid #e5e5e5;box-sizing:border-box;width:2rem;height:2rem}.sample-apply .info-con .img-box img{width:100%;height:100%}.sample-apply .info-con .cb-box{width:6.9rem;height:2rem}.sample-apply .info-con .cb-box .title{color:#333;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:.08rem}.sample-apply .info-con .cb-box p{color:#333;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:.45rem;line-height:.45rem}.sample-apply .info-con .cb-box p span{color:#666}@media screen and (max-width:320px){.sample-apply .info-con .cb-box{width:6.8rem;position:relative;top:-0.1rem}.sample-apply .info-con .cb-box .title{margin-bottom:0rem}}.sample-apply .info-detail{margin-top:18px;padding-bottom:25px}.sample-apply .info-detail p{color:#333;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:.5rem;line-height:.5rem}.sample-apply .info-detail p span{color:#666}.sample-apply .info-detail p.canshudetail{overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:auto}.sample-apply .form-info .form-group{background:#fff;padding:15px;border-top:5px solid #f3f3f3}.sample-apply .form-info .form-group h3{color:#666;font-size:16px}.sample-apply .form-info .form-group h3 span.fr{color:#333}.sample-apply .form-info .form-group input{border:0px;display:block;padding:15px 16px;color:#333;font-size:14px;width:100%;box-sizing:border-box;padding-bottom:0px}.sample-apply .form-info .form-group textarea{border:0px;display:block;padding:15px 16px;color:#333;font-size:14px;width:100%;box-sizing:border-box;padding-bottom:0px}.sample-apply .form-info .form-group input::-webkit-input-placeholder,.sample-apply .form-info .form-group textarea::-webkit-input-placeholder{color:#999}.sample-apply .form-info .form-group.by{padding-top:25px;padding-bottom:25px}.sample-apply .form-info .form-group.adderss-sample{padding-top:12px;padding-bottom:12px}.sample-apply .form-info .form-group.adderss-sample p{color:#333;font-size:12px;height:.55rem;line-height:.55rem;width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sample-apply .form-info .form-group.adderss-sample span{position:relative;top:-0.8rem}.sample-apply .fix-btns{position:fixed;left:0;bottom:0;right:0;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background:#1080d0;box-shadow:0 0 10px #000;cursor:pointer}.sample-apply .submit-success-pop .get-user-con{background:#fff;width:8.667rem;height:6.4rem;border-radius:3px;position:fixed;top:50%;left:50%;margin-left:-4.3335rem;margin-top:-3.2rem;box-shadow:0 0 20px #e5e5e5;z-index:99999}.sample-apply .submit-success-pop .get-user-con h3{color:#ffa200;font-size:16px;height:1.8rem;line-height:1.8rem;text-align:center}.sample-apply .submit-success-pop .get-user-con h3 i{position:relative;float:right;top:-1.4rem;color:#fff;font-size:20px}.sample-apply .submit-success-pop .get-user-con p{text-align:center;font-size:12px;color:#666;margin-bottom:.5rem}.sample-apply .submit-success-pop .get-user-con h2{color:#000;font-size:14px;text-align:center;width:60%;margin:0 auto}.sample-apply .submit-success-pop .get-user-con span{display:block;cursor:pointer;height:30px;line-height:30px;width:150px;text-align:center;background:#1080d0;color:#fff;font-size:14px;border-radius:30px;margin:0 auto;margin-top:30px}.sample-apply .submit-success-pop .get-user-con .tips{color:#999;font-size:12px;text-align:center;margin-top:15px}.sample-apply .submit-success-pop .mask{position:fixed;bottom:0;top:0;left:0;right:0;background:rgba(0,0,0,0.3);z-index:999}
\ No newline at end of file
src/directive/index.js
...@@ -2,9 +2,11 @@ import Vue from 'vue' ...@@ -2,9 +2,11 @@ import Vue from 'vue'
import BackTopDirective from './backTop'; import BackTopDirective from './backTop';
import backTopWindowDirective from './backTopWindow'; import backTopWindowDirective from './backTopWindow';
import imgCodeDirective from './imgCode'; import imgCodeDirective from './imgCode';
import shareMaskDirective from './shareMask';
export default { export default {
install (Vue) { install (Vue) {
Vue.directive('shareMask', shareMaskDirective);
Vue.directive('backTop', BackTopDirective); Vue.directive('backTop', BackTopDirective);
Vue.directive('backTopWindow', backTopWindowDirective); Vue.directive('backTopWindow', backTopWindowDirective);
Vue.directive('imgCode', imgCodeDirective); Vue.directive('imgCode', imgCodeDirective);
......
src/directive/shareMask.js 0 → 100644
export default {
bind(el, binding) {
el.addEventListener('click', function () {
var rootElement = document.body;
var newElement = document.createElement("div");
newElement.setAttribute("class", "share-mask");
var img=document.createElement("img");
img.src="http://img.ichunt.com/test/images/ichunt/201904/10/b6dac89d8e471cc6cb499e1023373e0a.png";
rootElement.appendChild(newElement);
newElement.appendChild(img);
newElement.addEventListener('click',function(){
newElement.remove();
},false);
}, false);
}
}
\ No newline at end of file
src/router.js
...@@ -40,6 +40,8 @@ const userAddress = resolve => require(['@/views/user/address'], resolve); ...@@ -40,6 +40,8 @@ const userAddress = resolve => require(['@/views/user/address'], resolve);
const brand = resolve => require(['@/views/brand/brand'], resolve); const brand = resolve => require(['@/views/brand/brand'], resolve);
const brandList = resolve => require(['@/views/brand/brandList'], resolve); const brandList = resolve => require(['@/views/brand/brandList'], resolve);
const ranking = resolve => require(['@/views/rank/ranking'], resolve); const ranking = resolve => require(['@/views/rank/ranking'], resolve);
const sample = resolve => require(['@/views/sample/sample'], resolve);
const sampleapply = resolve => require(['@/views/sample/sampleapply'], resolve);
Vue.use(Router); Vue.use(Router);
const routes = [{ const routes = [{
...@@ -331,7 +333,20 @@ const routes = [{ ...@@ -331,7 +333,20 @@ const routes = [{
title: '猎芯网-京东战投电子元器件商城_一站式解决电子元器件采购难题' title: '猎芯网-京东战投电子元器件商城_一站式解决电子元器件采购难题'
} }
}, },
{
path: '/sample',
component: sample,
meta: {
title: '猎芯网-自营样片'
}
},
{
path: '/sampleapply',
component: sampleapply,
meta: {
title: '样片申请'
}
},
{ {
path: '*', path: '*',
redirect: '/' redirect: '/'
......
src/store/modules/sample/sampleapply.js 0 → 100644
import Vue from 'vue'
import {Toast} from 'vant';
import {services as Services} from '../../../api/index'
import Util from "../../../util";
var qs = require('qs');
Vue.use(Toast);
const state = {
loading: false,
addressInfo:"",
}
const mutations = {
recvlistSample(state, payload) {
state.addressInfo=payload.data.filter(function(item){return item['is_default'] == 1;});
state.addressInfo=state.addressInfo[0];
},
}
const actions = {
recvlistSample({commit}, payload) {
Services.recvlist().then((res) => {
let data = res.data;
state.loading = false;
if (data.err_code == 0) {
commit({
type: 'recvlistSample',
data: data.data
});
}
}).catch(function (err) {
});
},
}
const getters = {}
export default {
state,
mutations,
actions,
getters
}
src/store/modules/user/address.js
...@@ -55,10 +55,7 @@ const actions = { ...@@ -55,10 +55,7 @@ const actions = {
data: data.data data: data.data
}); });
}else { }else {
Toast({
message: data.err_msg,
duration: 3000
});
} }
}).catch(function (err) { }).catch(function (err) {
state.loading = false; state.loading = false;
...@@ -134,11 +131,6 @@ const actions = { ...@@ -134,11 +131,6 @@ const actions = {
if (data.err_code == 0) { if (data.err_code == 0) {
state.addressInfoState=true; state.addressInfoState=true;
state.addressInfo=data.data; state.addressInfo=data.data;
}else {
Toast({
message: data.err_msg,
duration: 3000
});
} }
}).catch(function (err) { }).catch(function (err) {
state.loading = false; state.loading = false;
...@@ -244,7 +236,7 @@ const actions = { ...@@ -244,7 +236,7 @@ const actions = {
state.loading = false; state.loading = false;
if (data.errcode == 0) { if (data.errcode == 0) {
Toast({ Toast({
message: data.errmsg, message: "保存成功",
duration: 3000 duration: 3000
}); });
setTimeout(function(){ setTimeout(function(){
......
src/store/store.js
...@@ -26,6 +26,8 @@ import userInfo from './modules/user/userInfo' ...@@ -26,6 +26,8 @@ import userInfo from './modules/user/userInfo'
import address from './modules/user/address' import address from './modules/user/address'
import brand from './modules/brand/brand' import brand from './modules/brand/brand'
import rank from './modules/rank/index' import rank from './modules/rank/index'
import sample from './modules/sample/index'
import sampleapply from './modules/sample/sampleapply'
Vue.use(Vuex) Vue.use(Vuex)
...@@ -57,6 +59,8 @@ export default new Vuex.Store({ ...@@ -57,6 +59,8 @@ export default new Vuex.Store({
coupon, coupon,
address, address,
brand, brand,
rank rank,
sample,
sampleapply
} }
}) })
src/views/pointmall/pointchange.vue
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</template> </template>
</div> </div>
<a :href="'/v3/user/reciveaddress.html?points='+point_exchange_id+'&address_id='+prize_info.address_id" class="address-link" >更换地址</a> <a :href="'/h5/view/#/userAddress?points='+point_exchange_id+'&address_id='+prize_info.address_id" class="address-link" >更换地址</a>
<a class="go-change" href="/h5/view/#/exchange">去查看</a> <a class="go-change" href="/h5/view/#/exchange">去查看</a>
</div> </div>
<van-loading type="spinner" color="#000" class="loading-background" v-if="loading"/> <van-loading type="spinner" color="#000" class="loading-background" v-if="loading"/>
......
src/views/sample/sample.vue 0 → 100644
<template>
<section class="sample" >
<Header :title="title" :meaushow='meaushow' :bgcolor="bgcolor"></Header>
<div class="banner"></div>
<div class="zititle">
<span>猎芯自营</span>
<font>品现货 1片起订 3小时发货</font>
</div>
<div class="nav">
<van-tabs v-model="active" :color="color" :swipe-threshold="swipeThreshold" :title-active-color="color" :title-inactive-color="defaultcolor">
<van-tab title="标签阿四"></van-tab>
<van-tab title="标签 2"></van-tab>
<van-tab title="标签 3"></van-tab>
<van-tab title="标签 3"></van-tab>
</van-tabs>
</div>
<div class="con">
<div class="con-group clr">
<div class="fl img-box">
<img src="static/images/news.png" alt="">
</div>
<div class="fr cb-box van-hairline--bottom">
<div class="title">TL431-DSFSDFSDFS-2ffF...</div>
<p><span>类别:</span> 贴片电容贴片电容贴片电容贴电容...</p>
<p><span>品牌:</span> EYANG（宇阳）EYANG（宇阳）...</p>
<p><span>最大可申请数量：</span>2</p>
<div class="btnx" @click="yaoqing">领取样品</div>
</div>
</div>
</div>
<div class="fix-btns" v-shareMask>立即分享</div>
<!--获得机会弹窗-->
<div class="get-user-pop" v-show="getPop">
<div class="mask"></div>
<div class="get-user-con">
<h3>样品申请成功！我们会尽快为您审核<i class="icon iconfont icon-guanbi" @click="getuserf"></i></h3>
<h2>邀请好友注册可额外获得一次样品申请机会，多邀多得</h2>
<span >点击邀请</span>
</div>
</div>
</section>
</template>
<script>
import Vue from 'vue'
import {mapState} from 'vuex'
import Header from "@/views/common/Header.vue";
import { Tab, Tabs } from 'vant';
Vue.use(Tab).use(Tabs);
export default {
name: 'sample',
data() {
return {
title:"猎芯网-自营样片",
meaushow:true,
bgcolor:'#fafafa',
color:'#1080d0',
defaultcolor:'#333',
swipeThreshold:4,
active:0,
getPop:false,//获得机会弹窗,没机会时展示
}
},
computed: {
...mapState({
})
},
watch:{
},
created() {
},
methods: {
getuserf(){
this.getPop=false;
},
yaoqing(){
this.getPop=true;
}
},
components: {
Header
}
}
</script>
<style scoped>
@import "../../assets/css/sample/sample.min.css";
</style>
\ No newline at end of file
src/views/sample/sampleapply.vue 0 → 100644
<template>
<section class="sample-apply" >
<Header :title="title" :meaushow='meaushow' :bgcolor="bgcolor"></Header>
<van-collapse v-model="activeName" accordion :border="noborder">
<van-collapse-item title="商品信息" name="1" :border="noborder">
<div class="info-con clr">
<div class="fl img-box">
<img src="static/images/news.png" alt="">
</div>
<div class="fr cb-box">
<div class="title">TL431-DSFSDFSDFS-2ffF...</div>
<p><span>类别:</span> 贴片电容贴片电容贴片电容贴电容...</p>
<p><span>品牌:</span> EYANG（宇阳）EYANG（宇阳）...</p>
<p><span>最大可申请数量：</span>2</p>
</div>
</div>
<div class="info-detail">
<p><span>型号: </span>431-DSFSDFSDFS-2ffFF2ffFSDFSDFS-2ffFF2fSDFS2f...</p>
<p class="canshudetail">
<span>参数描述: </span>L1N4148WT1G 开关二极管 SOD-123 由LRC(乐山无线
电)设计生产制造，在猎芯网自营现货销售。L1N4148WT1G的封装
/规格参数为：SOD-123；您可以选择下载L1N4148WT1G 开关...
</p>
</div>
</van-collapse-item>
</van-collapse>
<div class="form-info">
<div class="form-group">
<h3><span class="f-red">*</span>&nbsp;&nbsp;商品信息</h3>
<input type="text" placeholder="请输入申请数量，最多可申请2个" onkeyup="if(event.keyCode !=37 &amp;&amp; event.keyCode != 39){if (!/^[\d]+$/ig.test(this.value)){this.value='';}}"/>
</div>
<div class="form-group">
<h3><span class="f-red">*</span>&nbsp;&nbsp;单位名称</h3>
<input type="text" placeholder="请输入单位名称" />
</div>
<div class="form-group">
<h3><span class="f-red">*</span>&nbsp;&nbsp;项目需求描述</h3>
<textarea name="" placeholder="请输项目需求描述，如申请样品用于什么项目"></textarea>
</div>
<div class="form-group by">
<h3>运费信息 <span class="fr">包邮</span></h3>
</div>
<div v-if="addressInfo" class="form-group adderss-sample" @click="addressSample(addressInfo.address_id)">
<h3>
<p>{{addressInfo.consignee}}&nbsp;&nbsp;&nbsp;{{addressInfo.mobile}}</p>
<p>{{addressInfo.province_val+" " +addressInfo.district_val+" " +addressInfo.city_val+" "+addressInfo.detail_address}}</p>
<span class="fr icon iconfont icon-xiangyoujiankuohao"></span>
</h3>
</div>
<div v-else class="form-group by" @click="adderssAdd">
<h3>新增收货地址 <span class="fr icon iconfont icon-xiangyoujiankuohao"></span></h3>
</div>
<div class="line"></div>
</div>
<div class="fix-btns" @click="submitS">确认提交</div>
<!--获得机会弹窗-->
<div class="submit-success-pop" v-show="successPop">
<div class="mask"></div>
<div class="get-user-con">
<h3>恭喜获得1次免费申请样品机会<i class="icon iconfont icon-guanbi" @click="getuserf"></i></h3>
<p>样品订单编号：12019071090943</p>
<h2>邀请好友注册可额外获得一次样品申请机会，多邀多得</h2>
<span >点击邀请</span>
<div class="tips">重要提醒：审核结果​​将以短信通知给您</div>
</div>
</div>
</section>
</template>
<script>
import Vue from 'vue'
import {mapState} from 'vuex'
import Header from "@/views/common/Header.vue";
import { Collapse, CollapseItem } from 'vant';
Vue.use(Collapse).use(CollapseItem);
export default {
name: 'sampleapply',
data() {
return {
title:"样片申请",
meaushow:true,
bgcolor:'#fafafa',
color:'#1080d0',
activeName:'1',
noborder:false,
successPop:false,//申请成功弹窗显示
}
},
computed: {
...mapState({
addressInfo: state => state.sampleapply.addressInfo,
})
},
watch:{
},
created() {
this.$store.dispatch({
type: 'recvlistSample'
})
},
methods: {
getuserf(){
this.successPop=false;
},
submitS(){
this.successPop=true;
},
addressSample(adderssId){
window.location.href='/h5/view/#/userAddress?points='+adderssId;
},
adderssAdd(){
window.location.href='/h5/view/#/userAddress?fp=5';
}
},
components: {
Header
}
}
</script>
<style scoped>
@import "../../assets/css/sample/sampleapply.min.css";
</style>
\ No newline at end of file
src/views/user/address.vue
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
isEdit:false, isEdit:false,
historyb:true,//开启自定义回跳 historyb:true,//开启自定义回跳
pointS:this.$route.query.points,//是否从积分过来 pointS:this.$route.query.points,//是否从积分过来
iso:this.$route.query.fp, iso:this.$route.query.fp,//是否开启新增
address_id_p:this.$route.query.address_id, address_id_p:this.$route.query.address_id,
zytp:this.$route.query.zyType, zytp:this.$route.query.zyType,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment