first commit

huzheng12

2024-05-06 3ed2cb78a690b64c3b2646d35e1500081186dfa3

 src/page/financialManagement/fundRule.vue

@@ -1,65 +1,84 @@
<template>
  <div id="rule">
    <assets-head  :title="$t('规则')" :back-func="backFunc"></assets-head>
    <assets-head :title="$t('规则')" :back-func="backFunc"></assets-head>
    <div class="w-full h-1 greyBg"></div>
    <div class="box-border px-33">
      <div class="mt-54 flex font-68 items-center">
        <img :src="require(`@/assets/image/logo.png`)" alt="" class="w-96 h-96 mr-40">
        <div class="font-60 textColor">{{$t('理财规则')}}</div>
        <img
          :src="require(`@/assets/image/logo.png`)"
          alt=""
          class="w-96 h-96 mr-40"
        />
        <div class="font-60 textColor">{{ $t("理财规则") }}</div>
      </div>
      <div class="font-31 font-400 mt-24 lh-44 text-grey">{{$t('理财说明')}}</div>
      <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">{{$t('收益计算')}}</div>
      <div class="font-31 font-400 mt-24 lh-44 text-grey">
        {{ $t("理财说明") }}
      </div>
      <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">
        {{ $t("收益计算") }}
      </div>
      <div class="mt-21 font-30 text-grey text-left">
        {{$t('会员在平台存入了10000U，选择了周期为7天 ，日收益为0.5%的理财产品，则每天收益如下：')}}<br/>
        <br/>
<!--        {{$t('最低：')}}<span class="textColor">{{$t('10000U X 0.3%=30U')}}</span> <br/>-->
<!--        <br/>-->
        {{$t('最高：')}}<span class="textColor">{{$t('10000U X 0.5%=50U')}}</span> <br/>
        <br/>
        {{$t('既：7天后可以获得')}}<span class="textColor">350U</span> {{$t('的收益，收益每日下发，下发的收益可随时存取，存入本金，到期满后，自动返还至您的账户')}}
        {{
          $t(
            "会员在平台存入了10000U，选择了周期为7天 ，日收益为0.5%的理财产品，则每天收益如下："
          )
        }}<br />
        <br />
        <!--        {{$t('最低：')}}<span class="textColor">{{$t('10000U X 0.3%=30U')}}</span> <br/>-->
        <!--        <br/>-->
        {{ $t("最高：")
        }}<span class="textColor">{{ $t("10000U X 0.5%=50U") }}</span> <br />
        <br />
        {{ $t("既：7天后可以获得") }}<span class="textColor">350U</span>
        {{
          $t(
            "的收益，收益每日下发，下发的收益可随时存取，存入本金，到期满后，自动返还至您的账户"
          )
        }}
      </div>
<!--      <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">{{$t('关于违约金')}}</div>-->
<!--      <div class="mt-21 font-30 text-grey text-left">-->
<!--        {{$t('若您希望转出未到期的本金，则会产生违约金，')}} <span class="textColor">{{$t('违约金=结算比例x剩余天数x投资数量。')}}</span> <br/> <br/>-->
<!--        {{$t('举例：该产品的违约金结算比例为')}} <span class="textColor">0.4%</span>，{{$t('剩余')}} <span class="textColor"> 3</span> {{$t('天到期，投资数量为')}}<span class="textColor">1000</span>,{{$t('则')}} <span class="textColor">{{$t('违约金=0.4%x3x1000=12U')}}</span>，{{$t('实际退还本金为')}} <span class="textColor">{{$t('1000U-12U=988U')}}</span>-->
<!--      </div>-->
      <!--      <div class="font-600 font-31 mt-56 h-36 lh-36 textColor">{{$t('关于违约金')}}</div>-->
      <!--      <div class="mt-21 font-30 text-grey text-left">-->
      <!--        {{$t('若您希望转出未到期的本金，则会产生违约金，')}} <span class="textColor">{{$t('违约金=结算比例x剩余天数x投资数量。')}}</span> <br/> <br/>-->
      <!--        {{$t('举例：该产品的违约金结算比例为')}} <span class="textColor">0.4%</span>，{{$t('剩余')}} <span class="textColor"> 3</span> {{$t('天到期，投资数量为')}}<span class="textColor">1000</span>,{{$t('则')}} <span class="textColor">{{$t('违约金=0.4%x3x1000=12U')}}</span>，{{$t('实际退还本金为')}} <span class="textColor">{{$t('1000U-12U=988U')}}</span>-->
      <!--      </div>-->
    </div>
  </div>
</template>

<script>
import assetsHead from '@/components/assets-head'
import {mapGetters} from "vuex";
import assetsHead from "@/components/assets-head";
import { mapGetters } from "vuex";
export default {
  name: "fundRule",
  components:{
    assetsHead
  components: {
    assetsHead,
  },
  methods:{
    backFunc(){
      console.log('this.$route.query.back', this.$route.query.back)
  methods: {
    backFunc() {
      console.log("this.$route.query.back", this.$route.query.back);
      if (this.$route.query.back / 1 === 0) {
        this.$router.push({path:'/funds', query:{
        this.$router.push({
          path: "/funds",
          query: {
            tab: 3,
            index: 0
          }})
            index: 0,
          },
        });
      } else {
        this.$router.go(-1)
        this.$router.go(-1);
      }

    }
    },
  },
  computed:{
  computed: {
    ...mapGetters({
      theme: 'home/theme',
    })
      theme: "home/theme",
    }),
  },
}
};
</script>

<style scoped>

.rule{
.rule {
  width: 100%;
  box-sizing: border-box;
}