<template>
|
<div class="exchangeRate">
|
<assets-head :title="$t('汇率设置')" />
|
<div
|
v-for="(item, index) in exchangeratelist_get_data"
|
:key="index"
|
class="flex justify-between items-center lang-padding font-35 box-border h-127 px-35"
|
@click="handleSetLang(item)"
|
>
|
<div class="lang-title flex items-center font-26 textColor">
|
<img class="w-55 h-55 mr-24" :src="item.image" alt="" />
|
{{ item.currency }}
|
</div>
|
|
<img
|
class="w-40 h-40 lh-40"
|
v-if="item.currency == show_ex"
|
src="../../assets/image/public/checked.png"
|
/>
|
</div>
|
</div>
|
</template>
|
<script>
|
import AxiosexchangeRate from "@/API/exchangeRate";
|
import assetsHead from "@/components/assets-head";
|
import { mapActions } from "vuex";
|
import { SET_CURRENCY } from "@/store/const.store";
|
|
export default {
|
data() {
|
return {
|
show_ex: {},
|
list: [
|
{ title: "USD", key: "USD" },
|
{ title: "CNY", key: "CNY" },
|
{ title: "ERU", key: "ERU" },
|
{ title: "JPY", key: "JPY" },
|
],
|
exchangeratelist_get_data: [],
|
};
|
},
|
components: {
|
assetsHead,
|
},
|
mounted() {
|
this.init();
|
},
|
methods: {
|
...mapActions("home", [SET_CURRENCY]),
|
init() {
|
this.show_ex = this.$store.state.home.currency.currency;
|
this.exchangeratelist_get();
|
},
|
exchangeratelist_get() {
|
const t = this;
|
AxiosexchangeRate.exchangeratelist({}).then((res) => {
|
console.log(res.data);
|
t.exchangeratelist_get_data = res.data;
|
t.exchangeratelist_get_data.forEach((item) => {
|
item.image = require("../../assets/image/exchange-rate/" +
|
item.currency +
|
".png");
|
});
|
});
|
},
|
handleSetLang(e) {
|
// console.log(t.$store.state.exchangeRate.exchangeRate)
|
const t = this;
|
AxiosexchangeRate.exchangerateuserconfig({ rateId: e.id }).then((res) => {
|
if (res.code == 0) {
|
// t.$store.commit('setExchangeRate',e)
|
this.SET_CURRENCY();
|
t.show_ex = e.currency;
|
}
|
});
|
},
|
onClickLeft() {
|
this.$router.go(-1);
|
console.log(this.$i18n.locale);
|
},
|
},
|
};
|
</script>
|
<style lang="scss" scoped>
|
.exchangeRate {
|
width: 100%;
|
box-sizing: border-box;
|
}
|
|
.lang-padding {
|
@include themify() {
|
border-bottom: 1px solid themed("line_color");
|
}
|
|
font-weight: 400;
|
color: #000000;
|
}
|
</style>
|
