嵌套一层

src/project/fengdu/AppNewFarmerBank/integralAdd.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="integralAdd">
-
+    <div class="item">
+      <div class="left">事件类型</div>
+      <!-- <div class="right"> -->
+        <AiSelect class="right" dict="clapEventStatus" v-model="form.type"></AiSelect>
+      <!-- </div> -->
+    </div>
   </div>
 </template>
 
@@ -10,14 +15,32 @@ export default {
   appName: '积分申请',
   data() {
     return {
-
+      form: {
+        type: 0,
+      }
     }
   },
+  onLoad(o) {
+    this.$dict.load(['clapEventStatus'])
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .integralAdd {
-  
+  .item {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    background: #FFF;
+    padding: 24px 32px;
+    .left {
+      width: 250px;;
+    }
+    .right {
+      width: calc(100% - 200px);
+      text-align: right;
+    }
+  }
 }
 </style>

src/project/fengdu/AppNewFarmerBank/integralApply.vue

@@ -2,12 +2,19 @@
   <div class="integralApply">
     <div class="card-list">
       <div class="card">
-        
+        <div class="left">
+          <div class="title">房钱午后卫生</div>
+          <div class="time">2020-12-11 10:10</div>
+        </div>
+        <div class="right">
+          <div class="integral">+5</div>
+          <div class="status">待审核</div>
+        </div>
       </div>
     </div>
     <AiEmpty :description="`暂无数据`" class="emptyWrap"/>
     <div class="btn-wrapper">
-      <div class="btn" hover-class="text-hover">积分申请</div>
+      <div class="btn" hover-class="text-hover" @click="toAdd">积分申请</div>
     </div>
   </div>
 </template>
@@ -22,7 +29,9 @@ export default {
     }
   },
   methods: {
-
+    toAdd() {
+      this.$linkTo('./integralAdd')
+    }
   },
   onShow() {
 
@@ -35,6 +44,54 @@ export default {
   padding-bottom: 120px;
   box-sizing: border-box;
 
+  .card-list {
+    margin-top: 24px;
+    background: #FFF;
+    .card {
+      padding: 32px 40px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #EEEEEE;
+      display: flex;
+      align-items: center;
+      .left {
+        width: calc(100% - 200px);
+        .title {
+          font-size: 32px;
+          font-weight: 600;
+        }
+        .time {
+          font-size: 28px;
+          font-weight: 400;
+          color: #666666;
+          margin-top: 8px;
+        }
+      }
+      .right {
+        width: 200px;
+        text-align: right;
+        .integral {
+          font-size: 38px;
+          font-weight: 600;
+        }
+        .status {
+          font-size: 28px;
+          font-weight: 400;
+          margin-top: 8px;
+        }
+
+        .status0 {
+          color: #FF9A40;
+        }
+        .status0 {
+          color: #5AAD6A;
+        }
+        .status0 {
+          color: #CD413A;
+        }
+      }
+    }
+  }
+
   ::v-deep .btn-wrapper {
     background: #FFF;
   }

src/project/fengdu/AppNewFarmerBank/taskDetail.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="page">
     <div class="taskDetail" v-if="showPages">
       <div class="task">
         <h4>{{ info.title }}</h4>
@@ -54,6 +55,7 @@
           <div class="daka">{{ dkqd }}<span v-if="isClock == 1">/积分+{{ intoIntegral }}</span></div>
         </div>
       </div>
+    </div>
     <AiLogin ref="login" @success="getAuth()"/>
   </div>
 </template>
@@ -343,10 +345,9 @@ export default {
         this.token && this.getUserInfo('qujing')
       })
     }
-
   },
   onLoad(o) {
-    this.id = o.id
+    this.id = o?.id
     if (decodeURIComponent(o.scene) != 'undefined') {
       this.id = decodeURIComponent(o.scene)
     }