签到结果

src/project/huizhili/AppHome/components/AppMyGrid.vue

@@ -57,7 +57,7 @@ export default {
         if(!url) {
           this.$u.toast('功能开发中...')
         }else {
-          uni.navigateTo({url})
+          uni.navigateTo({ url })
         }
       } 
     },
@@ -88,7 +88,7 @@ export default {
             .then(({data: {result: {address}}}) => this.$http.post("/app/appwxsigninfo/sign", {lat, lng, address}))
             .then(res => {
               if (res?.code == 0) {
-                this.linkTo("/apps/AppMyGrid/signResult?id=" + res?.data.id)
+                this.linkTo("./signResult?id=" + res?.data.id)
               }
             }).catch(err => this.$u.toast(err))
           } else this.$u.toast("无法获取到定位!")

src/project/huizhili/AppHome/signResult.vue

@@ -0,0 +1,83 @@
+<template>
+  <section class="signResult">
+    <div class="successImg"/>
+    <b class="mar-t32">今日已完成签到</b>
+    <div v-if="result.changeIntegral>0" class="mar-t32 score mar-b112">积分{{ result.changeIntegral }}</div>
+    <div v-else class="score gap mar-t32 mar-b112"/>
+    <AiItem label="时间" :border="false">{{ result.createTime }}</AiItem>
+    <AiItem label="位置" :border="false">{{ result.address }}</AiItem>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "signResult",
+  appName: "签到结果",
+  data() {
+    return {
+      result: {}
+    }
+  },
+  methods: {
+    getResult() {
+      const {id} = this.$route.query
+      id && this.$http.post("/app/appwxsigninfo/queryDetailById", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.result = res.data
+        }
+      })
+    }
+  },
+  created() {
+    this.getResult()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.signResult {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 160px 70px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 32px;
+
+  .successImg {
+    background-image: url("./components/assets/qiandaochenggong.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 192px 192px;
+    width: 192px;
+    height: 192px;
+  }
+
+  & > b {
+    font-size: 40px;
+  }
+
+  .score {
+    color: #3975C6;
+    height: 32px;
+    padding-left: 48px;
+    background-image: url("./components/assets/score.png");
+    background-repeat: no-repeat;
+    background-position: left center;
+
+    &.gap {
+      background: transparent;
+    }
+  }
+
+  .mar-b112 {
+    margin-bottom: 112px;
+  }
+
+  ::v-deep.normal {
+    height: 56px;
+    align-items: flex-start;
+  }
+}
+</style>