积分规则

src/apps/AppCreditPoints/AppGridIntegral.vue

@@ -22,6 +22,7 @@
     <div class="detail-content" v-if="list.length">
       <div flex>
         <div class="title fill">积分明细</div>
+        
         <u-icon name="question-circle" label="积分规则" color="#3F8DF5" label-color="#3F8DF5" @click="gotoRules"/>
       </div>
       <u-gap/>

src/project/qianxinan/AppGirdIntegral/AppGirdIntegral.vue

@@ -22,7 +22,10 @@
       </div>
     </AiTopFixed>
     <div class="list-data">
-      <div class="title">积分明细</div>
+      <div flex>
+        <div class="title fill">积分明细</div>
+        <u-icon name="question-circle" label="积分规则" color="#3F8DF5" label-color="#3F8DF5" @click="toRules"/>
+      </div>
       <div class="item" v-for="(item, index) in list" :key="index">
         <div class="flex-left">
           <p>{{item.eventDesc}}</p>
@@ -82,6 +85,10 @@
           }
         })
       },
+      toRules() {
+        console.log(123)
+        uni.navigateTo({url: './integralRules'})
+      }
       
     },
 

src/project/qianxinan/AppGirdIntegral/integralRules.vue

@@ -0,0 +1,45 @@
+<template>
+  <section class="integralRules">
+    <div v-for="(e,i) in list" :key="i" class="item">
+      <span>{{e.remark}}</span>:
+      <span>{{e.score}}</span>
+    </div>
+    <AiEmpty v-if="!list.length"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "integralRules",
+  appName: "积分规则",
+  data() {
+    return {
+      list: [],
+    }
+  },
+  methods: {
+    getList() {
+      this.$http.post("/app/appscorerule/list?size=20").then(res => {
+        if (res?.data) {
+          this.list = res.data.records
+        }
+      })
+    }
+  },
+  created() {
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.integralRules {
+  .item{
+    width: 688px;
+    word-break: break-all;
+    margin: 0 0 8px 32px;
+    font-size: 30px;
+    line-height: 44px;
+  }
+}
+</style>