|
|
|
@ -13,119 +13,82 @@ |
|
|
|
<div class="keliu"> |
|
|
|
<div class="keliuTxt">客流趋势</div> |
|
|
|
<div class="keliuBtn"> |
|
|
|
<div |
|
|
|
v-for="(item, index) in keliuList" |
|
|
|
:key="index" |
|
|
|
class="btnItem" |
|
|
|
@click="clickQushi(item.unit)" |
|
|
|
:class="item.unit == selectVal1 ? 'btnItemS' : 'btnItemD'" |
|
|
|
> |
|
|
|
<div v-for="(item, index) in keliuList" :key="index" class="btnItem" @click="clickQushi(item.unit)" |
|
|
|
:class="item.unit == selectVal1 ? 'btnItemS' : 'btnItemD'"> |
|
|
|
<div class="txt">{{ item.unit }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div |
|
|
|
class="tongjitu" |
|
|
|
id="homebar" |
|
|
|
style="height: 230px; width: 100%" |
|
|
|
></div> |
|
|
|
<div class="tongjitu" id="homebar" style="height: 230px; width: 100%"></div> |
|
|
|
|
|
|
|
<div class="qushiBaifb"> |
|
|
|
<div class="baifbLeft"> |
|
|
|
<div class="baiFbitem"> |
|
|
|
<div style="font-size: 14px">体育场</div> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
color: white; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
margin-left: 10%; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
20% |
|
|
|
</div> |
|
|
|
<img |
|
|
|
style="width: 10%; height: 60%" |
|
|
|
src="../../assets/index/体育场图例.png" |
|
|
|
/> |
|
|
|
<img style="width: 10%; height: 60%" src="../../assets/index/体育场图例.png" /> |
|
|
|
</div> |
|
|
|
<div class="baiFbitem"> |
|
|
|
<div style="font-size: 14px">体育馆</div> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
color: white; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
margin-left: 10%; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
12% |
|
|
|
</div> |
|
|
|
<img |
|
|
|
style="width: 10%; height: 60%" |
|
|
|
src="../../assets/index/体育馆图例.png" |
|
|
|
/> |
|
|
|
<img style="width: 10%; height: 60%" src="../../assets/index/体育馆图例.png" /> |
|
|
|
</div> |
|
|
|
<div class="baiFbitem"> |
|
|
|
<div style="font-size: 14px">游泳场馆</div> |
|
|
|
<div style="color: white; font-size: 18px; font-weight: bold"> |
|
|
|
12% |
|
|
|
</div> |
|
|
|
<img |
|
|
|
style="width: 10%; height: 60%" |
|
|
|
src="../../assets/index/体育馆图例.png" |
|
|
|
/> |
|
|
|
<img style="width: 10%; height: 60%" src="../../assets/index/体育馆图例.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="baiFbRight"> |
|
|
|
<div class="baiFbitem"> |
|
|
|
<img |
|
|
|
style="width: 10%; height: 60%" |
|
|
|
src="../../assets/index/体育场图例.png" |
|
|
|
/> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<img style="width: 10%; height: 60%" src="../../assets/index/体育场图例.png" /> |
|
|
|
<div style=" |
|
|
|
color: white; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
margin-right: 10%; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
20% |
|
|
|
</div> |
|
|
|
<div style="font-size: 14px">图书馆</div> |
|
|
|
</div> |
|
|
|
<div class="baiFbitem"> |
|
|
|
<img |
|
|
|
style="width: 10%; height: 60%" |
|
|
|
src="../../assets/index/体育馆图例.png" |
|
|
|
/> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<img style="width: 10%; height: 60%" src="../../assets/index/体育馆图例.png" /> |
|
|
|
<div style=" |
|
|
|
color: white; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
margin-right: 10%; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
12% |
|
|
|
</div> |
|
|
|
<div style="font-size: 14px">文化馆</div> |
|
|
|
</div> |
|
|
|
<div class="baiFbitem"> |
|
|
|
<img |
|
|
|
style="width: 10%; height: 60%" |
|
|
|
src="../../assets/index/体育馆图例.png" |
|
|
|
/> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<img style="width: 10%; height: 60%" src="../../assets/index/体育馆图例.png" /> |
|
|
|
<div style=" |
|
|
|
color: white; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
margin-right: 10%; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
12% |
|
|
|
</div> |
|
|
|
<div style="font-size: 14px">博物馆</div> |
|
|
|
@ -140,73 +103,59 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="middle"> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
position: absolute; |
|
|
|
color: white; |
|
|
|
top: 11%; |
|
|
|
left: 18%; |
|
|
|
font-weight: bold; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
345,235 |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
position: absolute; |
|
|
|
color: white; |
|
|
|
top: 11%; |
|
|
|
left: 43.5%; |
|
|
|
font-weight: bold; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
2,345,235 |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
position: absolute; |
|
|
|
color: white; |
|
|
|
top: 11%; |
|
|
|
left: 71%; |
|
|
|
font-weight: bold; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
2,345万 |
|
|
|
</div> |
|
|
|
|
|
|
|
<img |
|
|
|
src="../../assets/index/zt.png" |
|
|
|
class="aimImg" |
|
|
|
style=" |
|
|
|
<img src="../../assets/index/zt.png" class="aimImg" style=" |
|
|
|
width: 70%; |
|
|
|
height: 50%; |
|
|
|
position: absolute; |
|
|
|
left: 15%; |
|
|
|
top: 29%; |
|
|
|
" |
|
|
|
/> |
|
|
|
" /> |
|
|
|
|
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
position: absolute; |
|
|
|
color: white; |
|
|
|
left: 42%; |
|
|
|
bottom: 15.5%; |
|
|
|
font-weight: bold; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
年度进馆人数 |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style=" |
|
|
|
<div style=" |
|
|
|
position: absolute; |
|
|
|
color: white; |
|
|
|
left: 39%; |
|
|
|
bottom: 8%; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 24px; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
33,532,890 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -275,7 +224,7 @@ |
|
|
|
</dv-full-screen-container> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
// 引入echarts |
|
|
|
import * as echarts from "echarts"; |
|
|
|
// 引入api |
|
|
|
@ -285,7 +234,7 @@ import Btbuttom from '@/components/btgym/Btbuttom.vue'; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { Btbuttom }, |
|
|
|
comments:{ |
|
|
|
comments: { |
|
|
|
btButtom |
|
|
|
}, |
|
|
|
data() { |
|
|
|
@ -334,10 +283,10 @@ export default { |
|
|
|
that.bar_data = tmpdata; |
|
|
|
// let btdata = new Array(); |
|
|
|
// let bvdata = new Array(); |
|
|
|
tmpdata.foreach(function (item, key) { |
|
|
|
console.log(key); |
|
|
|
console.log(item); |
|
|
|
}); |
|
|
|
// tmpdata.foreach(function (item, key) { |
|
|
|
// console.log(key); |
|
|
|
// console.log(item); |
|
|
|
// }); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
@ -524,7 +473,7 @@ export default { |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
<style lang="less" scoped> |
|
|
|
@import "../../assets/less/dashboard.less"; |
|
|
|
</style> |
|
|
|
|