<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">
|
【PC网站静态化】
|
</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 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>
|
</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,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: {
|
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年M月D日')
|
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>
|
