1

.browserslistrc

+> 1%
+last 2 versions
+not dead
+iOS >= 10
+Android >= 4.4
+Chrome >= 49 
\ No newline at end of file

package.json

@@ -44,6 +44,7 @@
     "axios": "^1.6.7",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.10",
+    "echarts": "^5.6.0",
     "mitt": "^3.0.1",
     "qrcode": "^1.5.4",
     "vant": "^4.8.5",

src/components/KLineChart.vue

-<template>  
-    <div>
-        <canvas id="myChart" width="400" height="400"></canvas>
-    </div>
-</template>
\ No newline at end of file
+<script setup lang="ts">
+import { onMounted, ref, onUnmounted } from "vue";
+import * as echarts from "echarts/core";
+import { BarChart, LineChart } from "echarts/charts";
+import {
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  DataZoomComponent,
+  AxisPointerComponent,
+  LegendComponent,
+} from "echarts/components";
+import { CanvasRenderer } from "echarts/renderers";
+import type { EChartsOption } from "echarts";
+import request from "@/utils/request";
+// 注册必需的组件
+
+echarts.use([
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  DataZoomComponent,
+  AxisPointerComponent,
+  LegendComponent,
+  BarChart,
+  LineChart,
+  CanvasRenderer,
+]);
+
+const chartData = ref<Array<[string | number, number, number, number, number]>>(
+  []
+);
+const chartRef = ref<HTMLElement>();
+let chart: echarts.ECharts | null = null;
+
+const initChart = () => {
+  if (!chartRef.value) return;
+
+  chart = echarts.init(chartRef.value);
+
+  const option: EChartsOption = {
+    animation: true,
+    // title: {
+    //   text: '当前预估股权',
+    //   left: 'center',
+    //   top: 10,
+    //   textStyle: {
+    //     fontSize: 16,
+    //     fontWeight: 500,
+    //     color: '#333'
+    //   }
+    // },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "line",
+        lineStyle: {
+          color: "#D61200",
+          width: 1,
+          type: "dashed",
+        },
+      },
+      backgroundColor: "rgba(255, 255, 255, 0.9)",
+      borderWidth: 0,
+      padding: [5, 8],
+      textStyle: {
+        fontSize: 13,
+        color: "#333",
+      },
+      formatter: function (params: any) {
+        const lineData = params[0];
+        if (lineData) {
+          return `
+            <div style="font-weight: 500;">
+              <div style="margin-bottom: 4px;">${lineData.axisValue}</div>
+              <div style="color: #D61200;">￥${lineData.data}</div>
+            </div>
+          `;
+        }
+        return "";
+      },
+    },
+    grid: [
+      {
+        left: "5%",
+        right: "5%",
+        top: "20px",
+        bottom: "20px",
+        containLabel: true,
+      },
+    ],
+    xAxis: [
+      {
+        type: "category",
+        data: chartData.value.map((item): string | number => item[0]),
+        boundaryGap: false,
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: "#E5E5E5",
+          },
+        },
+        axisTick: {
+          show: false,
+        },
+        splitLine: { show: false },
+        axisLabel: {
+          fontSize: 11,
+          color: "#999",
+          padding: [10, 0],
+          formatter: (value: string) => {
+            // 如果是日期格式，可以格式化显示
+            return value.split(" ")[0];
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        scale: true,
+        splitArea: {
+          show: false,
+        },
+        axisLine: {
+          show: false,
+        },
+        axisTick: {
+          show: false,
+        },
+        min: 0,
+        scale: false,
+        axisLabel: {
+          fontSize: 11,
+          color: "#999",
+          formatter: (value: number) => {
+            return value.toFixed(2);
+          },
+          margin: 16,
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: "#F5F5F5",
+            width: 1,
+            type: "dashed",
+          },
+        },
+      },
+    ],
+    dataZoom: [
+      {
+        type: "inside",
+        xAxisIndex: [0],
+        start: 0,
+        end: 100,
+        minSpan: 20,
+        zoomOnMouseWheel: "shift",
+        moveOnMouseMove: true,
+        preventDefaultMouseMove: true,
+        moveOnMouseWheel: true,
+      },
+    ],
+    series: [
+      {
+        name: "预估股权",
+        type: "line",
+        data: chartData.value.map((item) => item[4]),
+        smooth: true,
+        symbol: "circle",
+        symbolSize: 1,
+        showSymbol: false, // 默认不显示圆点
+        emphasis: {
+          scale: true,
+          symbolSize: 6, // hover时显示的圆点大小
+        },
+        itemStyle: {
+          color: "#D61200",
+          borderWidth: 2,
+        },
+        lineStyle: {
+          width: 3,
+          color: "#D61200",
+          shadowColor: "rgba(214, 18, 0, 0.2)",
+          shadowBlur: 10,
+        },
+        areaStyle: {
+          color: {
+            type: "linear",
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [
+              {
+                offset: 0,
+                color: "rgba(214, 18, 0, 0.15)",
+              },
+              {
+                offset: 0.5,
+                color: "rgba(214, 18, 0, 0.05)",
+              },
+              {
+                offset: 1,
+                color: "rgba(214, 18, 0, 0)",
+              },
+            ],
+          },
+        },
+      },
+    ],
+  };
+
+  chart.setOption(option);
+};
+
+// 处理窗口大小变化
+const handleResize = () => {
+  chart?.resize();
+};
+const getGuquan = async () => {
+  const res = await request.get("/yw1/listZxt");
+  chartData.value = res.data;
+  // 获取数据后重新初始化图表
+  initChart();
+};
+
+onMounted(() => {
+  getGuquan(); // 在组件挂载时获取数据
+  window.addEventListener("resize", handleResize);
+});
+
+onUnmounted(() => {
+  window.removeEventListener("resize", handleResize);
+  chart?.dispose();
+});
+</script>
+
+<template>
+  <div ref="chartRef" class="k-line-chart"></div>
+</template>
+
+<style scoped>
+.k-line-chart {
+  width: 100%;
+  height: 360px;
+  /* 增加图表高度 */
+  overflow: hidden;
+  -webkit-tap-highlight-color: transparent;
+  border-radius: 8px;
+  background: #fff;
+  padding: 10px;
+}
+</style>

src/components/tabbar.vue

@@ -83,7 +83,7 @@ const handleTabClick = (tab: TabItem): void => {
 </script>
 
 <template>
-  <div v-if="isVisible" class="footer-wrap">
+  <div class="footer-wrap">
     <div v-for="tab in tabs" :key="tab.id" class="footer-item" :class="{ active: activeTab === tab.path }"
       @click="handleTabClick(tab)">
       <div class="footer-item-content">

src/pages/index/App.vue

@@ -8,9 +8,16 @@
       <div class="bankcardwarp">
         <img src="@/static/home/bankcard.png" />
         <view class="cardnum" v-html="formatBankCardNumber(cardinfo?.bankNum)" />
+        <view class="createTime">
+        {{ getTime(cardinfo?.createTime) }}
+        </view>
+        <view class="createTime createTime1">
+        {{ getTime(cardinfo?.createTime,1) }}
+        </view>
       </div>
       <div class="buynow" @click="handleGetCard">
         {{ !cardinfo?.bankNum ? '启用此卡' : '已启用此卡' }}
+
       </div>
       <div class="warpcard">
         <div class="title">
@@ -58,7 +65,18 @@ async function getUserInfo() {
   } finally {
   }
 }
+const getTime = (time, type) => {
+  const date = new Date(time); // 创建 Date 对象
+  const month = String(date.getMonth() + 1).padStart(2, '0'); // 获取月份并补齐为两位
+  const year = String(date.getFullYear()).slice(-2); // 获取年份的后两位
 
+  if (type === 1) {
+    const newYear = String(date.getFullYear() + 5).slice(-2); // 如果 type 是 1，年份加 5，并取后两位
+    return `${month}/${newYear}`;
+  } else {
+    return `${month}/${year}`; // 否则，返回当前年份的后两位
+  }
+}
 async function getCardList() {
   try {
     const res = await request.get('/ops/bankcard/list?cardtype=2');
@@ -236,12 +254,24 @@ getNotices()
     .cardnum {
       position: absolute;
       color: #000;
-      left: 60px;
+      left: 40px;
       top: 130px;
       font-size: 24px;
     }
+    .createTime{
+      position: absolute;
+      color: #3d230c;
+      left: 80px;
+      top: 205px;
+      font-weight: 700;
+      font-size: 14px;
+    }
+    .createTime1{
+      left: 200px;
+    }
   }
 
+
   .buynow {
     width: 291px;
     height: 63px;

src/pages/product/App.vue

@@ -33,7 +33,7 @@ const fetchData = async () => {
 }
 
 const handleJump = (item) => {
-  window.location.href = window.location.origin + `/product/detail?id=${item.productId}`
+  window.location.href = window.location.origin + `/product/detail.html?id=${item.productId}`
 }
 fetchData()
 </script>

src/pages/register/App.vue

@@ -57,6 +57,8 @@
 const navigateTo = (path: string) => {
   window.location.href = path
 }
+import { setToken } from '@/utils/auth'
+import { encrypt } from '@/utils/encrypt'
 import { ref, reactive } from 'vue'
 import request from '@/utils/request'
 import { showFailToast, showSuccessToast } from 'vant'
@@ -119,22 +121,22 @@ function validateForm(): boolean {
 async function handleSubmit() {
   if (!validateForm()) return
   if (loading.value) return
-
   try {
     loading.value = true
     const res = await request.post('/register', {
-      username: formData.username,
-      password: formData.password,
+      username: encrypt(formData.username),
+      password: encrypt(formData.password),
       code: '',
-      type: 'app',
+      type: encrypt('app'),
       yqm: formData.inviteCode,
       extend3: formData.extend3,
     })
-
+   
     if (res.code === 200) {
       showSuccessToast('注册成功')
+      setToken(res.token)
       setTimeout(() => {
-        window.location.href = '/login.html'
+        navigateTo('/index.html')
       }, 1000)
     } else {
       showFailToast(res.msg || '注册失败')

src/pages/yaoqing/App.vue

@@ -17,9 +17,13 @@
           </div>
         </div>
       </div>
+      <div class="yq-tips">
+        每邀请一位用户参加一带一路，即可获得2万银行储蓄金和5万股权
+      </div>
     </div>
   </defaultLayout>
 
+
 </template>
 
 <script setup>
@@ -45,10 +49,16 @@ getuserinfo()
   min-height: 100vh;
   background: url('@/static/invite/bg1.png') no-repeat center center;
   background-size: 100% 100%;
-
+  .yq-tips {
+    font-size: 14px;
+    color: red;
+    font-weight: bold;
+    padding: 0 20px 20px;
+  }
   .yq-list {
     padding-top: 330px;
 
+
     .yq-item {
       display: flex;
       width: 100%;
@@ -69,7 +79,7 @@ getuserinfo()
       .yq-item-title {
         font-size: 16px;
         font-weight: bold;
-        color: #df594d;
+        color: red;
       }
 
       .yq-item-tips {

src/utils/request.ts

@@ -73,7 +73,10 @@ class RequestHttp {
             window.location.replace('/login.html');
             showToast('连接失败，请联系在线客服');
           }
-
+          if (error.response?.status === 404) {
+            window.location.replace('/login.html');
+            showToast('连接失败，请联系在线客服');
+          }
           // 处理错误消息
           const message = error.response?.data?.message || error.message;
           if (Array.isArray(message)) {

types/auto-imports.d.ts

@@ -63,6 +63,7 @@ declare global {
   const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
   const provide: typeof import('vue')['provide']
   const provideLocal: typeof import('@vueuse/core')['provideLocal']
@@ -171,6 +172,7 @@ declare global {
   const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
   const useGamepad: typeof import('@vueuse/core')['useGamepad']
   const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useId: typeof import('vue')['useId']
   const useIdle: typeof import('@vueuse/core')['useIdle']
   const useImage: typeof import('@vueuse/core')['useImage']
   const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
@@ -186,6 +188,7 @@ declare global {
   const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
   const useMemoize: typeof import('@vueuse/core')['useMemoize']
   const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useModel: typeof import('vue')['useModel']
   const useMounted: typeof import('@vueuse/core')['useMounted']
   const useMouse: typeof import('@vueuse/core')['useMouse']
   const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
@@ -231,6 +234,7 @@ declare global {
   const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
   const useSupported: typeof import('@vueuse/core')['useSupported']
   const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
   const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
   const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
   const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
@@ -282,6 +286,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }