| | |
| | | <template> |
| | | <div style="background-color: #F8FAF9;"> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('智能日内')" |
| | | left-arrow |
| | | @click-left="onClickLeft" |
| | | /> |
| | | <div class="body"> |
| | | <div class="body_title"> |
| | | <div class="body_title_txt">日股</div> |
| | | </div> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('智能日内')" |
| | | left-arrow |
| | | @click-left="onClickLeft"> |
| | | <template #right> |
| | | <img @click="$router.push('/smart_list')" style="width: 20px;" src="../../assets/img/record.svg"/> |
| | | </template> |
| | | </van-nav-bar> |
| | | <div class="body_title"> |
| | | <div class="body_title_txt">{{$t('日股')}}</div> |
| | | </div> |
| | | <div class="body" v-for="(item,index) in pagelist" :key="index"> |
| | | <div class="body_price"> |
| | | <div class="body_price_price">可用余额 <span style="font-weight: bold;">123123123 JPY </span></div> |
| | | <div class="body_price_price">{{$t('hj48')}} <span style="font-weight: bold;">{{price}} JPY </span></div> |
| | | <div class="body_price_input"> |
| | | <input class="body_price_input_ipt" v-model="priceinput" placeholder="请输入参与金额" type="number"/> |
| | | <input class="body_price_input_ipt" v-model="values[item.id]" :placeholder="$t('请输入参与金额')" type="number"/> |
| | | </div> |
| | | <div class="body_price_tips"> |
| | | <div class="body_price_tips_left">限額: 100.00JPY-999,999,999,999.00JPY </div> |
| | | <div class="body_price_tips_rigth">效益:3%-15%</div> |
| | | <div class="body_price_tips_left">{{$t('je')}}: {{item.minAmount}}JPY-{{item.maxAmount}}JPY </div> |
| | | <div class="body_price_tips_rigth">{{$t('hj141')}}:{{item.profit}}</div> |
| | | </div> |
| | | </div> |
| | | <div class="btn"> |
| | | <div class="btn_txt">提交</div> |
| | | <div @click="gopay(item)" class="btn_txt">{{$t('hj237')}}</div> |
| | | </div> |
| | | <div class="tips"> |
| | | <!-- <div class="tips"> |
| | | <img class="tips_img" src="../../assets/img/tips.svg"/> |
| | | 以保证账户信息的真实性、有效性、避免洗钱诈骗风险、我们不会参与任何其他组织或者个人共享账户信息。 |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | // import tabsList from "./favorites/tabs"; |
| | | import * as api from "@/axios/api"; |
| | | import headers from "@/page/login/components/header.vue"; |
| | | export default { |
| | | components: { headers }, |
| | | data() { |
| | | return { |
| | | gpcode: "", |
| | | priceinput:'', |
| | | values:{}, |
| | | pagelist:[], |
| | | price:'', |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.getpagelist(); |
| | | this.getenableAmt() |
| | | }, |
| | | methods: { |
| | | async gopay(item){ |
| | | var data = { |
| | | smartId: item.id, |
| | | orderAmount:this.values[item.id] |
| | | } |
| | | const res = await api.addIntraday(data); |
| | | if(res.status==0){ |
| | | this.$toast(this.$t("hj276")); |
| | | } |
| | | }, |
| | | async getenableAmt() { |
| | | const res = await api.getMoney(); |
| | | const data = res.data.filter((item) => item.accectType === "ALL"); |
| | | this.price = data[0].availableBalance; |
| | | }, |
| | | async getpagelist(){ |
| | | let result = await api.getlistSmart(); |
| | | if (result.status === 0) { |
| | | this.pagelist = result.data |
| | | } else { |
| | | |
| | | } |
| | | }, |
| | | onClickLeft() { |
| | | this.$router.push("/home"); |
| | | }, |