持续集成分支

library/apps/AppMyGrid/signResult.vue

@@ -0,0 +1,88 @@
+<template>
+  <section class="signResult">
+    <div class="successImg"/>
+    <b class="mar-t32">今日已完成签到</b>
+    <div v-if="result.changeIntegral>0" class="mar-t32 score mar-b112">积分{{ formatIntegral(result.changeIntegral || 0) }}</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: {
+    formatIntegral(v) {
+      return v > 0 ? "+" + v : v
+    },
+    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("./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("./assets/score.png");
+    background-repeat: no-repeat;
+    background-position: left center;
+    display: flex;
+    align-items: center;
+
+    &.gap {
+      background: transparent;
+    }
+  }
+
+  .mar-b112 {
+    margin-bottom: 112px;
+  }
+
+  ::v-deep.normal {
+    height: 56px;
+    align-items: flex-start;
+  }
+}
+</style>