党员积分

src/project/sanjianxi/AppApplyPoint/AppApplyPoint.vue

@@ -4,15 +4,24 @@
       <p><span>积分申请：</span>通过民主程序，将基层治理和服务各项事务转化为数量化指标，对个人日常行为进行评价。申请积分需管理员审核通过后系统自动发放积分。</p>
     </div>
     <div class="list">
-      <div class="item" @click="toAdd">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="toAdd(item)">
         <div class="left">
-          <h2>积分申报</h2>
-          <p>08-31 13:45</p>
+          <h2>{{item.eventName}}</h2>
+          <p>{{item.eventDesc}}</p>
         </div>
         <div class="right">
-          <h2 class="color-E6736E">＋20<u-icon name="arrow-right" color="#ddd" size="24" style="margin-left: 4px" ></u-icon></h2>
+          <h2 class="color-E6736E">
+            <span v-if="item.ruleType == 0">＋{{item.integral}}</span>
+            <span v-if="item.ruleType == 1">＋{{item.ladderRule[0].integral}}-{{item.ladderRule[1].integral}}</span>
+            <span v-if="item.ruleType == 2">＋{{item.integralMin}}-{{item.integralMax}}</span>
+            <u-icon name="arrow-right" color="#ddd" size="24" style="margin-left: 4px" ></u-icon>
+          </h2>
         </div>
       </div>
+      <AiEmpty v-if="!list.length"/>
+    </div>
+    <div class="footer" @click="linkTo(`./list`)">
+      <div class="btn">申请记录</div>
     </div>
   </div>
 </template>
@@ -27,16 +36,41 @@ export default {
   },
   data() {
     return {
-
+      current: 1,
+      pages: 2,
+      list: []
     };
   },
   onLoad() {
-
+    this.getList()
   },
   methods: {
-    toAdd() {
-      uni.navigateTo({url: `./add?id=1&name=111`})
+    toAdd(row) {
+      uni.navigateTo({url: `./add?integralRuleId=${row.id}&integralRuleName=${row.eventName}`})
+    },
+    getList() {
+      if(this.current > this.pages) return
+      this.$instance.post(`/app/apppartyintegralrule/list?classify=0&size=20&current=${this.current}`).then(res => {
+        if (res.code == 0) {
+          this.pages = res.data.pages
+          res.data.records.map((item) => {
+            item.ladderRule = JSON.parse(item.ladderRule)
+          })
+          if (this.current > 1) {
+            this.list = [...this.list, ...res.data.records]
+          } else {
+            this.list = res.data.records
+          }
+        }
+      })
+    },
+    linkTo(url) {
+      uni.navigateTo({url})
     }
+  },
+  onReachBottom() {
+    this.current ++
+    this.getList()
   }
 };
 </script>
@@ -63,7 +97,7 @@ export default {
   }
 }
 .list{
-  padding-top: 172px;
+  padding: 172px 0 120px 0;
   .item{
     padding: 32px;
     border-bottom: 1px solid #ddd;
@@ -88,10 +122,10 @@ export default {
       text-overflow: ellipsis;
     }
     .left{
-      width: calc(100% - 480px);
+      width: 480px;
     }
     .right{
-      width: 480px;
+      width: calc(100% - 480px);
       text-align: right;
       h2{
         font-family: PingFangSC-Semibold, PingFang SC;
@@ -106,5 +140,25 @@ export default {
     }
   }
 }
-  
+.footer{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 16px 32px;
+  background-color: #f3f6f9;
+  z-index: 99;
+  .btn{
+    width: 686px;
+    height: 88px;
+    line-height: 88px;
+    text-align: center;
+    background: #E76056;
+    border-radius: 16px;
+    font-size: 34px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+  }
+}
 </style>