From bcadfb6de692c138774688efd7928a973d59860f Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期二, 23 九月 2025 13:51:42 +0800
Subject: [PATCH] H5静态化
---
admin/src/views/index.vue | 211 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 211 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
new file mode 100644
index 0000000..55679f7
--- /dev/null
+++ b/admin/src/views/index.vue
@@ -0,0 +1,211 @@
+<template>
+ <div class="main_home" style="padding-bottom: 30px;">
+ <div class="home_header">
+ <div class="mb10 fs17">涓嬪崍濂斤紝{{ userInfo.realname }}</div>
+ <div class="fs13">
+ 浠婂ぉ鏄� {{ nowDate }} {{ nowWeek }}锛屾杩庤闂眴绫宠烦璺冲畼缃戝悗鍙扮鐞嗗钩鍙�
+ </div>
+ <div style="border: 1px solid #cccccc;padding: 20px;margin-top: 30px;">
+ <div style="font-size: 20px;font-weight: bold;color: #144077">
+ 銆怭C缃戠珯闈欐�佸寲銆�
+ </div>
+ <div class="content">
+ <el-button class="btn" :loading="loading[0]" type="primary" @click="staticPage(0)">棣栭〉</el-button>
+ <el-button class="btn" :loading="loading[6]" type="primary" @click="staticPage(6)">Alot鐗╄仈</el-button>
+ <el-button class="btn" :loading="loading[5]" type="primary" @click="staticPage(5)">鏈�鏂板姩鎬�</el-button>
+ <el-button class="btn" :loading="loading[3]" type="primary" @click="staticPage(3)">鍏充簬鎴戜滑</el-button>
+ <el-button class="btn" :loading="loading[4]" type="primary" @click="staticPage(4)">娓犻亾鍚堜綔</el-button>
+ </div>
+ <div class="content">
+ <el-button class="btn" :loading="loading[7]" type="primary" @click="staticPage(7)">鏈�鏂板姩鎬佽鎯�</el-button>
+ <el-button class="btn" :loading="loading[9]" type="primary" @click="staticPage(9)">瀹㈡埛妗堜緥璇︽儏</el-button>
+ <el-button class="btn" :loading="loading[9]" type="primary" @click="staticPage(14)">杞挱鍥捐鎯�</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
+ 銆愭櫤鎱х郴缁熼潤鎬佸寲銆�
+ </div>
+ <div class="content">
+ <el-button class="btn" :loading="loading[1]" type="primary" @click="staticPage(1)">鏅烘収绯荤粺杩愯惀绯荤粺</el-button>
+ <el-button class="btn" :loading="loading[2]" type="primary" @click="staticPage(2)">鏅烘収绯荤粺杩愮淮绯荤粺</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
+ 銆愯В鍐虫柟妗堥潤鎬佸寲銆�
+ </div>
+ <div class="content">
+ <el-button class="btn" :loading="loading[8]" type="primary" @click="staticPage(8)">鏁版櫤浣撹偛鍦洪</el-button>
+ <el-button class="btn" :loading="loading[10]" type="primary" @click="staticPage(10)">24H鏅鸿兘鍦洪</el-button>
+ <el-button class="btn" :loading="loading[11]" type="primary" @click="staticPage(11)">鏅尯&娓镐箰鍥�</el-button>
+ <el-button class="btn" :loading="loading[12]" type="primary" @click="staticPage(12)">鏁版櫤浣撹偛骞冲彴</el-button>
+ <el-button class="btn" :loading="loading[13]" type="primary" @click="staticPage(13)">绌洪棿鏅烘収绠＄悊</el-button>
+ </div>
+ </div>
+ <div style="border: 1px solid #cccccc;padding: 20px;margin-top: 30px;">
+ <div style="font-size: 20px;font-weight: bold; color: #144077">
+ 銆愭墜鏈虹闈欐�佸寲銆�
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[0]" type="primary" @click="staticPageMobile(0)">棣栭〉</el-button>
+ <el-button class="btn1" :loading="loadingMobile[21]" type="primary" @click="staticPageMobile(21)">鏅尯&娓镐箰鍥�</el-button>
+ <el-button class="btn1" :loading="loading[18]" type="primary" @click="staticPageMobile(18)">瀹㈡埛妗堜緥璇︽儏</el-button>
+ <el-button class="btn1" :loading="loading[19]" type="primary" @click="staticPageMobile(19)">杞挱鍥捐鎯�</el-button>
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[20]" type="primary" @click="staticPageMobile(20)">娓犻亾鍚堜綔</el-button>
+ <el-button class="btn1" :loading="loadingMobile[21]" type="primary" @click="staticPageMobile(21)">鍏充簬鎴戜滑</el-button>
+ <el-button class="btn1" :loading="loadingMobile[16]" type="primary" @click="staticPageMobile(16)">鏈�鏂板姩鎬�</el-button>
+ <el-button class="btn1" :loading="loadingMobile[22]" type="primary" @click="staticPageMobile(22)">鏈�鏂板姩鎬佸垪琛�</el-button>
+ <el-button class="btn1" :loading="loadingMobile[17]" type="primary" @click="staticPageMobile(17)">鏈�鏂板姩鎬佽鎯�</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
+ 銆愰椤佃В鍐虫柟妗堛��
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loading[11]" type="primary" @click="staticPageMobile(11)">鏁版櫤浣撹偛鍦洪</el-button>
+ <el-button class="btn1" :loading="loading[12]" type="primary" @click="staticPageMobile(12)">24H鏅鸿兘鍦洪</el-button>
+ <el-button class="btn1" :loading="loading[13]" type="primary" @click="staticPageMobile(13)">鏁版櫤浣撹偛骞冲彴</el-button>
+ <el-button class="btn1" :loading="loading[14]" type="primary" @click="staticPageMobile(14)">鏅尯&娓镐箰鍥�</el-button>
+ <el-button class="btn1" :loading="loading[15]" type="primary" @click="staticPageMobile(15)">绌洪棿鏅烘収绠＄悊</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+ 銆愭櫤鎱х郴缁熴��
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[1]" type="primary" @click="staticPageMobile(1)">鏅烘収绯荤粺杩愯惀绯荤粺</el-button>
+ <el-button class="btn1" :loading="loadingMobile[2]" type="primary" @click="staticPageMobile(2)">鏅烘収绯荤粺杩愮淮绯荤粺</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+ 銆愭暟鏅轰綋鑲插満棣嗐��
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[3]" type="primary" @click="staticPageMobile(3)">缁煎悎浣撹偛鍦洪</el-button>
+ <el-button class="btn1" :loading="loadingMobile[4]" type="primary" @click="staticPageMobile(4)">鍏ㄦ皯鍋ヨ韩涓績</el-button>
+ <el-button class="btn1" :loading="loadingMobile[5]" type="primary" @click="staticPageMobile(5)">鏍″洯浣撹偛鍦洪</el-button>
+ <el-button class="btn1" :loading="loadingMobile[6]" type="primary" @click="staticPageMobile(6)">鍐伴洩浣撹偛鍦洪</el-button>
+ <el-button class="btn1" :loading="loadingMobile[7]" type="primary" @click="staticPageMobile(7)">娓告吵浣撹偛鍦洪</el-button>
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[8]" type="primary" @click="staticPageMobile(8)">鏅烘収浣撹偛鍏洯</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+ 銆�24H鏅鸿兘鍦洪銆�
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[9]" type="primary" @click="staticPageMobile(9)">24H鏅鸿兘鍦洪</el-button>
+ <el-button class="btn1" :loading="loadingMobile[10]" type="primary" @click="staticPageMobile(10)">鏃犱汉鍊煎畧鍦洪</el-button>
+ </div>
+ <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+ 銆愭暟鏅轰綋鑲插钩鍙般��
+ </div>
+ <div class="content">
+ <el-button class="btn1" :loading="loadingMobile[11]" type="primary" @click="staticPageMobile(11)">浣撹偛杩為攣杩愯惀骞冲彴</el-button>
+ <el-button class="btn1" :loading="loadingMobile[12]" type="primary" @click="staticPageMobile(12)">鐪佸競绾ф暟鏅轰綋鑲插満棣�</el-button>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import dayjs from 'dayjs'
+import { weeks } from '@/utils/config'
+import { create as createPage ,createMobile as createPageMobile} from '@/api/business/static'
+export default {
+ components: {
+ },
+ data () {
+ return {
+ loading:[false,false,false,false,false,false,false,false,false,false],
+ loadingMobile:[false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false]
+ }
+ },
+ computed: {
+ userInfo () {
+ return this.$store.state.userInfo
+ }
+ },
+ created () {
+ },
+ mounted () {
+ this.updateDate()
+ // this.initData()
+ },
+ methods: {
+ staticPage (index) {
+ this.loading[index] = true
+ createPage({ pageIndex: index }).then(res => {
+ this.$message.success('鎿嶄綔鎴愬姛')
+ }).catch(e => {
+ this.$tip.apiFailed(e)
+ }).finally(() => {
+ this.loading[index] = false
+ })
+ },
+ staticPageMobile (index) {
+ this.loadingMobile[index] = true
+ createPageMobile({ pageIndex: index }).then(res => {
+ this.$message.success('鎿嶄綔鎴愬姛')
+ }).catch(e => {
+ this.$tip.apiFailed(e)
+ }).finally(() => {
+ this.loading[index] = false
+ })
+ },
+ updateDate () {
+ this.nowDate = dayjs().format('YYYY骞碝鏈圖鏃�')
+ this.nowWeek = weeks[new Date().getDay()]
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+
+div {
+ box-sizing: border-box;
+}
+
+.home_title {
+ font-weight: 600;
+ font-size: 16px;
+ color: #222222;
+ line-height: 22px;
+}
+.content {
+ display: flex;
+ margin-top: 30px;
+ width: 100%;
+ .btn{
+ width: 18%;
+ height: 60px;
+ margin: 10px;
+ font-size: 20px;
+ }
+ .btn1{
+ width: 18%;
+ height: 60px;
+ margin: 10px;
+ font-size: 20px;
+ background-color: #f76920;
+ border: #f76920;
+ }
+}
+
+.main_home {
+ background: #f4f7fc;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ padding: 92px 20px 20px;
+ .home_header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 200px;
+ padding: 20px;
+ color: #fff;
+ background: linear-gradient(180deg, #076ae5 0%, rgba(32, 127, 247, 0) 100%);
+ }
+}
+</style>
--
Gitblit v1.9.3