From 9057e04efad1b7d61c77a72e5c37a504d0aee935 Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期五, 26 九月 2025 09:24:03 +0800 Subject: [PATCH] H5静态化 --- admin/src/views/index.vue | 179 ++++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 146 insertions(+), 33 deletions(-) diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue index 1891490..e6cd127 100644 --- a/admin/src/views/index.vue +++ b/admin/src/views/index.vue @@ -1,41 +1,135 @@ <template> - <div class="main_home"> + <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="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077"> - 銆愮綉绔欓潤鎬佸寲銆� + <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 style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077"> + 銆愯В鍐虫柟妗堬紙3绾ч〉锛夐潤鎬佸寲銆� + </div> + <div class="content"> + <el-button class="btn" :loading="loading[15]" type="primary" @click="staticPage(15)">缁煎悎浣撹偛鍦洪</el-button> + <el-button class="btn" :loading="loading[16]" type="primary" @click="staticPage(16)">鍏ㄦ皯鍋ヨ韩涓績</el-button> + <el-button class="btn" :loading="loading[17]" type="primary" @click="staticPage(17)">鏍″洯浣撹偛鍦洪</el-button> + <el-button class="btn" :loading="loading[18]" type="primary" @click="staticPage(18)">鍐伴洩浣撹偛鍦洪</el-button> + <el-button class="btn" :loading="loading[19]" type="primary" @click="staticPage(19)">娓告吵浣撹偛鍦洪</el-button> + </div> + <div class="content"> + <el-button class="btn" :loading="loading[20]" type="primary" @click="staticPage(20)">鏅烘収浣撹偛鍏洯</el-button> + <el-button class="btn" :loading="loading[21]" type="primary" @click="staticPage(21)">24H鏅鸿兘鍦洪</el-button> + <el-button class="btn" :loading="loading[22]" type="primary" @click="staticPage(22)">鏃犱汉鍊煎畧鍦洪</el-button> + <el-button class="btn" :loading="loading[23]" type="primary" @click="staticPage(23)">浣撹偛杩為攣杩愯惀骞冲彴</el-button> + <el-button class="btn" :loading="loading[24]" type="primary" @click="staticPage(24)">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</el-button> + </div> + <div class="content"> + <el-button class="btn" :loading="loading[25]" type="primary" @click="staticPage(25)">浜插瓙涔愬洯</el-button> + <el-button class="btn" :loading="loading[26]" type="primary" @click="staticPage(26)">鏃呮父鏅尯</el-button> + <el-button class="btn" :loading="loading[27]" type="primary" @click="staticPage(27)">宸ヤ汉鏂囧寲瀹�</el-button> + <el-button class="btn" :loading="loading[28]" type="primary" @click="staticPage(28)">浼佷笟宸ヤ細棣�</el-button> + <el-button class="btn" :loading="loading[29]" type="primary" @click="staticPage(29)">鏂囪壓婕斿嚭棣�</el-button> + </div> </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 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="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 class="content"> + <el-button class="btn1" :loading="loadingMobile[20]" type="primary" @click="staticPageMobile(20)">娓犻亾鍚堜綔</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 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[24]" type="primary" @click="staticPageMobile(24)">浣撹偛杩為攣杩愯惀骞冲彴</el-button> + <el-button class="btn1" :loading="loadingMobile[23]" type="primary" @click="staticPageMobile(23)">鐪佸競绾ф暟鏅轰綋鑲插満棣�</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[25]" type="primary" @click="staticPageMobile(25)">浜插瓙涔愬洯</el-button> + <el-button class="btn1" :loading="loadingMobile[26]" type="primary" @click="staticPageMobile(26)">鏃呮父鏅尯</el-button> + </div> </div> </div> </div> @@ -44,13 +138,14 @@ <script> import dayjs from 'dayjs' import { weeks } from '@/utils/config' -import { create as createPage } from '@/api/business/static' +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] + loading:[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,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,false,false,false,false,false] } }, computed: { @@ -68,6 +163,16 @@ 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) @@ -105,6 +210,14 @@ margin: 10px; font-size: 20px; } + .btn1{ + width: 18%; + height: 60px; + margin: 10px; + font-size: 20px; + background-color: #f76920; + border: #f76920; + } } .main_home { -- Gitblit v1.9.3