提交

src/api/2023.js

@@ -1,10 +1,19 @@
 import ajax from '@/utils/request.js';
 export function saveUser(data) {
-  return ajax({
-    url: 'user-inc/create',
-    method: 'POST',
-    urlType: 'slikRoad',
-    errorToast: '当前访问人数过多，请重试。',
-    data,
-  });
-}
+    return ajax({
+      url: 'user-inc/create',
+      method: 'POST',
+      urlType: 'slikRoad',
+      errorToast: '当前访问人数过多，请重试。',
+      data,
+    });
+  }
+  export function getTotal(data) {
+    return ajax({
+      url: 'user-inc/order',
+      method: 'GET',
+      urlType: 'slikRoad',
+      errorToast: '当前访问人数过多，请重试。',
+      data,
+    });
+  }

src/view/finance2023/index.vue

@@ -37,7 +37,7 @@
         height: look_more ? 'auto' : '400px',
       }"
     >
-      <p class="users">已有<span class="user_num">23195</span>人参与</p>
+      <p class="users">已有<span class="user_num" v-text="totalUser"></span>人参与</p>
       <h3 class="header_title">2023年争做陕西金融好网民倡议书</h3>
       <div class="body">
         <p class="duan">
@@ -141,7 +141,7 @@
   </div>
 </template>
 <script setup>
-import { saveUser } from '@/api/2023.js';
+import { saveUser, getTotal } from '@/api/2023.js';
 import { ref } from 'vue';
 import { showImagePreview, showToast } from 'vant';
 // import { onMounted, reactive } from "vue";
@@ -153,6 +153,7 @@ import { showImagePreview, showToast } from 'vant';
  */
 let s = window.$originData.orginParames.availWidth / 25;
 s > 40 ? (s = 40) : '';
+const totalUser = ref(0);
 const font_size = ref();
 const play_stats = ref(false);
 const canvas = document.createElement('canvas');
@@ -173,7 +174,6 @@ audio.oncanplay = () => {
       {},
       () => {
         audio.play();
-        // play_stats.value = true;
       },
       false
     );
@@ -235,6 +235,16 @@ const onSubmit = e => {
     });
   });
 };
+
+const getTotalFunc = () => {
+  getTotal().then(r => {
+    totalUser.value = r.order
+  });
+};
+getTotalFunc()
+setInterval(() => {
+    getTotalFunc()
+}, 5000);
 </script>
 <style>
 /* 按钮动画 */