Skip to content

activities / web-lottery

Go to a project
Commit 8474e4eb by Lays-lzq
Options

feat: 修复已知问题

parent 0bec2a75
Showing with 73 additions and 42 deletions
components/Common/ConfigPopup.vue
...@@ -11,29 +11,33 @@ ...@@ -11,29 +11,33 @@
<div class="top-btn" @click="submit">提交</div> <div class="top-btn" @click="submit">提交</div>
</div> </div>
<div class="form" :class="{error: isError}"> <div class="form" :class="{error: isError}">
<van-field v-model="form.name" label-width="60" label="联系人" placeholder="请输入联系人" @focus="isError = false"/> <van-field v-if="lotteryInfo.premise && lotteryInfo.premise.includes('name')" v-model="form.name" label-width="60" label="联系人" placeholder="请输入联系人" @focus="isError = false"/>
<van-field v-model="form.phone" label-width="60" label="手机号" placeholder="请输入联系电话" @focus="isError = false"/> <template v-if="lotteryInfo.premise && lotteryInfo.premise.includes('phone')">
<van-field v-model="form.code" label-width="60" label="验证码" placeholder="请输入验证码" @focus="isError = false"> <van-field v-model="form.phone" label-width="60" label="手机号" placeholder="请输入联系电话" @focus="isError = false"/>
<span slot="button" class="code" @click="sendCode"> <van-field v-model="form.code" label-width="60" label="验证码" placeholder="请输入验证码" @focus="isError = false">
<span v-if="!isSend">获取验证码</span> <span slot="button" class="code" @click="sendCode">
<span v-else>{{ time }}s后重发</span> <span v-if="!isSend">获取验证码</span>
</span> <span v-else>{{ time }}s后重发</span>
</van-field> </span>
<van-field v-model="form.address" label-width="60" label="收货地址" readonly placeholder="请选择省市区" @focus="isError = false" @click="select" > </van-field>
<van-icon slot="button" name="location" /> </template>
</van-field> <template v-if="lotteryInfo.premise && lotteryInfo.premise.includes('address')">
<van-field <van-field v-model="form.address" label-width="60" label="收货地址" readonly placeholder="请选择省市区" @focus="isError = false" @click="select" >
v-model="form.detail" <van-icon slot="button" name="location" />
type="textarea" </van-field>
label="门牌号" <van-field
label-width="60" v-model="form.detail"
placeholder="详细地址（精确到门牌号）" type="textarea"
rows="2" label="门牌号"
autosize label-width="60"
maxlength="50" placeholder="详细地址（精确到门牌号）"
show-word-limit rows="2"
@focus="isError = false" autosize
/> maxlength="50"
show-word-limit
@focus="isError = false"
/>
</template>
</div> </div>
<van-popup <van-popup
v-model="isShowAdd" v-model="isShowAdd"
...@@ -50,10 +54,10 @@ ...@@ -50,10 +54,10 @@
import { import {
savePremise, savePremise,
setSendSmsCode, setSendSmsCode,
// setValidSmsCode setValidSmsCode
} from '@/api/modules/lottery' } from '@/api/modules/lottery'
import { areaList } from '@vant/area-data'; import { areaList } from '@vant/area-data';
import { mapActions } from 'vuex' import { mapGetters, mapActions } from 'vuex'
export default { export default {
name: 'ConfigPopup', name: 'ConfigPopup',
...@@ -80,6 +84,10 @@ export default { ...@@ -80,6 +84,10 @@ export default {
} }
}, },
computed: { computed: {
...mapGetters({
uin: 'users/uin',
lotteryInfo: 'lottery/lotteryInfo'
}),
visible: { visible: {
get() { get() {
return this.value return this.value
...@@ -138,30 +146,53 @@ export default { ...@@ -138,30 +146,53 @@ export default {
}) })
}, },
submit() { submit() {
// const { uin } = this.$route.query const { uin } = this.$route.query
const { name, phone, code, address } = this.form const { name, phone, code, address, detail } = this.form
if (!name || !phone || !code || !address) { if (this.lotteryInfo.premise.includes('name')) {
this.isError = true if (!name) {
return 0 this.isError = true
return 0
}
}
if (this.lotteryInfo.premise.includes('address')) {
if (!address || !detail) {
this.isError = true
return 0
}
}
if (this.lotteryInfo.premise.includes('phone')) {
if (!phone || !code) {
this.isError = true
return 0
}
setValidSmsCode({ uin, phone, code }).then((res) => {
const { code, errorCode, errorMessage } = res
if (code === 200 && errorCode === 0) {
this.$toast('验证成功')
this.save()
} else {
this.$toast(errorMessage)
}
})
}else {
this.save()
} }
// setValidSmsCode({ uin, phone, code }).then((res) => {
// const { code, errorCode, errorMessage } = res
// if (code === 200 && errorCode === 0) {
// // this.$toast('验证成功')
this.save()
// } else {
// this.$toast(errorMessage)
// }
// })
}, },
save() { save() {
const { id, uin } = this.$route.query const { id, uin } = this.$route.query
const params = { const params = {
id, id,
uin, uin,
name: this.form.name, }
phone: this.form.phone, if (this.lotteryInfo.premise.includes('name')) {
address: this.form.address + this.form.detail params.name = this.form.name
}
if (this.lotteryInfo.premise.includes('phone')) {
params.phone = this.form.phone
}
if (this.lotteryInfo.premise.includes('address')) {
params.address = this.form.address + this.form.detail
} }
savePremise(params).then(res => { savePremise(params).then(res => {
const { code, errorCode, errorMessage } = res const { code, errorCode, errorMessage } = res
......
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