266 lines
7.3 KiB
Vue
266 lines
7.3 KiB
Vue
|
<!--
|
|||
|
|
* @Author: lvy lvy
|
|||
|
|
* @Date: 2023-05-11 17:47:30
|
|||
|
|
* @LastEditors: lvy lvy
|
|||
|
|
* @LastEditTime: 2023-06-02 19:18:57
|
|||
|
|
* @FilePath: /redmall-uniapp/pages/user/Fruit/form.vue
|
|||
|
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|||
|
|
-->
|
|||
|
|
<template >
|
|||
|
|
<view v-if="onPageReset">
|
|||
|
|
|
|||
|
|
<key-words :mix="true" :show_key="showKeyWord" :show_forgetFuc="true" @closeFuc="showKeyWord = false"
|
|||
|
|
@getPassword="onConfirm">
|
|||
|
|
</key-words>
|
|||
|
|
<view class="site-title text-center">当前可领取次数 <text class="text-normal-c ml-3 mr-3">{{ fruitLenght }} </text> 次</view>
|
|||
|
|
<view class="site-page">
|
|||
|
|
<u--form labelPosition="left" :model="model" ref="uForm">
|
|||
|
|
<u-form-item class="site-form-item" label="收货地址" label-width="100" prop="addressName" borderBottom ref="item1"
|
|||
|
|
@click="selectAddr">
|
|||
|
|
<text class="address" v-if="addressData.threeAdcode">{{ addressData.threeAdcode | filterAddr }}{{
|
|||
|
|
addressData.addressDetails }}{{ addressData.addressSupplement }}</text>
|
|||
|
|
<u--input v-else readonly border="none" placeholder="请选择收货地址"></u--input>
|
|||
|
|
</u-form-item>
|
|||
|
|
<u-form-item class="site-form-item" label="选择领取次数" label-width="100" prop="count" borderBottom ref="item1"
|
|||
|
|
@click="showCount = true;">
|
|||
|
|
<u--input v-model="model.count" readonly border="none" placeholder="点击选择领取次数"></u--input>
|
|||
|
|
</u-form-item>
|
|||
|
|
</u--form>
|
|||
|
|
<u-button @click="onChangefruit" text="领取水果卡" class="custom-style"></u-button>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- {{ addressList }}
|
|||
|
|
{{ fruitLenght }} -->
|
|||
|
|
<u-picker keyName="addressDetails" closeOnClickOverlay :show="showAdress" :columns="addressList" title="请选择地址"
|
|||
|
|
@close="showAdress = false" @confirm="addressSelect">
|
|||
|
|
</u-picker>
|
|||
|
|
<u-picker closeOnClickOverlay :show="showCount"
|
|||
|
|
:columns="[Array.from({ length: fruitLenght }, (value, index) => index + 1)]" title="请选择领取次数"
|
|||
|
|
@close="showAdress = false" @confirm="countSelect">
|
|||
|
|
</u-picker>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<style>
|
|||
|
|
.site-title {
|
|||
|
|
font-size: 42upx;
|
|||
|
|
margin-top: 50upx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.custom-style {
|
|||
|
|
background: linear-gradient(135deg, #F7978A 0%, #F05549 100%);
|
|||
|
|
padding: 8px 0px;
|
|||
|
|
color: #F5F5F6;
|
|||
|
|
font-size: 28px !important;
|
|||
|
|
border-radius: 40upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text-normal-c {
|
|||
|
|
color: #F05549;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.site-form-item {
|
|||
|
|
background: #F0F1F5;
|
|||
|
|
padding: 10upx 30upx;
|
|||
|
|
margin: 20upx;
|
|||
|
|
border: none !important;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.site-page {
|
|||
|
|
padding: 25upx;
|
|||
|
|
border-radius: 20upx;
|
|||
|
|
margin: 25upx;
|
|||
|
|
background: #fff;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script>
|
|||
|
|
import publics from "@/common/utils/public.js"
|
|||
|
|
import keyWords from "@/components/bian-keywords/index.vue"
|
|||
|
|
import {
|
|||
|
|
getFruitUnclaimedOrder
|
|||
|
|
} from '@/api/system/user.js'
|
|||
|
|
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
|||
|
|
import url from "@/common/http/url.js"
|
|||
|
|
import { sendRequestJson } from "@/common/http/api.js"
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
mixins: [MescrollMixin], // 使用mixin
|
|||
|
|
components: { keyWords },
|
|||
|
|
data () {
|
|||
|
|
return {
|
|||
|
|
rsaKey: null,
|
|||
|
|
showKeyWord: false,
|
|||
|
|
showCount: false,
|
|||
|
|
showAdress: false,
|
|||
|
|
model: {
|
|||
|
|
addressName: null,
|
|||
|
|
addressId: null,
|
|||
|
|
count: null,
|
|||
|
|
payPassword: '',
|
|||
|
|
},
|
|||
|
|
rules: {
|
|||
|
|
addressName: {
|
|||
|
|
type: 'string',
|
|||
|
|
required: true,
|
|||
|
|
message: '请选择收货地址',
|
|||
|
|
trigger: ['blur', 'change']
|
|||
|
|
},
|
|||
|
|
payPassword: {
|
|||
|
|
type: 'string',
|
|||
|
|
required: true,
|
|||
|
|
message: '请填写输入密码',
|
|||
|
|
trigger: ['blur', 'change']
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
fruitLenght: 0,
|
|||
|
|
onPageReset: false,
|
|||
|
|
fruitId: null,
|
|||
|
|
isaddressStatus: false,
|
|||
|
|
addressList: [],
|
|||
|
|
show: false,
|
|||
|
|
dataList: [],
|
|||
|
|
tabsIndex: 0,
|
|||
|
|
query: {
|
|||
|
|
type: 1
|
|||
|
|
},
|
|||
|
|
tabsList: [
|
|||
|
|
{
|
|||
|
|
name: '未使用'
|
|||
|
|
}, {
|
|||
|
|
name: "已使用"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
addressData: {},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
filters: {
|
|||
|
|
filterAddr (code) {
|
|||
|
|
if (!code) return
|
|||
|
|
let addrObj = publics.getLngAndLatByCode(code)
|
|||
|
|
let addrName = ""
|
|||
|
|
if (addrObj) {
|
|||
|
|
addrObj.map(v => {
|
|||
|
|
addrName = addrName + v.name
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
return addrName
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
async onShow () {
|
|||
|
|
this.onPageReset = false
|
|||
|
|
this.$nextTick(async () => {
|
|||
|
|
try {
|
|||
|
|
await Promise.all([
|
|||
|
|
this.$http("GET", 'address/list', { pageSize: 1, type: 1 }),
|
|||
|
|
this.$http("GET", 'fruit/orderDraw/enableCount')
|
|||
|
|
]).then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
if (res[0].data.records?.length == 0) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/user/address/index?type=1&source=true`
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.addressList = [res[0].data.records]
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
// this.addressList.push({
|
|||
|
|
// name: '测试用户',
|
|||
|
|
// id: '1'
|
|||
|
|
// })
|
|||
|
|
this.fruitLenght = res[1].data.enableCount
|
|||
|
|
this.onPageReset = true
|
|||
|
|
})
|
|||
|
|
} catch (error) {
|
|||
|
|
this.onPageReset = true
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
async onLoad (opt) {
|
|||
|
|
this.fruitId = opt.id
|
|||
|
|
let res = await this.$http("GET", url.login.getPublicKey)
|
|||
|
|
this.rsaKey = res.data
|
|||
|
|
console.log(res.data)
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
async onConfirm (msg) {
|
|||
|
|
this.showKeyWord = false
|
|||
|
|
uni.showLoading({
|
|||
|
|
mask: true
|
|||
|
|
})
|
|||
|
|
console.log(this.rsaKey, 'rsaKey')
|
|||
|
|
console.log(msg, 'msg')
|
|||
|
|
let password = await publics.passwordEncryption(this.rsaKey, msg)
|
|||
|
|
sendRequestJson("POST", 'fruit/orderDraw/drawFruit', {
|
|||
|
|
addressId: this.model.addressId,
|
|||
|
|
count: this.model.count,
|
|||
|
|
payPassword: password,
|
|||
|
|
fruitId: this.fruitId
|
|||
|
|
}).then(res => {
|
|||
|
|
uni.hideLoading()
|
|||
|
|
uni.navigateBack({
|
|||
|
|
delta: 1,//返回层数，2则上上页
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
// this.$http("POST", 'fruit/orderDraw/drawFruit', {
|
|||
|
|
// addressId: this.model.addressId,
|
|||
|
|
// count: this.model.count,
|
|||
|
|
// payPassword: password,
|
|||
|
|
// fruitId: this.fruitId
|
|||
|
|
// }).then(res => {
|
|||
|
|
// uni.hideLoading()
|
|||
|
|
// uni.navigateBack({
|
|||
|
|
// delta: 1,//返回层数，2则上上页
|
|||
|
|
// })
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
onChangefruit () {
|
|||
|
|
this.model.addressId = this.addressData.id
|
|||
|
|
this.model.addressName = this.addressData.addressDetails
|
|||
|
|
if (!this.model.addressName) return uni.showToast({
|
|||
|
|
title: "请选择收货地址",
|
|||
|
|
icon: 'error'
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
if (!this.model.count) return uni.showToast({
|
|||
|
|
title: "请选择领取次数",
|
|||
|
|
icon: 'error'
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
this.showKeyWord = true
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
countSelect (e) {
|
|||
|
|
console.log(e)
|
|||
|
|
this.model.count = e.value[0]
|
|||
|
|
this.showCount = false
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
// 选择收货地址
|
|||
|
|
selectAddr () {
|
|||
|
|
this.$navigateTo("/pages/user/address/index?type=1&source=true&id=" + this.addressData.id)
|
|||
|
|
},
|
|||
|
|
addressSelect (e) {
|
|||
|
|
console.log(e, '123')
|
|||
|
|
this.model.addressId = e.value[0].id
|
|||
|
|
this.model.addressName = e.value[0].addressDetails
|
|||
|
|
console.log(e)
|
|||
|
|
this.showAdress = false
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
async openModel () {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/user/Fruit/form?id=${id}`
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|