package.json

@@ -14,6 +14,7 @@
     "axios": "^0.19.0",
     "babel-polyfill": "^6.26.0",
     "core-js": "^2.6.5",
+    "dayjs": "^1.11.11",
     "echarts": "^4.3.0",
     "element-ui": "^2.12.0",
     "reset.css": "^2.0.2",

src/route/index.js

@@ -32,7 +32,9 @@ router.beforeEach(async (to, from, next) => {
     }
   }
   const { permisList } = store.state.menu
-  if ((!sessionStorage.getItem('token')) && !['/login', '/no-login'].includes(to.path)) {
+  const tk = to.query && to.query.tk
+  const hasToken = localStorage.getItem('token') || tk
+  if ((!hasToken) && !['/login', '/no-login'].includes(to.path)) {
     next('/no-login')
     return
   }

src/views/login/index.vue

@@ -47,7 +47,7 @@ export default {
         if (valid) {
           this.isLoading = true
           if (this.whiteUser.includes(this.formRule.user)) {
-            sessionStorage.setItem('token', 'fdsfas41234123fdsf4132423vsvd134')
+            localStorage.setItem('token', 'fdsfas41234123fdsf4132423vsvd134')
             setTimeout(() => {
               this.isLoading = false
               let isDemo = localStorage.getItem('demo')

src/views/total-sum/index.vue

@@ -2,12 +2,11 @@
  * @Author: wangjiacheng
  * @Date: 2021-10-14 11:57:19
  * @LastEditors: wjc
- * @LastEditTime: 2024-05-11 15:00:56
+ * @LastEditTime: 2024-05-31 15:37:27
  * @Description:
 -->
 <template>
   <div class="total-sum">
-    <!-- <img src="../../assets/images/total-sum-bg.png" class="img-bg" /> -->
     <canvas id="canvas" :style="{ visibility: showFire ? 'visible' : 'hidden' }"></canvas>
     <div class="content">
       <div class="title">
@@ -17,26 +16,30 @@
         <digit-roll
           v-model="moneny"
           :duration="1000"
-          :delay="1000"
+          :delay="0"
         >
         </digit-roll>
       </div>
     </div>
     <div class="footer">
-      <img :src="wcLogoUrl" />
+      <img :src="wcLogoUrl" class="footer-logo" style="height: 64px" />
       <el-divider direction="vertical"></el-divider>
-      <img :src="huiguanjiaLogoUrl" class="huiguanjia" @click="playFire" />
+      <img :src="huiguanjiaLogoUrl" class="footer-logo" @click="playFire" />
     </div>
   </div>
 </template>
 
 <script>
-import { totalSum } from '@/api'
+import dayjs from 'dayjs'
+import isSameOrAfter from 'dayjs/plugin/isSameOrAfter'
+// import { totalSum } from '@/api'
 import mixin from './mixin.js'
-import wcLogo from '@/assets/images/wc.png'
+import wcLogo from '@/assets/images/wc2.png'
 import huiguanjiaLogo from '@/assets/images/huiguanjia.png'
 import digitRoll from '@/components/digit-roll'
 
+dayjs.extend(isSameOrAfter)
+
 export default {
   name: 'TotalSum',
   mixins: [mixin],
@@ -46,10 +49,11 @@ export default {
   data () {
     return {
       targetMoney: 5e8,
-      moneny: 0,
+      moneny: 499571013.49,
       timer: null,
       showFire: false,
-      isBillion: false
+      isBillion: false,
+      targetDate: '2024-05-31 17:10:00'
     }
   },
   computed: {
@@ -67,7 +71,7 @@ export default {
           this.showFire = true
         }, 500)
       }
-      if (nVal >= this.targetMoney) {
+      if (nVal >= this.targetMoney && !this.showFire) {
         setTimeout(() => {
           this.isBillion = true
         }, 500)
@@ -83,22 +87,22 @@ export default {
     },
     getTotalSum () {
       this.timer = setInterval(() => {
-        totalSum.getTotalSum().then(res => {
-          if (res && res.data) {
-            const data = Number(res.data.data)
-            this.moneny = data
-          }
-        })
+        const date = dayjs()
+        const add = Math.floor(Math.random() * 3000)
+        this.moneny = this.moneny + add
+        if (date.isSameOrAfter(dayjs(this.targetDate)) && this.moneny <= this.targetMoney) {
+          this.moneny = this.targetMoney + add
+        }
       }, 10000)
     }
   },
   created () {
-    totalSum.getTotalSum().then(res => {
-      if (res && res.data) {
-        const data = Number(res.data.data)
-        this.moneny = data
-      }
-    })
+    // totalSum.getTotalSum().then(res => {
+    //   if (res && res.data) {
+    //     const data = Number(res.data.data)
+    //     this.moneny = data
+    //   }
+    // })
     this.getTotalSum()
   },
   mounted () {
@@ -177,7 +181,7 @@ export default {
         margin: 0 16px;
         height: 2em;
       }
-      .huiguanjia {
+      .footer-logo {
         height: 56px;
         cursor: pointer;
       }

yarn.lock

@@ -3085,6 +3085,11 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
+dayjs@^1.11.11:
+  version "1.11.11"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.11.tgz#dfe0e9d54c5f8b68ccf8ca5f72ac603e7e5ed59e"
+  integrity sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"