From 43a5d90c98be40c6c8a0da2f21df0070e3b66380 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Mon, 22 Aug 2022 15:12:40 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=AF=E5=88=86=E8=A7=84=E5=88=99=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppCreditPoints/AppGridIntegral.vue | 13 ++++-
 src/apps/AppCreditPoints/integralRules.vue   | 59 ++++++++++++++++++++
 2 files changed, 69 insertions(+), 3 deletions(-)
 create mode 100644 src/apps/AppCreditPoints/integralRules.vue

diff --git a/src/apps/AppCreditPoints/AppGridIntegral.vue b/src/apps/AppCreditPoints/AppGridIntegral.vue
index d531b26e..ea912e93 100644
--- a/src/apps/AppCreditPoints/AppGridIntegral.vue
+++ b/src/apps/AppCreditPoints/AppGridIntegral.vue
@@ -19,8 +19,12 @@
         </div>
       </div>
     </div>
-    <div class="detail-content" v-if="list.length">
-      <div class="title">积分明细</div>
+    <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/>
       <div class="item" v-for="(item, index) in list" :key="index">
         <div class="item-info">
           <p v-text="item.eventDesc"/>
@@ -69,6 +73,9 @@ export default {
         })
       }
     },
+    gotoRules() {
+      uni.navigateTo({url: './integralRules'})
+    }
   },
   onReachBottom() {
     this.current++
@@ -79,6 +86,7 @@ export default {
 <style scoped lang="scss">
 .AppGridIntegral {
   width: 100vw;
+  min-height: 100vh;
   background-color: #f3f6f9;
   display: flex;
   flex-direction: column;
@@ -168,7 +176,6 @@ export default {
       font-weight: 500;
       color: #333;
       line-height: 48px;
-      margin-bottom: 30px;
     }
 
     .item {
diff --git a/src/apps/AppCreditPoints/integralRules.vue b/src/apps/AppCreditPoints/integralRules.vue
new file mode 100644
index 00000000..28e76fae
--- /dev/null
+++ b/src/apps/AppCreditPoints/integralRules.vue
@@ -0,0 +1,59 @@
+<template>
+  <section class="integralRules">
+    <div v-for="(e,i) in list" :key="i" flex class="item">
+      <div class="fill label" v-text="e[0]"/>
+      <div class="fill" v-text="e[1]"/>
+    </div>
+    <AiEmpty v-if="!list.length"/>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "integralRules",
+  appName: "积分规则",
+  data() {
+    return {
+      list: [],
+    }
+  },
+  methods: {
+    getList() {
+      this.$http.post("/app/appintegralrule/girdMemberRuleInfo").then(res => {
+        if (res?.data) {
+          this.list = [res.data].flat().filter(Boolean).map(e => e.split("："))
+        }
+      })
+    }
+  },
+  created() {
+    this.getList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.integralRules {
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+  font-size: 36px;
+  line-height: 60px;
+  padding-top: 60px;
+  white-space: nowrap;
+  .item{
+    width: 100%;
+  }
+
+  .label {
+    text-align: right;
+
+    &:after {
+      content: "：";
+      flex-shrink: 0;
+    }
+  }
+}
+</style>