Skip to content

M
mcep-h5
提交 069cdf5b 编写于 作者: donghuawangliang0612's avatar donghuawangliang0612
浏览文件
操作

理财产品页面

上级 a4e91419
隐藏空白字符变更
内嵌 并排
正在显示 包含 383 行增加 和 4 行删除
src/assets/svg/licai.svg 0 → 100644
浏览文件 @ 069cdf5b
因为 它太大了无法显示 源差异 。您可以改为 查看blob。
src/assets/svg/u1176.svg 0 → 100644
浏览文件 @ 069cdf5b
<?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 0 → 100644
浏览文件 @ 069cdf5b
<?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 0 → 100644
浏览文件 @ 069cdf5b
<?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 0 → 100644
浏览文件 @ 069cdf5b
<?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 0 → 100644
浏览文件 @ 069cdf5b
<?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 0 → 100644
浏览文件 @ 069cdf5b
<?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
浏览文件 @ 069cdf5b
......@@ -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
浏览文件 @ 069cdf5b
......@@ -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 0 → 100644
浏览文件 @ 069cdf5b
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
浏览文件 @ 069cdf5b
......@@ -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
浏览文件 @ 069cdf5b
......@@ -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 0 → 100644
浏览文件 @ 069cdf5b
<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/ManageMoneyProduct/ManageProductDetail.vue 0 → 100644
浏览文件 @ 069cdf5b
<template>
<div style="background-color: #f5f5f5">
<div class="rarle">
<!--上部分-->
<div style="width:100%;height: calc(30vh);background: linear-gradient(90deg, #76befa 0%, #3672f1 99%);">
<tatle-bar :tatle="titleName" :tatleflag="titleflag" >
</tatle-bar>
<div >
<div style="color: #FFFFFF;text-align: center;margin-top: 4%;">
<div >黑龙江农信理财-月月增利1号</div>
<div>YYZL01H</div>
</div>
<!-- <div>-->
<!-- <span>111</span>-->
<!-- <span class="line"></span>-->
<!-- <span>1111</span>-->
<!-- </div>-->
<div style="margin-top: 6%">
<van-row type ="flex" >
<van-col span="3"></van-col>
<van-col span="8" class="lins">4.4660%</van-col>
<van-col span="2" class="lins"> <img :src="require('@/assets/svg/u1176.svg')"/></van-col>
<van-col span="8" class="lins"> <van-row type ="flex" gutter="20">
<van-col span="24" class="lins">1.017155</van-col>
<van-col span="24" class="linsl">净值（2022-07-04）</van-col>
</van-row>
</van-col>
</van-row>
</div>
</div>
</div>
<div style="background-color: #FFFFFF">
<van-row type ="flex" >
<van-col span="7"><van-row type ="flex" gutter="20"><van-col span="24" class="type1">0</van-col>
<van-col span="24" class="type2">剩余额度(元)</van-col></van-row></van-col>
<van-col span="1" style="margin-top: 4%"> <img :src="require('@/assets/svg/u1181.svg')"/></van-col>
<van-col span="7"><van-row type ="flex" gutter="20"><van-col span="24" class="type1">0.01</van-col>
<van-col span="24" class="type2">起购金额</van-col></van-row></van-col>
<van-col span="1" style="margin-top: 4%"> <img :src="require('@/assets/svg/u1181.svg')"/></van-col>
<van-col span="7">
<van-col span="24" class="type1" style="margin-top: 22%">每日开放</van-col>
</van-col>
</van-row>
</div>
<div style="margin-top: 4%;background-color: #FFFFFF">
<!-- <van-row>
<van-col span="1"></van-col>
<van-col span="7" class="type3" style="text-align: left">发起购买</van-col>
<van-col span="8" class="type3">截至购买</van-col>
<van-col span="7" class="type3" style="text-align: right">计算收益</van-col>
<van-col span="1"></van-col>
</van-row>
<van-row>
<van-col span="24" style="margin-left: 4%;"><img :src="require('@/assets/svg/u1188.svg')"/></van-col>
</van-row>
<van-row>
<van-col span="1"></van-col>
<van-col span="7" class="type4" style="text-align: left">今天</van-col>
<van-col span="8" class="type4">2022-07-06 15:30前</van-col>
<van-col span="7" class="type4" style="text-align: right">2022-07-07</van-col>
<van-col span="1"></van-col>
</van-row>-->
<van-steps :active="active">
<van-step>发起购买</van-step>
<van-step>截至购买</van-step>
<van-step>计算收益</van-step>
</van-steps>
<van-row style="width: 94%;margin-left: 3%; margin-top: -4%;
padding-bottom: 4%;">
<!-- <van-col span="1"></van-col>-->
<van-col span="8" class="type4" style="text-align: left">今天</van-col>
<van-col span="8" class="type4">2022-07-06 15:30前</van-col>
<van-col span="8" class="type4" style="text-align: right">2022-07-07</van-col>
<!-- <van-col span="1"></van-col>-->
</van-row>
</div>
<div style="margin-top: 4%;background-color: #FFFFFF">
<!-- <div class="type5">产品特点&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img :src="require('@/assets/svg/u278.svg')"/></div>
<div class="type5">交易规则&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img :src="require('@/assets/svg/u278.svg')"/></div>
<div class="type5">产品相关协议</div>-->
<van-collapse v-model="activeName" accordion>
<van-collapse-item title="产品特点" name="1" size="large">
<van-row style="font-size: smaller;color: black">
<van-col span="8">发行机构：</van-col>
<van-col span="16">黑龙江省农村信用社联合社</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="8">产品名称：</van-col>
<van-col span="16">黑龙江农信理财-月月增利1号</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="8">产品代码：</van-col>
<van-col span="16">YYZL01H</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="8">理财登记编号：</van-col>
<van-col span="16">Z700129382939</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="8">币种：</van-col>
<van-col span="16">人民币</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="8">销售渠道：</van-col>
<van-col span="16">手机银行；线上金融服务平台</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="8">风险等级：</van-col>
<van-col span="16">二级</van-col>
</van-row>
</van-collapse-item>
<van-collapse-item title="交易规则" name="2" size="large">
<van-row style="font-size: smaller;color: black">
<van-col span="10">首次购买起点(元):</van-col>
<van-col span="14">0.01</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="10">追加购买起点(元):</van-col>
<van-col span="14">0.01</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="10">最小认购单位(元):</van-col>
<van-col span="14">不限制</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="10">赎回起点份额(份):</van-col>
<van-col span="14">0.01</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="10">最低持有份额(份):</van-col>
<van-col span="14">0.01</van-col>
</van-row>
<van-row style="font-size: smaller;color: black">
<van-col span="10">最小赎回单位(份):</van-col>
<van-col span="14">不限制</van-col>
</van-row>
</van-collapse-item>
<van-collapse-item title="产品相关协议" name="3" :is-link="false" size="large">
</van-collapse-item>
</van-collapse>
</div>
<div style=" color: rgb(0, 92, 191);background-color: #f5f5f5;text-align: center;margin-top: 10px">
<van-row span="24">
<van-col span="6" style="font-size: smaller">《产品合同》</van-col>
<van-col span="6" style="font-size: smaller">《风险提示书》</van-col>
<van-col span="6" style="font-size: smaller">《销售协议书》</van-col>
</van-row>
</div>
</div>
<div style="background-color: #FFFFFF;padding-bottom: 1px">
<div style="margin-top: -8px;"><van-divider
:style="{ color: '#1989fa', borderColor: '#1989fa', padding: '16px 16px' }"
>理财非存款，产品有风险，投资需谨慎
</van-divider></div>
</div>
</div>
</template>
<script lang="ts">
import {Component, Vue} from "vue-property-decorator";
@Component({
name: "ManageProductDetail",
})
export default class ManageProductDetail extends Vue {
titleName="产品详情";
titleflag=true;
activeName:any = "";
}
</script>
<style scoped lang="scss">
.line{
width: 1px;
height: 58px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
margin-left: 50%;
margin-top: 6%;
}
.lins{
text-align: center;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 20px;
color: #FFFFFF;
}
.linsl{
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #FFFFFF;
}
.type1{
font-size: 12px;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
color: #333333;
text-align: center;
margin-top: 10%;
}
.type2{
margin-top: 10%;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
text-align: center;
line-height: normal;
font-size: 10px;
color: #AAAAAA;
margin-bottom: 10%;
}
.type3{
text-align: center;
font-size: 12px;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
letter-spacing: normal;
color: #333333;
line-height: normal;
margin-top: 4%;
}
.type4{
text-align: center;
font-size: 12px;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
letter-spacing: normal;
color: #333333;
line-height: normal;
margin-top: 2%;
}
.type5{
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
padding-top: 6%;
margin-left: 3%;
}
</style>
src/views/workbench/CompanyCard.vue
浏览文件 @ 069cdf5b
/**
* @Author wangliang
* @date 20220726
*/
<template>
<div class="d-page backage-color-body">
<scroller-view>
......
src/views/workbench/CooperationBusiness.vue
浏览文件 @ 069cdf5b
/**
* @Author wangliang
* @date 20220726
*/
<template>
<div class="body d-page">
<div class="rarle">
......
src/views/workbench/ExchangeDetail.vue
浏览文件 @ 069cdf5b
/**
* @Author wangliang
* @date 20220726
*/
<template>
<div class="body d-page" style="background-color: #d6d8d9">
<div class="rarle">
......
src/views/workbench/ExchangeRecord.vue
浏览文件 @ 069cdf5b
/**
* @Author wangliang
* @date 20220726
*/
<template>
<div>
<div class="rarle">
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或