页面修改

src/views/workbench/AccommodMain.vue

@@ -13,6 +13,7 @@
       <tatle-bar :tatle="tatleName"></tatle-bar>
     </div>
     <div>
+      <scroller-view pullup="true" pulldown="true" v-calculate-height>
       <div class="card" v-for="(item, index) in productParam" :key="index">
         <div @click="onClickDetails()">
           <van-row>
@@ -20,23 +21,23 @@
               <van-col span="24" class="contractNo"><span>合同编号：</span>{{ item.contractNo }}</van-col>
               <van-col style="    width: 100%; margin-left: 8%; line-height: 2;">
                 <van-row gutter="20">
-                  <van-col span="12" class="lable"><span>合同类型：</span></van-col>
-                  <van-col span="12" class="contractType">{{ item.contractType }}</van-col>
+                  <van-col span="14" class="lable"><span>合同类型：</span></van-col>
+                  <van-col span="10" class="contractType">{{ item.contractType }}</van-col>
                 </van-row>
 
                 <van-row gutter="20">
-                  <van-col span="12" class="lable"><span>合同金额：</span></van-col>
-                  <van-col span="12" class="contractAmount" style="color:rgb(255, 204, 0);">{{ item.contractAmount }}
+                  <van-col span="14" class="lable"><span>合同金额(元)：</span></van-col>
+                  <van-col span="10" class="contractAmount" style="color:rgb(255, 204, 0);">{{ item.contractAmount }}
                   </van-col>
                 </van-row>
 
                 <van-row gutter="20">
-                  <van-col span="12" class="lable"><span>合同利率：</span></van-col>
-                  <van-col span="12" class="contractRate">{{ item.contractRate }}</van-col>
+                  <van-col span="14" class="lable"><span>合同利率：</span></van-col>
+                  <van-col span="10" class="contractRate">{{ item.contractRate }}</van-col>
                 </van-row>
                 <van-row gutter="20">
-                  <van-col span="12" class="lable"><span>还款方式：</span></van-col>
-                  <van-col span="12" class="paymentMethod">{{ item.paymentMethod }}</van-col>
+                  <van-col span="14" class="lable"><span>还款方式：</span></van-col>
+                  <van-col span="10" class="paymentMethod">{{ item.paymentMethod }}</van-col>
                 </van-row>
 
               </van-col>
@@ -51,6 +52,7 @@
               </svg>
             </van-col>
           </van-row>
+          <div style="background-color: #00c6ff; text-align: center; color: #FFFFFF; margin-top: 4px"><span>查看借据</span></div>
         </div>
         <!-- <van-row  type="flex" class="bottom" @click="onClickPicket()">
           <van-col span="24" class="lablel"><span>查看合同</span>
@@ -60,6 +62,55 @@
           </van-col>
         </van-row> -->
       </div>
+      <div class="card" v-for="(item, index) in productParam" :key="index">
+        <div @click="onClickDetails()">
+          <van-row>
+            <van-col span="16">
+              <van-col span="24" class="contractNo"><span>产品意向申请：</span>{{ item.contractNo }}</van-col>
+              <van-col style="    width: 100%; margin-left: 8%; line-height: 2;">
+                <van-row gutter="20">
+                  <van-col span="14" class="lable"><span>产品名称：</span></van-col>
+                  <van-col span="10" class="contractType">{{ item.contractType }}</van-col>
+                </van-row>
+
+                <van-row gutter="20">
+                  <van-col span="14" class="lable"><span>申请金额(元)：</span></van-col>
+                  <van-col span="10" class="contractAmount" style="color:rgb(255, 204, 0);">{{ item.contractAmount }}
+                  </van-col>
+                </van-row>
+
+                <van-row gutter="20">
+                  <van-col span="14" class="lable"><span>申请利率：</span></van-col>
+                  <van-col span="10" class="contractRate">{{ item.contractRate }}</van-col>
+                </van-row>
+                <van-row gutter="20">
+                  <van-col span="14" class="lable"><span>申请日期：</span></van-col>
+                  <van-col span="10" class="paymentMethod">{{ item.paymentMethod }}</van-col>
+                </van-row>
+
+              </van-col>
+
+            </van-col>
+            <van-col span="8">
+              <svg class="icon" aria-hidden="true" v-if="item.status === 1">
+                <use xlink:href="#icon-yiqianding"></use>
+              </svg>
+              <svg class="icon" aria-hidden="true" v-if="item.status === 2">
+                <use xlink:href="#icon-weiqianding"></use>
+              </svg>
+            </van-col>
+          </van-row>
+          <div style="background-color: #00c6ff; text-align: center; color: #FFFFFF; margin-top: 4px"><span>查看进度</span></div>
+        </div>
+        <!-- <van-row  type="flex" class="bottom" @click="onClickPicket()">
+          <van-col span="24" class="lablel"><span>查看合同</span>
+            <svg class="iconl" aria-hidden="true">
+              <use xlink:href="#icon-a-xiayiye24x24px"></use>
+            </svg>
+          </van-col>
+        </van-row> -->
+      </div>
+      </scroller-view>
     </div>
   </div>
 </template>