From 7dc3d5541231d0d4bd874d061dfb5e5baeb81919 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cgrape=E2=80=9D?= <18746553572@163.com>
Date: Wed, 7 Sep 2022 15:41:53 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A9=E6=81=AF=E8=AF=95=E7=AE=97=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DepositInterestTrial.vue                  | 95 ++++++++++++++-----
 1 file changed, 72 insertions(+), 23 deletions(-)

diff --git a/src/views/DepositInterestTrial/DepositInterestTrial.vue b/src/views/DepositInterestTrial/DepositInterestTrial.vue
index 890f52f..95f101b 100644
--- a/src/views/DepositInterestTrial/DepositInterestTrial.vue
+++ b/src/views/DepositInterestTrial/DepositInterestTrial.vue
@@ -8,11 +8,11 @@
       <!--上部分-->
       <div style="width:100%;height: calc(35vh);background: linear-gradient(90deg, #76befa 0%, #3672f1 99%);">
         <tatle-bar :tatle="titleName" :tatleflag="titleflag" >
-        </tatle-bar>
-        <div class="bar">
-          <van-row>
-            <van-col span="12" style="text-align: center;line-height: 31px;border-radius: 4px 0px 0px 4px;margin-top: 1px" :class="flagA?'white':'green'" @click="chooseA">存款利息试算</van-col>
-            <van-col span="12" style="text-align: center;line-height: 31px;border-radius: 0px 4px 4px 0px;margin-top: 1px" :class="flagB?'white':'green'" @click="chooseB">贷款利息试算</van-col>
+        </tatle-bar >
+        <div class="bar" style="height: calc(5vh); " justify="center">
+          <van-row >
+            <van-col span="11" style=" width:49%; text-align: center;line-height: calc(4vh);border-radius: 4px 0px 0px 4px;margin:calc(0.5vh) 0% calc(0.5vh) 0.5%;" :class="flagA?'white':'green'" @click="chooseA">存款利息试算</van-col>
+            <van-col span="11" style="width:49%; text-align: center;line-height: calc(4vh);border-radius: 0px 4px 4px 0px;margin: calc(0.5vh) 0.5% calc(0.5vh) 0%;" :class="flagB?'white':'green'" @click="chooseB">贷款利息试算</van-col>
           </van-row>
         </div>
       </div>
@@ -29,7 +29,7 @@
 
           <van-row type="flex" class="layoutName">
             <van-col span="24">
-              <van-field  is-link readonly :value="this.typeValue" label="储蓄方式" input-align="right" placeholder="请选择储蓄方式"  @click="showTypes = true" />
+              <van-field  is-link readonly :value="this.typeValue"  label="储蓄方式" input-align="right" placeholder="请选择"  @click="showTypes = true" />
               <van-popup v-model="showTypes" round position="bottom">
                 <van-picker
                   show-toolbar
@@ -52,7 +52,7 @@
 
             <van-row type="flex" class="layoutName">
             <van-col span="24">
-              <van-field  is-link readonly :value="timeTypeValue" label="定期类型" input-align="right" placeholder="请选择定期类型"  @click="showTimeTypes = true"/>
+              <van-field  is-link readonly :value="timeTypeValue" label="定期类型" input-align="right" placeholder="请选择"  @click="showTimeTypes = true"/>
                     <van-popup v-model="showTimeTypes" round position="bottom">
                 <van-picker
                   show-toolbar
@@ -75,7 +75,7 @@
 
                <van-row type="flex" class="layoutName">
             <van-col span="24">
-              <van-field  is-link readonly :value="timeValue" label="期限" input-align="right" placeholder="请选择期限"  @click="showTimes = true"/>
+              <van-field  is-link readonly :value="timeValue" label="期限" input-align="right" placeholder="请选择"  @click="showTimes = true"/>
                     <van-popup v-model="showTimes" round position="bottom">
                 <van-picker
                   show-toolbar
@@ -93,17 +93,56 @@
 
 
 
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
+        <!-- <div class="d-flex" style="padding: 10px 16 px ;margin-top: 6%;margin-left: 5%">年利率(%)<van-field v-model="test.yearRate" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
+        <div class="d-flex" style="margin-top: 6%;margin-left: 5%;margin-bottom: 6%">存入金额(元)<van-field v-model="test.depositAmt" placeholder="请输入" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div> -->
+            <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test.yearRate" label="年利率(%)" input-align="right" placeholder="请输入    " > 
+          
+                 </van-field>
+              
+            </van-col>
+          </van-row>
+
+          <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test.yearRate" label="存入金额(元)" input-align="right" placeholder="请输入    " />
+                  
+            </van-col>
+          </van-row>
+     
       </div>
 <!--      <div v-if="flag" style="margin-top: 160px; text-align: right; margin-right: 10px; font-size: 12px; color: #3672F1" @click="toDepositRate">-->
 <!--        查看基准存款利率-->
 <!--      </div>-->
       <div class="card" v-if="!flag" :model="test2">
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额" style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限" style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
+        <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款金额(元)<van-field v-model="test2.loanAmt" placeholder="请输入贷款金额     " style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
+        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款期限(月)<van-field v-model="test2.loanTime" placeholder="请输入贷款期限     " style="width: 50%;margin-top: -4%;margin-left: auto" input-align="right"></van-field></div>
 <!--        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">计划月还款(元)<van-field v-model="test2.planMonthRepay" placeholder="请输入计划月还款" style="width: 50%;margin-top: -4%;margin-left: auto"></van-field></div>-->
-        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanRate" placeholder="请输入贷款利率" style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div>
+        <!-- <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款利率(%)<van-field v-model="test2.loanTime" placeholder="请输入贷款利率     " style="width: 50%;margin-top: -4%;margin-left: auto;" input-align="right"></van-field></div> -->
+
+ <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test2.loanAmt" label="贷款金额(元)" input-align="right" placeholder="请输入    " />
+                  
+            </van-col>
+          </van-row>
+
+           <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test2.loanTime" label="贷款期限(月)" input-align="right" placeholder="请输入    " />
+                  
+            </van-col>
+          </van-row>
+
+
+           <van-row type="flex" class="layoutName">
+            <van-col span="24">
+              <van-field    :value="test2.loanTime" label="贷款利率(%)" input-align="right" placeholder="请输入    " />
+                  
+            </van-col>
+          </van-row>
+
 <!--        <div class="d-flex" style="margin-top: 6%;margin-left: 5%">贷款种类-->
 <!--          <a-select v-model:value="test2.loanType" :options="loanTypes" placeholder="请选择贷款种类" style="width: 50%;margin-top: -2%;margin-left: auto">-->
 <!--          </a-select>-->
@@ -132,15 +171,19 @@
 
 
       </div>
-      <div v-if="flag">
-      <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countA">计算</van-button>
-      <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 100%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearData"><span style="color: #1890ff">清除</span></van-button>
+
+      
+     <!-- <div style="margin-top:-60px;"> -->
+         <div v-if="flag">
+      <van-button style="width: 90%;margin-left: 5%;background-color: #3672F1;position: absolute;margin-top: 60%;height: 6%;border-radius: 5px; border-color: #3672F1" type="primary" @click="countA">计算</van-button>
+      <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 75%;height: 6%;border-radius: 5px;border-color: #3672F1" @click="clearData"><span style="color: #3672F1">清除</span></van-button>
       </div>
       <div v-if="!flag">
-        <van-button style="width: 90%;margin-left: 5%;background-color: #1890ff;position: absolute;margin-top: 86%;height: 6%;border-radius: 5px;" type="primary" @click="countB">计算</van-button>
-        <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 102%;height: 6%;border-radius: 5px;border-color: #1890ff" @click="clearDataB"><span style="color: #1890ff">清除</span></van-button>
+        <van-button style="width: 90%;margin-left: 5%;background-color: #3672F1;position: absolute;margin-top: 60%;height: 6%;border-radius: 5px; border-color: #3672F1" type="primary" @click="countB">计算</van-button>
+        <van-button style="width: 90%;margin-left: 5%;position: absolute;margin-top: 75%;height: 6%;border-radius: 5px;border-color: #3672F1" @click="clearDataB"><span style="color: #3672F1">清除</span></van-button>
       </div>
-    </div>
+     </div>
+    <!-- </div> -->
   </div>
 </template>
 
@@ -360,18 +403,21 @@ export default class DepositInterestTrial extends Vue{
 }
 .white{
   background-color: #ffffff;
-  color: #0073ff;
+  color: #3672F1;
 }
 .green{
-  background-color: #409eff;
+  background-color: #3672F1;
   color: #ffffff;
 }
 .card{
+  padding: 1.5% 0% 1.5% 0%;
   position: absolute;
   background-color: #ffffff;
+  
   width: 90%;
   margin-left: 5%;
-  margin-top: -30%;
+  margin-top: -25%;
+  border-radius: 10px;
 }
 .layoutName {
   font-family: "Arial Normal", "Arial";
@@ -381,10 +427,13 @@ export default class DepositInterestTrial extends Vue{
   font-size: 13px;
   color: rgba(0, 0, 0, 0.65);
 }
+
 ::v-deep .ant-select-selection {
       border: none;
     }
 ::v-deep  .van-field__label {
-    color:#000000A6;
+    color:#212529;
 }
+
+
 </style>
-- 
2.22.0