diff --git a/src/components/common/Tool.vue b/src/components/common/Tool.vue
index b74f4c2edbd11d1d747c56a56c5643d0c257b6ae..97b4b880e4a35f182d1c3239650d0f4f61acf837 100644
--- a/src/components/common/Tool.vue
+++ b/src/components/common/Tool.vue
@@ -2,7 +2,7 @@
  * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
  * @Date: 2022-07-04 16:24:00
  * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
- * @LastEditTime: 2022-07-07 16:11:33
+ * @LastEditTime: 2022-07-26 15:20:42
  * @FilePath: \mcep-h5\src\components\common\Tatle.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -36,7 +36,7 @@
     <van-row class="imgNo">
       <van-col span="6" class="imglocal">存款理想试算</van-col>
       <van-col span="6" class="imglocal">理财产品 </van-col>
-      <van-col span="6" class="imglocal">自主贷款</van-col>
+      <van-col span="6" class="imglocal">自助贷款</van-col>
       <van-col span="6" class="imglocal">积分商城</van-col>
     </van-row>
   </div>
diff --git a/src/views/workbench/Growth.vue b/src/views/workbench/Growth.vue
index e3cdefbc972adf4ff67986fe02e216b4ba2f5e36..3baf05ed51be152c700264ec5cf2e1f964f8242c 100644
--- a/src/views/workbench/Growth.vue
+++ b/src/views/workbench/Growth.vue
@@ -2,7 +2,7 @@
  * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
  * @Date: 2022-07-07 16:13:13
  * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
- * @LastEditTime: 2022-07-25 19:37:06
+ * @LastEditTime: 2022-07-26 20:22:02
  * @FilePath: \mcep-h5\src\components\common\Bottom.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -16,45 +16,57 @@
       <van-col span="15">{{ tatleName }}</van-col>
     </van-row>
     <div class="card">
-      <van-row type="flex" justify="center" class="integral">
-        <van-col span="24" style="font-size: 24px;font-weight: 900; margin-top: 10%;">{{ number }}</van-col>
-      </van-row>
-      <van-row type="flex" justify="center" class="integrall">
-        <van-col span="24">{{ growthName }}</van-col>
-      </van-row>
-      <van-row type="flex" class="layoutStep" gutter="2">
-        <van-col span="24">
-          <van-steps :active="2" :active-icon="img" :finish-icon="img" active-color=" #FFA121">
-            <van-step></van-step>
-            <van-step></van-step>
-            <van-step></van-step>
-            <van-step></van-step>
-          </van-steps>
-        </van-col>
-      </van-row>
-      <van-row type="flex" class="layoutDiv" gutter="2">
-        <van-col span="24" class="layoutName">
-          距离升级三星用户还差1468成长值
-        </van-col>
-      </van-row>
-    </div>
-    <div class="frist_type">
-      <div class="layoutSeep" v-for="(item, index) in growthList" :key="index">
-        <van-row type="flex" class="layoutDetils">
-          <van-col span="12" class="repaymentName">
-            <van-row type="flex">
-              <van-col span="24" class="records">{{ item.records }}</van-col>
-            </van-row>
-            <van-row type="flex">
-              <van-col span="24" class="time">{{ item.time }}</van-col>
-            </van-row>
+      <div class="d-flex flex-column">
+        <!-- <div class="d-flex p-3  text-white"> -->
+        <van-row type="flex" justify="center" class="integral">
+          <van-col span="24"
+            style="font-size: 24px;font-weight: 900; margin-top: 2%;text-align: center;color:rgb(255, 147, 0);">{{
+                number
+            }}</van-col>
+        </van-row>
+        <van-row type="flex" justify="center" class="integrall">
+          <van-col span="24" style="text-align: center;color:rgb(255, 147, 0);">{{ growthName }}</van-col>
+        </van-row>
+        <van-row type="flex" class="layoutStep" gutter="2">
+          <van-col span="24">
+            <van-steps :active="2" :active-icon="img" :finish-icon="img" active-color=" #FFA121">
+              <van-step></van-step>
+              <van-step></van-step>
+              <van-step></van-step>
+              <van-step></van-step>
+            </van-steps>
           </van-col>
-          <van-col span="12" class="repaymentNumber">
-            <van-col span="24" class="numberlive">{{ item.number }}</van-col>
+        </van-row>
+        <van-row type="flex" class="layoutDiv" gutter="2">
+          <van-col span="24" class="layoutName">
+            距离升级三星用户还差1468成长值
           </van-col>
         </van-row>
+
+        <!-- </div> -->
       </div>
     </div>
+    <div class="frist_type">
+      <van-row type="flex" class="vanrowFlex">
+        <van-col span="24" class="vanclo">
+          <van-row v-for="(item, index) in growthList" :key="index" class="cardId">
+            <van-row type="flex">
+              <van-col span="12" class="repaymentName">
+                <van-row type="flex">
+                  <van-col span="24" class="records">{{ item.records }}</van-col>
+                </van-row>
+                <van-row type="flex">
+                  <van-col span="24" class="time">{{ item.time }}</van-col>
+                </van-row>
+              </van-col>
+              <van-col span="12" class="repaymentNumber">
+                <van-col span="24" class="numberlive">{{ item.number }}</van-col>
+              </van-col>
+            </van-row>
+          </van-row>
+        </van-col>
+      </van-row>
+    </div>
   </div>
 </template>
 
@@ -70,7 +82,7 @@ import 'ant-design-vue/dist/antd'
 export default class Growth extends Vue {
   number: string | undefined = "532"; //额度
   growthName: string | undefined = " 成长值";//额度大写
-  tatleName = "成长值明细"
+  tatleName = "成长值明细";
   img = require("@/assets/images/stars.png")
   //数据源growthList
   growthList = [{
@@ -86,7 +98,41 @@ export default class Growth extends Vue {
     time: "2021/02/21 03:14:12",
     number: "+10"
   }]
-
+  imageBackage: any = require('@/assets/images/backageImg.png');
+  //返回上一级
+  retyen() {
+    this.$router.back();
+  }
+  //数表
+  tableData = [{
+    level: '免费转账',
+    name: '王小虎',
+    province: '上海',
+    city: '普陀区',
+    address: '上海市普陀区金沙江路 1518 弄',
+    zip: 200333
+  }, {
+    level: '客户',
+    name: '王小虎',
+    province: '上海',
+    city: '普陀区',
+    address: '上海市普陀区金沙江路 1518 弄',
+    zip: 200333
+  }, {
+    level: '存款加息',
+    name: '王小虎',
+    province: '上海',
+    city: '普陀区',
+    address: '上海市普陀区金沙江路 1518 弄',
+    zip: 200333
+  }, {
+    level: '贷款减息',
+    name: '王小虎',
+    province: '上海',
+    city: '普陀区',
+    address: '上海市普陀区金沙江路 1518 弄',
+    zip: 200333
+  }]
 
 
 
@@ -95,54 +141,31 @@ export default class Growth extends Vue {
 <style scoped lang="scss">
 .card {
   //background-image: url("../../assets/images/mycard.png");
-  margin: 0px auto;
-  background-color: rgba(255, 255, 255, 1);
+  // background-color: #ffc14a;
+  // position: absolute;
+  // top: 12%;
+  // left: 4%;
+  // right: 3%;
+  // width: 89%;
+  // height: 11%;
+  // margin: 2% auto;
+  // border-radius: 15px;
+  // display: flex;
+  // font-weight: 400;
+  // font-style: normal;
+  background-color: #ffffff;
   position: absolute;
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12156862745098);
-  top: 13%;
-  /* left: calc(100vh - -15px); */
-  margin: 0px auto;
-  right: 4%;
-  width: 90%;
-  height: 30%;
+  top: 12%;
+  left: 1%;
+  right: 3%;
+  width: 98%;
+  height: 24%;
+  /* height: 22%; */
   /* margin: 2% auto; */
-  border-radius: 5px;
-  /* display: flex; */
-  font-weight: 400;
-  font-style: normal;
-}
-
-.layoutName {
-  text-align: center;
-  font-family: 'Arial Normal', 'Arial';
+  border-radius: 15px;
+  display: flex;
   font-weight: 400;
   font-style: normal;
-  font-size: 10px;
-  letter-spacing: normal;
-  color: #333333;
-}
-
-.layoutStep {
-  text-align: center;
-}
-
-.integral {
-  //margin-top: 10%;
-  /* margin-left: 20%; */
-  text-align: center;
-  width: 90%;
-  height: 66px;
-  margin: 0px auto;
-  font-size: 36px;
-  color: #FFA121;
-}
-
-.integrall {
-  //margin-top: 10%;
-  /* margin-left: 20%; */
-  text-align: center;
-  color: #FFA121;
-  font-size: 12px;
 }
 
 .last {
@@ -162,7 +185,7 @@ export default class Growth extends Vue {
 //   background-color: #fff;
 // }
 .frist_type {
-  margin-top: 30%;
+  margin-top: 15%;
   background-image: url('../../assets/images/backageImg.png');
   background-size: 100% 100%;
   height: 85%;
@@ -182,6 +205,46 @@ export default class Growth extends Vue {
   margin: 0px auto;
 }
 
+.cardId {
+  margin-top: 4%;
+  box-shadow: 0px 0px 10px rgba(217, 209, 209, 0.996);
+  line-height: 44px;
+  width: 98%;
+}
+
+.records {
+  padding-left: 8%;
+  font-family: 'Arial Normal', 'Arial';
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  letter-spacing: normal;
+  color: rgba(0, 0, 0, 0.8);
+}
+
+.time {
+  padding-left: 8%;
+  font-family: 'Arial Normal', 'Arial';
+  font-weight: 400;
+  font-style: normal;
+  letter-spacing: normal;
+  font-size: 10px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.numberlive {
+  font-size: 18px;
+  color: #FF9300;
+  font-family: 'Arial Normal', 'Arial';
+  font-weight: 400;
+  font-style: normal;
+  text-align: right;
+  padding-right: 7%;
+  padding-top: 12%;
+
+  letter-spacing: normal;
+}
+
 .third {
   width: 90%;
   margin: 0px auto;
@@ -231,12 +294,12 @@ export default class Growth extends Vue {
 }
 
 .vanclo {
-  margin: 20% 0% 4% 6%;
+  margin: 38% 0% 3% 2%;
   /* margin-left: 2%; */
   /* margin-top: 20%; */
   font-weight: 500;
   font-size: 14px;
-  text-align: left;
+  text-align: center
 }
 
 .d-tattle {
@@ -278,8 +341,25 @@ export default class Growth extends Vue {
   height: 40px;
 }
 
+.ntegrall {
+  font-size: 24px;
+  font-weight: 900;
+  margin-top: 2%;
+  /* margin: 0px auto; */
+  text-align: center;
+  color: #CE8B0B;
+}
+
+.layoutName {
+  text-align: center;
+}
+
 .live {
   font-size: 12px;
   color: #CE8B0B;
 }
+
+.van-steps--horizontal {
+  padding: 0px 10px 0;
+}
 </style>