理财产品页面

src/assets/svg/u1176.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="51px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -187 -131 )">
+    <path d="M 187.5 131  L 187.5 181  " stroke-width="1" stroke="#f2f2f2" fill="none" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1181.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="2px" height="33px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -125 -200 )">
+    <path d="M 125.5 200  L 125.5 232  " stroke-width="1" stroke="#f2f2f2" fill="none" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1188.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="346px" height="5px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -15 -302 )">
+    <path d="M 16 304  L 359 304  " stroke-width="2" stroke="#3478f7" fill="none" stroke-opacity="0.23921568627451" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1189.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -12 -300 )">
+    <path d="M 16 301  C 17.68 301  19 302.32  19 304  C 19 305.68  17.68 307  16 307  C 14.32 307  13 305.68  13 304  C 13 302.32  14.32 301  16 301  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
+    <path d="M 16 301  C 17.68 301  19 302.32  19 304  C 19 305.68  17.68 307  16 307  C 14.32 307  13 305.68  13 304  C 13 302.32  14.32 301  16 301  Z " stroke-width="2" stroke="#3478f7" fill="none" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u275.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -324 -25 )">
+    <path d="M 10.5002501627604 6.70811607142857  L 6.12503597005208 1.24072544642857  C 5.98389436848959 1.06475669642857  5.792359375 0.901350446428572  5.61088802083334 0.951631696428572  C 5.42942919921875 0.913928571428572  5.25804654947917 1.08989732142857  5.11691748046875 1.24072544642857  L 0.751779459635417 6.70811607142857  C 0.529990885416666 6.98461607142857  0.529990885416666 7.43710044642857  0.751779459635417 7.71361607142857  C 0.973568033854167 7.99013169642857  1.33648567708333 7.99011607142857  1.55826171875 7.71361607142857  L 5.62097672526042 2.51016294642857  L 9.69376790364583 7.71360044642857  C 9.9155439453125 7.99011607142857  10.2784741210937 7.99011607142857  10.5002501627604 7.71360044642857  C 10.7220262044271 7.43708482142857  10.7220387369792 6.98461607142857  10.5002501627604 6.70811607142857  Z " fill-rule="nonzero" fill="#999999" stroke="none" transform="matrix(1 0 0 1 324 25 )" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u278.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -324 -26 )">
+    <path d="M 10.5002501627604 1.29188392857143  L 6.12503597005208 6.75927455357143  C 5.98389436848959 6.93524330357143  5.792359375 7.09864955357143  5.61088802083334 7.04836830357143  C 5.42942919921875 7.08607142857143  5.25804654947917 6.91010267857143  5.11691748046875 6.75927455357143  L 0.751779459635417 1.29188392857143  C 0.529990885416666 1.01538392857143  0.529990885416666 0.562899553571429  0.751779459635417 0.286383928571428  C 0.973568033854167 0.00986830357142817  1.33648567708333 0.00988392857142831  1.55826171875 0.286383928571428  L 5.62097672526042 5.48983705357143  L 9.69376790364583 0.28639955357143  C 9.9155439453125 0.00988392857142933  10.2784741210937 0.00988392857142933  10.5002501627604 0.28639955357143  C 10.7220262044271 0.56291517857143  10.7220387369792 1.01538392857143  10.5002501627604 1.29188392857143  Z " fill-rule="nonzero" fill="#999999" stroke="none" transform="matrix(1 0 0 1 324 26 )" />
+  </g>
+</svg>
\ No newline at end of file

src/components/common/Tool.vue

@@ -17,7 +17,7 @@
           <use xlink:href="#icon-a-jifenshangcheng32x32px"></use>
         </svg>
       </van-col>
-      <van-col span="6" class="imglocal">
+      <van-col span="6" class="imglocal" @click="pushManage">
         <svg class="icon" aria-hidden="true">
           <use xlink:href="#icon-a-licaichanpin32x32px"></use>
         </svg>
@@ -35,7 +35,7 @@
     </van-row>
     <van-row class="imgNo">
       <van-col span="6" class="imglocal" @click="pushTrial">存款利息试算</van-col>
-      <van-col span="6" class="imglocal">理财产品 </van-col>
+      <van-col span="6" class="imglocal" @click="pushManage">理财产品 </van-col>
       <van-col span="6" class="imglocal">自助贷款</van-col>
       <van-col span="6" class="imglocal">积分商城</van-col>
     </van-row>
@@ -57,6 +57,11 @@ export default class Tool extends Vue {
       name: "DepositInterestTrial",
     })
   }
+  pushManage() {
+    this.$router.push({
+      name: "ManageMoneyProduct",
+    });
+  }
 }
 </script>
 <style scoped lang="scss">

src/router/index.ts

@@ -18,6 +18,7 @@ import loginRoutes from "./login.mgt.routing";
 import productRoutes from "./product.mgt.routing";
 import mypageRoutes from "./mypage.mgt.routing";
 import depositInterestTrialRoutes from "@/router/depositInterestTrial.routing";
+import manageMoneyProductRoutes from "@/router/manageMoneyProduct.routing";
 
 
 
@@ -43,6 +44,7 @@ const routes: Array<RouteConfig> = [
   ...productRoutes,
   ...mypageRoutes,
   ...depositInterestTrialRoutes,
+  ...manageMoneyProductRoutes,
 ];
 
 const router = new VueRouter({

src/router/manageMoneyProduct.routing.ts

+import {propsConvert} from "@/services/props-convert";
+
+const manageMoneyProductRoutes = [
+  {
+    path: `/ManageMoneyProduct`,
+    name: 'ManageMoneyProduct',
+    component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/ManageMoneyProduct/ManageMoneyProduct.vue"),
+    props: propsConvert,
+    meta: { keepAlive: false, requiresAuth: true, name: "理财产品" },
+  },
+  {
+    path: `/ManageProductDetail`,
+    name: 'ManageProductDetail',
+    component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/ManageMoneyProduct/ManageProductDetail.vue"),
+    props: propsConvert,
+    meta: { keepAlive: false, requiresAuth: true, name: "理财产品详情" },
+  },
+];
+
+export default manageMoneyProductRoutes;

src/views/DepositInterestTrial/CountResult.vue

@@ -22,7 +22,7 @@
         <div class="d-flex" style="margin-top: -2%;margin-left: 5%;margin-bottom: 6%;width: 90%"><span>贷款种类</span><span style="margin-left: auto">一般经营贷款</span></div>
         <div class="d-flex" style="margin-top: -2%;margin-left: 5%;margin-bottom: 6%;width: 90%"><span>还款方式</span><span style="margin-left: auto">等额本息</span></div>
         <div  style="margin-top: 17%;height: 20%;position: absolute;width: 100%;align-self: center;z-index: 0">
-          <van-divider  v-for="count in 12" style="background-color: #c6c8ca;margin-top: -11px;margin-left: 10%;height: 0.5px;width: 80%;"/>
+          <van-divider  v-for="count in 12" :key="count" style="background-color: #c6c8ca;margin-top: -11px;margin-left: 10%;height: 0.5px;width: 80%;"/>
         </div>
       </div>
       <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary">确定</van-button>

src/views/DepositInterestTrial/CountResultB.vue

@@ -20,7 +20,7 @@
         <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%;width: 90%"><span>存款利率(%)</span><span style="margin-left: auto">20000</span></div>
         <div class="d-flex" style="margin-top: -2%;margin-left: 5%;margin-bottom: 6%;width: 90%"><span>共计收益(元)</span><span style="margin-left: auto">20000</span></div>
        <div  style="margin-top: 17%;height: 20%;position: absolute;width: 100%;align-self: center;z-index: 0">
-          <van-divider  v-for="count in 12" style="background-color: #c6c8ca;margin-top: -11px;margin-left: 10%;height: 0.5px;width: 80%;"/>
+          <van-divider  v-for="count in 12" :key="count" style="background-color: #c6c8ca;margin-top: -11px;margin-left: 10%;height: 0.5px;width: 80%;"/>
         </div>
       </div>
       <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary">确定</van-button>

src/views/ManageMoneyProduct/ManageMoneyProduct.vue

+<template>
+  <div class="body d-page" style="background-color: #f5f2f0">
+    <div class="rarle">
+      <tatle-bar :tatle="tatleName"></tatle-bar>
+    </div>
+    <scroller-view>
+        <div v-for="count in 3" :key="count" class="imag-card" @click="pushProduct">
+          <img :src="require('@/assets/svg/licai.svg')" style="width: 100%;"/>
+          <div>
+            <div style="margin-top: 10px;margin-left: 10px;font-size: smaller"><span>黑龙江农信理财-月月增利1号</span><br/></div>
+            <div style="margin-top: 6px;margin-left: 10px"><span style="font-size: larger;color: #e85014">4.46%</span><span style="font-size: small;color: black;position: absolute;margin-left: 90px;margin-top: 6px">最短持有180天</span><br/></div>
+            <div style="margin-top: 6px;margin-left: 10px;font-size: smaller"><span>近三个月年化</span><span style="position: absolute;margin-left: 68px">一万起购较低风险<span style="color: #e85014;">当日开发</span></span><br/></div>
+          </div>
+        </div>
+    </scroller-view>
+  </div>
+</template>
+
+<script lang="ts">
+import {Component, Vue} from "vue-property-decorator";
+@Component({
+  name:"ManageMoneyProduct",
+})
+export default class ManageMoneyProduct extends Vue {
+  tatleName="理财产品";
+  pushProduct() {
+    this.$router.push({
+      name: "ManageProductDetail",
+    })
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.imag-card{
+  width: 96%;
+  margin: 4% auto;
+  background-color: #FFFFFF;
+}
+</style>

src/views/workbench/CompanyCard.vue

+/**
+* @Author wangliang
+* @date 20220726
+*/
 <template>
   <div class="d-page backage-color-body">
     <scroller-view>

src/views/workbench/CooperationBusiness.vue

+/**
+* @Author wangliang
+* @date 20220726
+*/
 <template>
   <div class="body d-page">
     <div class="rarle">

src/views/workbench/ExchangeDetail.vue

+/**
+* @Author wangliang
+* @date 20220726
+*/
 <template>
   <div class="body d-page" style="background-color: #d6d8d9">
     <div class="rarle">

src/views/workbench/ExchangeRecord.vue

+/**
+* @Author wangliang
+* @date 20220726
+*/
 <template>
   <div>
     <div class="rarle">