Commit 852e04d4 authored by chenwei's avatar chenwei

Merge branch 'feature' into 'dev'

Feature

See merge request !25
parents 5cbd0512 593349e1
...@@ -23,6 +23,9 @@ export default { ...@@ -23,6 +23,9 @@ export default {
submitOrder: "submit Order", submitOrder: "submit Order",
to: "to", to: "to",
success: "Successful exchange", success: "Successful exchange",
deliveryAddress: "delivery Address",
messageVerificationCode: "Please enter the verification code",
title: "gift",
}, },
addressManager: { addressManager: {
selectAddress: "Select the shipping address", selectAddress: "Select the shipping address",
......
...@@ -1122,6 +1122,9 @@ export default { ...@@ -1122,6 +1122,9 @@ export default {
submitOrder: "提交订单", submitOrder: "提交订单",
to: "", to: "",
success: "兑换成功", success: "兑换成功",
deliveryAddress: "邮寄地址",
messageVerificationCode: "请输入验证码",
title: "礼品",
}, },
addressManager: { addressManager: {
selectAddress: "选择收货地址", selectAddress: "选择收货地址",
......
...@@ -152,7 +152,8 @@ ...@@ -152,7 +152,8 @@
width="30%" width="30%"
:before-close="handleClose" :before-close="handleClose"
> >
<div class="title"> <div class="title number">
{{ $t("exchange.title") }}
{{ isChinese ? rewardDetailsInfo.titleZh : rewardDetailsInfo.titleEn }} {{ isChinese ? rewardDetailsInfo.titleZh : rewardDetailsInfo.titleEn }}
</div> </div>
<div class="number"> <div class="number">
...@@ -164,6 +165,9 @@ ...@@ -164,6 +165,9 @@
<div class="number"> <div class="number">
{{ $t("exchange.exchangeMethod") }}{{ getExcahngeType() }} {{ $t("exchange.exchangeMethod") }}{{ getExcahngeType() }}
</div> </div>
<div v-if="addressInfo.id && paramsInfo.redeemType != 1" class="number">
{{ $t("exchange.deliveryAddress") }}{{ addressInfo.address }}
</div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">{{ <el-button @click="dialogVisible = false">{{
$t("customer.cancel") $t("customer.cancel")
...@@ -230,6 +234,10 @@ export default { ...@@ -230,6 +234,10 @@ export default {
parseTime, parseTime,
// 兑换 // 兑换
handleSubmitRedeem() { handleSubmitRedeem() {
if (!this.paramsInfo.code) {
this.$message.error(this.$t("exchange.messageVerificationCode"));
return;
}
this.dialogVisible = true; this.dialogVisible = true;
}, },
confirmSubmit() { confirmSubmit() {
...@@ -245,7 +253,7 @@ export default { ...@@ -245,7 +253,7 @@ export default {
type: "success", type: "success",
}); });
this.dialogVisible = false; this.dialogVisible = false;
this.$router.push({ path: "/jiedao/jd-exchange-log" }); this.$router.push({ path: "/jiedao/jd-integral" });
}); });
}, },
getExcahngeType() { getExcahngeType() {
...@@ -322,6 +330,9 @@ export default { ...@@ -322,6 +330,9 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.number {
padding-bottom: 8px;
}
::v-deep .headerTab .el-tabs__nav-scroll { ::v-deep .headerTab .el-tabs__nav-scroll {
height: 100px; height: 100px;
background: #d3e6ff; background: #d3e6ff;
......
<template> <template>
<div style="width: 100%; height: 100%; position: relative"> <div style="width: 100%; height: 100%; position: relative">
<div style="height: 100%; width: 55%; position: relative"> <div style="height: 100%; width: 55%; position: relative">
5
<div style="position: absolute; left: 56px; top: 56px; display: flex"> <div style="position: absolute; left: 56px; top: 56px; display: flex">
<img src="@/assets/login/logo.png" style="width: 84px; height: 84px"> <img src="@/assets/login/logo.png" style="width: 84px; height: 84px" />
<span <span
style=" style="
font-size: 48px; font-size: 48px;
...@@ -12,10 +11,11 @@ ...@@ -12,10 +11,11 @@
line-height: 84px; line-height: 84px;
margin-left: 20px; margin-left: 20px;
" "
>{{ $t("login.bgTitle1") }}{{ env }}</span> >{{ $t("login.bgTitle1") }}{{ env }}</span
>
</div> </div>
<div style="position: absolute; left: 160px; top: 170px; display: flex"> <div style="position: absolute; left: 160px; top: 170px; display: flex">
<img src="@/assets/login/1.png" style="width: 36px; height: 36px"> <img src="@/assets/login/1.png" style="width: 36px; height: 36px" />
<span <span
style=" style="
font-size: 32px; font-size: 32px;
...@@ -24,13 +24,14 @@ ...@@ -24,13 +24,14 @@
line-height: 36px; line-height: 36px;
margin-left: 8px; margin-left: 8px;
" "
>{{ $t("login.bgTitle2") }}</span> >{{ $t("login.bgTitle2") }}</span
>
</div> </div>
<div style="position: absolute; left: 130px; top: 250px; display: flex"> <div style="position: absolute; left: 130px; top: 250px; display: flex">
<img src="@/assets/login/8.png" style="width: 320px; height: 322px"> <img src="@/assets/login/8.png" style="width: 320px; height: 322px" />
<div style="position: absolute; top: 20px; left: 30px; width: 500px"> <div style="position: absolute; top: 20px; left: 30px; width: 500px">
<div style="display: flex; margin-top: 20px"> <div style="display: flex; margin-top: 20px">
<img src="@/assets/login/2.png" style="width: 24px; height: 24px"> <img src="@/assets/login/2.png" style="width: 24px; height: 24px" />
<span <span
style=" style="
font-size: 14px; font-size: 14px;
...@@ -39,10 +40,11 @@ ...@@ -39,10 +40,11 @@
line-height: 24px; line-height: 24px;
margin-left: 5px; margin-left: 5px;
" "
>{{ $t("login.bgTitle3") }}</span> >{{ $t("login.bgTitle3") }}</span
>
</div> </div>
<div style="display: flex; margin-top: 20px"> <div style="display: flex; margin-top: 20px">
<img src="@/assets/login/3.png" style="width: 24px; height: 24px"> <img src="@/assets/login/3.png" style="width: 24px; height: 24px" />
<span <span
style=" style="
font-size: 14px; font-size: 14px;
...@@ -51,10 +53,11 @@ ...@@ -51,10 +53,11 @@
line-height: 24px; line-height: 24px;
margin-left: 5px; margin-left: 5px;
" "
>{{ $t("login.bgTitle4") }}</span> >{{ $t("login.bgTitle4") }}</span
>
</div> </div>
<div style="display: flex; margin-top: 20px"> <div style="display: flex; margin-top: 20px">
<img src="@/assets/login/4.png" style="width: 24px; height: 24px"> <img src="@/assets/login/4.png" style="width: 24px; height: 24px" />
<span <span
style=" style="
font-size: 14px; font-size: 14px;
...@@ -63,10 +66,11 @@ ...@@ -63,10 +66,11 @@
line-height: 24px; line-height: 24px;
margin-left: 5px; margin-left: 5px;
" "
>{{ $t("login.bgTitle5") }}</span> >{{ $t("login.bgTitle5") }}</span
>
</div> </div>
<div style="display: flex; margin-top: 20px"> <div style="display: flex; margin-top: 20px">
<img src="@/assets/login/5.png" style="width: 24px; height: 24px"> <img src="@/assets/login/5.png" style="width: 24px; height: 24px" />
<span <span
style=" style="
font-size: 14px; font-size: 14px;
...@@ -75,10 +79,11 @@ ...@@ -75,10 +79,11 @@
line-height: 24px; line-height: 24px;
margin-left: 5px; margin-left: 5px;
" "
>{{ $t("login.bgTitle6") }}</span> >{{ $t("login.bgTitle6") }}</span
>
</div> </div>
<div style="display: flex; margin-top: 20px"> <div style="display: flex; margin-top: 20px">
<img src="@/assets/login/6.png" style="width: 24px; height: 24px"> <img src="@/assets/login/6.png" style="width: 24px; height: 24px" />
<span <span
style=" style="
font-size: 14px; font-size: 14px;
...@@ -87,10 +92,11 @@ ...@@ -87,10 +92,11 @@
line-height: 24px; line-height: 24px;
margin-left: 5px; margin-left: 5px;
" "
>{{ $t("login.bgTitle7") }}</span> >{{ $t("login.bgTitle7") }}</span
>
</div> </div>
<div style="display: flex; margin-top: 20px"> <div style="display: flex; margin-top: 20px">
<img src="@/assets/login/7.png" style="width: 24px; height: 24px"> <img src="@/assets/login/7.png" style="width: 24px; height: 24px" />
<span <span
style=" style="
font-size: 14px; font-size: 14px;
...@@ -99,7 +105,8 @@ ...@@ -99,7 +105,8 @@
line-height: 24px; line-height: 24px;
margin-left: 5px; margin-left: 5px;
" "
>{{ $t("login.bgTitle8") }}</span> >{{ $t("login.bgTitle8") }}</span
>
</div> </div>
</div> </div>
</div> </div>
...@@ -110,7 +117,7 @@ ...@@ -110,7 +117,7 @@
<img <img
src="@/assets/setting/user.png" src="@/assets/setting/user.png"
style="width: 30px; height: 30px" style="width: 30px; height: 30px"
> />
<span <span
style=" style="
font-size: 24px; font-size: 24px;
...@@ -119,7 +126,8 @@ ...@@ -119,7 +126,8 @@
line-height: 34px; line-height: 34px;
margin-left: 10px; margin-left: 10px;
" "
>{{ $t("login.title") }}</span> >{{ $t("login.title") }}</span
>
</div> </div>
<div> <div>
<el-select <el-select
...@@ -130,7 +138,7 @@ ...@@ -130,7 +138,7 @@
@change="handleSetLanguage" @change="handleSetLanguage"
> >
<div slot="prefix" style="padding: 4px"> <div slot="prefix" style="padding: 4px">
<img src="@/assets/lang.png" style="width: 20px; height: 20px"> <img src="@/assets/lang.png" style="width: 20px; height: 20px" />
</div> </div>
<el-option <el-option
v-for="item in locale" v-for="item in locale"
...@@ -167,7 +175,8 @@ ...@@ -167,7 +175,8 @@
round round
style="width: 70%" style="width: 70%"
@click="toHome" @click="toHome"
>{{ $t("common.returnIndex") }}</el-button> >{{ $t("common.returnIndex") }}</el-button
>
</div> </div>
<div style="width: 100%; text-align: center; margin-top: 20px"> <div style="width: 100%; text-align: center; margin-top: 20px">
<el-link href="/ucenter/#/registered" style="color: #5ba8dc">{{ <el-link href="/ucenter/#/registered" style="color: #5ba8dc">{{
...@@ -180,49 +189,49 @@ ...@@ -180,49 +189,49 @@
</template> </template>
<script> <script>
import UserLogin from './components/userLogin' import UserLogin from "./components/userLogin";
import MobileLogin from './components/mobileLogin' import MobileLogin from "./components/mobileLogin";
import { locale } from '@/api/country' import { locale } from "@/api/country";
export default { export default {
name: 'Login', name: "Login",
components: { UserLogin, MobileLogin }, components: { UserLogin, MobileLogin },
data() { data() {
return { return {
showDialog: false, showDialog: false,
loading: false, loading: false,
loginType: '1', loginType: "1",
locale: [], locale: [],
env: '' env: "",
} };
}, },
computed: { computed: {
homeUrl() { homeUrl() {
return process.env.VUE_APP_HOME_API return process.env.VUE_APP_HOME_API;
}, },
language: { language: {
get() { get() {
return this.$store.getters.language return this.$store.getters.language;
}, },
set(val) { set(val) {
this.handleSetLanguage(val) this.handleSetLanguage(val);
} },
} },
}, },
watch: { watch: {
loginType: { loginType: {
handler: function() {}, handler: function () {},
deep: true deep: true,
} },
}, },
created() { created() {
if (process.env.NODE_ENV === 'development') { if (process.env.NODE_ENV === "development") {
this.env = '-测试版' this.env = "-测试版";
} }
// window.addEventListener('storage', this.afterQRScan) // window.addEventListener('storage', this.afterQRScan)
locale().then((r) => { locale().then((r) => {
this.locale = r.data this.locale = r.data;
}) });
}, },
mounted() {}, mounted() {},
destroyed() { destroyed() {
...@@ -230,14 +239,14 @@ export default { ...@@ -230,14 +239,14 @@ export default {
}, },
methods: { methods: {
handleSetLanguage(lang) { handleSetLanguage(lang) {
this.$i18n.locale = lang this.$i18n.locale = lang;
this.$store.dispatch('app/setLanguage', lang) this.$store.dispatch("app/setLanguage", lang);
}, },
toHome() { toHome() {
window.location.href = this.homeUrl window.location.href = this.homeUrl;
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
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 to comment