first commit

huzheng12

2024-05-06 3ed2cb78a690b64c3b2646d35e1500081186dfa3

 src/page/financialManagement/fundHome.vue

@@ -4,38 +4,60 @@
    <div class="box-border px-30 mt-42">
      <div class="flex justify-between text-grey relative">
        <div class="flex flex-col">
          <span class="text-grey font-30">{{ $t('托管金额') }}（USDT）</span>
          <span class="font-66 mt-20 font-700 textColor">{{ statiscis.amount_sum }}</span>
          <span class="text-grey font-30">{{ $t("托管金额") }}（USDT）</span>
          <span class="font-66 mt-20 font-700 textColor">{{
            statiscis.amount_sum
          }}</span>
        </div>
      </div>
      <div class="flex mt-44 justify-between font-26 lh-32 mb-35">
        <div class="flex flex-col ">
          <div class="text-grey font-26">{{ $t('预计日收益') }}（USDT）</div>
          <div class="font-40 mt-17 mb-9  font-36 textColor">{{ statiscis.today_profit }}</div>
        <div class="flex flex-col">
          <div class="text-grey font-26">{{ $t("预计日收益") }}（USDT）</div>
          <div class="font-40 mt-17 mb-9 font-36 textColor">
            {{ statiscis.today_profit }}
          </div>
        </div>
        <div class="flex flex-col">
          <div class="text-grey font-26">{{ $t('累计收益') }}（USDT）</div>
          <div class="font-40 mt-17 mb-9 font-36 textColor">{{ statiscis.aready_profit }}</div>
          <div class="text-grey font-26">{{ $t("累计收益") }}（USDT）</div>
          <div class="font-40 mt-17 mb-9 font-36 textColor">
            {{ statiscis.aready_profit }}
          </div>
        </div>
        <div class="flex flex-col">
          <div class="text-grey font-26">{{ $t('托管订单') }}（USDT）</div>
          <div class="font-40 mt-17 mb-9 font-36 textColor">{{ statiscis.order_sum }}</div>
          <div class="text-grey font-26">{{ $t("托管订单") }}（USDT）</div>
          <div class="font-40 mt-17 mb-9 font-36 textColor">
            {{ statiscis.order_sum }}
          </div>
        </div>
      </div>
    </div>
    <div class="flex justify-between box-border px-30 mt-43">
      <div @click="$router.push('/funds?tab=3&index=0')"
        class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center mr-20 active">{{ $t('托管订单') }}</div>
      <div @click="$router.push('/fund-rule')" class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center">
        {{ $t('规则') }}</div>
      <div
        @click="$router.push('/funds?tab=3&index=0')"
        class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center mr-20 active"
      >
        {{ $t("托管订单") }}
      </div>
      <div
        @click="$router.push('/fund-rule')"
        class="greyBg text-grey w-370 h-75 lh-75 rounded-lg font-27 text-center"
      >
        {{ $t("规则") }}
      </div>
    </div>
    <div class="px-30 mt-40 pb-80">
      <div v-for="(item, index) in list" :key="index"
        class="card flex justify-between items-center relative rounded-lg borderColor contBackground">
        <div class="title absolute px-16 py-8 font-26 text-white bg-green top-0 left-22">{{ $t('日收益率')
        }} <span class="ml-8">{{ item.daily_rate }}%</span></div>
      <div
        v-for="(item, index) in list"
        :key="index"
        class="card flex justify-between items-center relative rounded-lg borderColor contBackground"
      >
        <div
          class="title absolute px-16 py-8 font-26 text-white bg-green top-0 left-22"
        >
          {{ $t("日收益率") }} <span class="ml-8">{{ item.daily_rate }}%</span>
        </div>
        <div class="flex justify-center items-center">
          <img class="w-120 h-130 mr-20" :src="item.img" alt="">
          <img class="w-120 h-130 mr-20" :src="item.img" alt="" />
          <div class="flex flex-col items-start">
            <span class="font-35 font-600 textColor">
              <template v-if="$i18n.locale === 'CN'">
@@ -48,18 +70,28 @@
                {{ item.name_en }}
              </template>
            </span>
            <span class="font-26 mt-24 mb-16 textColor">{{ $t('限额') }} {{ item.investment_min + ' ~ ' +
              item.investment_max }}
              USDT</span>
            <span class="font-26 textColor">{{ $t('周期') }} {{ item.cycle }} {{ $t('天') }}</span>
            <span class="font-26 mt-24 mb-16 textColor"
              >{{ $t("限额") }}
              {{ item.investment_min + " ~ " + item.investment_max }} USDT</span
            >
            <span class="font-26 textColor"
              >{{ $t("周期") }} {{ item.cycle }} {{ $t("天") }}</span
            >
          </div>
        </div>
        <div @click="$router.push({
          path: '/fund-buy',
          query: {
            ...item
          }
        })" class="active py-16 px-30 font-30 font-600 rounded-lg">{{ $t('立即买入') }}</div>
        <div
          @click="
            $router.push({
              path: '/fund-buy',
              query: {
                ...item,
              },
            })
          "
          class="active py-16 px-30 font-30 font-600 rounded-lg"
        >
          {{ $t("立即买入") }}
        </div>
      </div>
    </div>
  </div>
@@ -67,7 +99,10 @@

<script>
import assetsHead from "@/components/assets-head";
import { financeStatics, getfinacialProductsList } from "@/API/financialManagement";
import {
  financeStatics,
  getfinacialProductsList,
} from "@/API/financialManagement";

export default {
  name: "fundHome",
@@ -77,32 +112,31 @@
  data() {
    return {
      statiscis: {},
      list: []
    }
      list: [],
    };
  },
  methods: {
  },
  methods: {},
  activated() {
    getfinacialProductsList().then(res => {
    getfinacialProductsList().then((res) => {
      //console.log('理财列表', res)
      this.list = res
    })
    financeStatics().then(res => {
      this.list = res;
    });
    financeStatics().then((res) => {
      //console.log('理财统计', res)
      this.statiscis = res
    })
      this.statiscis = res;
    });
  },
  created() {
    getfinacialProductsList().then(res => {
    getfinacialProductsList().then((res) => {
      //console.log('理财列表',res)
      this.list = res
    })
    financeStatics().then(res => {
      this.list = res;
    });
    financeStatics().then((res) => {
      //console.log('理财统计',res)
      this.statiscis = res
    })
  }
}
      this.statiscis = res;
    });
  },
};
</script>

<style lang="scss" scoped>
@@ -112,7 +146,7 @@
}

.active {
  color: #FFFFFF;
  color: #ffffff;

  @include themify() {
    background: themed("btn_main") !important;
@@ -121,7 +155,6 @@
  @include themify() {
    border-color: themed("btn_main") !important;
  }

}

.title {