master
lion 2 years ago
parent 21d9ee22e6
commit d1cc06e4f0

@ -104,11 +104,13 @@ const install = (Vue, vm) => {
return res.data; return res.data;
} }
} else { } else {
// uni.showToast({ console.log("noneeee",res.statusCode)
// icon: "none", uni.showToast({
// title: res.statusCode icon: "none",
// }) title: ''+res.statusCode,
duration:1500
})
return false; return false;
} }

@ -8,27 +8,32 @@
<view class="systemtitle">蟹太太提货系统</view> <view class="systemtitle">蟹太太提货系统</view>
<view class="systemtext"> <view class="systemtext">
<text>2024年提货已开放!</text> <text>2024年提货已开放!</text>
<text>自2024年<text class="colorOrange">9月25日</text> 至2024年<text class="colorOrange">12月15日</text></text> <text>自2024年<text class="colorOrange">9月25日</text> 至2024年<text
class="colorOrange">12月15日</text></text>
</view> </view>
</view> </view>
<view class="formChange"> <view class="formChange">
<u-form :model="form" ref="uForm"> <u-form :model="form" ref="uForm">
<u-form-item class="formitem" prop="card_number" :border-bottom="false" > <u-form-item class="formitem" prop="card_number" :border-bottom="false">
<u-input type="text" class="card_number" v-model="form.card_number" placeholder="请输入卡号"/> <u-input type="text" class="card_number" v-model="form.card_number" placeholder="请输入卡号" />
</u-form-item> </u-form-item>
<u-form-item class="formitem password" prop="password" :border-bottom="false"> <u-form-item class="formitem password" prop="password" :border-bottom="false">
<u-input class="password" type="password" v-model="form.password" placeholder="请输入密码" :password-icon="false" /> <u-input class="password" type="password" v-model="form.password" placeholder="请输入密码"
:password-icon="false" />
</u-form-item> </u-form-item>
</u-form> </u-form>
<u-button class="formitem submitform" form-type="submit" :plain="true" @click="goSubmit"></u-button> <u-button class="formitem submitform" form-type="submit" :plain="true" @click="goSubmit"></u-button>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import {toast,isNull} from '@/common/util.js' import {
toast,
isNull
} from '@/common/util.js'
export default { export default {
components: {}, components: {},
data() { data() {
@ -37,13 +42,13 @@
card_number: '', card_number: '',
password: '', password: '',
}, },
rules:{ rules: {
card_number:[{ card_number: [{
required: true, required: true,
message: '请输入卡号', message: '请输入卡号',
trigger: 'change' trigger: 'change'
}], }],
password:[{ password: [{
required: true, required: true,
message: '请输入密码', message: '请输入密码',
trigger: 'change' trigger: 'change'
@ -53,12 +58,28 @@
}, },
methods: { methods: {
goSubmit() { goSubmit() {
if(isNull(this.form.card_number)||isNull(this.form.password)){ if (isNull(this.form.card_number) || isNull(this.form.password)) {
toast('请填写卡号或密码') toast('请填写卡号或密码')
return return
} }
this.$u.api.getCard(this.form).then(res => {
if (res.card.status === 2) {
uni.setStorageSync('vuex_card', {
card_number: this.form.card_number,
password: this.form.password,
card: res.card
})
uni.navigateTo({
url: '/packages/order/order?hasCard=true'
})
} else {
toast(res.card.can_delivery)
}
}).then(res => {
// console.log("ressssss",res)
// toast(res)
})
} }
}, },
onReady() { onReady() {
@ -68,7 +89,7 @@
</script> </script>
<style scoped> <style scoped>
.changecontainer{ .changecontainer {
width: 100%; width: 100%;
background-image: url(../../static/bg-change.jpg); background-image: url(../../static/bg-change.jpg);
background-position: center top; background-position: center top;
@ -76,7 +97,8 @@
padding-top: 114rpx; padding-top: 114rpx;
padding-bottom: 400rpx; padding-bottom: 400rpx;
} }
.logobox{
.logobox {
width: 162rpx; width: 162rpx;
height: 162rpx; height: 162rpx;
border-radius: 50%; border-radius: 50%;
@ -84,20 +106,23 @@
margin: 0 auto; margin: 0 auto;
background: #fff; background: #fff;
margin-bottom: 80rpx; margin-bottom: 80rpx;
box-shadow: 0 22rpx 32rpx rgba(53,53,53,.6); box-shadow: 0 22rpx 32rpx rgba(53, 53, 53, .6);
} }
.logobox image{
.logobox image {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.formSystem{
.formSystem {
width: 87.33%; width: 87.33%;
margin: 0 auto; margin: 0 auto;
border-radius: 10rpx; border-radius: 10rpx;
background: #fff; background: #fff;
padding-bottom: 84rpx; padding-bottom: 84rpx;
} }
.systemtop{
.systemtop {
padding-top: 80rpx; padding-top: 80rpx;
text-align: center; text-align: center;
padding-bottom: 58rpx; padding-bottom: 58rpx;
@ -105,7 +130,9 @@
position: relative; position: relative;
margin-bottom: 80rpx; margin-bottom: 80rpx;
} }
.systemtop::before,.systemtop::after{
.systemtop::before,
.systemtop::after {
content: " "; content: " ";
position: absolute; position: absolute;
display: inline-block; display: inline-block;
@ -115,33 +142,40 @@
background: #4a4b4a; background: #4a4b4a;
bottom: -14rpx; bottom: -14rpx;
} }
.systemtop::before{
.systemtop::before {
left: -14rpx; left: -14rpx;
} }
.systemtop::after{
.systemtop::after {
right: -14rpx; right: -14rpx;
} }
.systemtitle{
.systemtitle {
font-size: 36rpx; font-size: 36rpx;
font-weight: 700; font-weight: 700;
color: #b98b44; color: #b98b44;
margin-bottom: 25rpx; margin-bottom: 25rpx;
} }
.systemtext text{
.systemtext text {
display: block; display: block;
font-size: 20rpx; font-size: 20rpx;
color: #000; color: #000;
line-height: 36rpx; line-height: 36rpx;
} }
.systemtext text.colorOrange{
.systemtext text.colorOrange {
display: inline-block; display: inline-block;
color: #b98b44; color: #b98b44;
} }
.formChange{
.formChange {
width: 68.7%; width: 68.7%;
margin: 0 auto; margin: 0 auto;
} }
/deep/ .u-form-item{
/deep/ .u-form-item {
margin-bottom: 40rpx; margin-bottom: 40rpx;
height: 74rpx; height: 74rpx;
width: 100%; width: 100%;
@ -155,10 +189,11 @@
color: #676767; color: #676767;
} }
/deep/ .u-form-item.password{ /deep/ .u-form-item.password {
background-image: url(../../static/icon-change2.png); background-image: url(../../static/icon-change2.png);
} }
/deep/ .u-form-item .u-input__input{
/deep/ .u-form-item .u-input__input {
display: block; display: block;
border: none; border: none;
width: 100%; width: 100%;
@ -172,13 +207,16 @@
background-size: 38rpx auto; background-size: 38rpx auto;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/deep/ .card_number .u-input__input{
/deep/ .card_number .u-input__input {
background-image: url(../../static/icon-change1.png) !important; background-image: url(../../static/icon-change1.png) !important;
} }
/deep/ .password .u-input__input{
/deep/ .password .u-input__input {
background-image: url(../../static/icon-change2.png) !important; background-image: url(../../static/icon-change2.png) !important;
} }
/deep/ .u-btn{
/deep/ .u-btn {
color: #b98b44 !important; color: #b98b44 !important;
font-size: 24rpx !important; font-size: 24rpx !important;
font-weight: bold; font-weight: bold;
@ -189,7 +227,8 @@
border-radius: 50rpx; border-radius: 50rpx;
background-color: #f4f3f2 !important; background-color: #f4f3f2 !important;
} }
/deep/ .u-btn::after{
/deep/ .u-btn::after {
display: none; display: none;
} }
</style> </style>

@ -56,7 +56,8 @@
<view class="login-btn"> <view class="login-btn">
<view class="login-btn-btn" @click="submit"> </view> <view class="login-btn-btn" @click="submit"> </view>
</view> </view>
</u-popup> </u-popup>
<tabbar :currentPage="2"></tabbar>
</view> </view>
</template> </template>
@ -69,8 +70,10 @@
toast, toast,
shareInfo shareInfo
} from "@/common/util.js" } from "@/common/util.js"
export default { import tabbar from '@/components/tabbar/tabbar.vue';
components: { export default{
components:{
tabbar
}, },
data() { data() {
return { return {

@ -15,11 +15,17 @@
</view> </view>
<view class="textbottom">长按扫码添加企业微信</view> <view class="textbottom">长按扫码添加企业微信</view>
</view> </view>
<tabbar :currentPage="1"></tabbar>
</view> </view>
</template> </template>
<script> <script>
import tabbar from '@/components/tabbar/tabbar.vue';
export default{
components:{
tabbar
}
}
</script> </script>
<style type="text/css" scoped> <style type="text/css" scoped>
.changecontainer{ .changecontainer{

Loading…
Cancel
Save