xioayue
/
btgym
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

体育馆完善和添加需求

lite
‘daijinzheng@xingtongworld.com’ 3 years ago
parent
1dc1788b09
commit
ad0987bacc
2 changed files with 106 additions and 16 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/views/index.vue
  2. 117
      src/views/ty/index.vue

3
src/views/index.vue
View File

@ -7,7 +7,7 @@
<div class="keliu">
<span class="kliu_title">客流趋势</span>
<div class="kliu_st">
<span id="yitem" :class="klselt == 'y' ? 'spactive' : ''" @click="selitem('y')">年</span>
<span id="yitem" :class="klselt == 'y' ? 'spactive' : ''" @click.stop="selitem('y')">年</span>
<span id="mitem" :class="klselt == 'm' ? 'spactive' : ''" @click="selitem('m')">月</span>
<span id="ditem" :class="klselt == 'd' ? 'spactive' : ''" @click="selitem('d')">日</span>
</div>
@ -196,6 +196,7 @@ export default {
this.getHomeBarData();
this.getInfoDatas();
this.getGcgNumDatas()
// this.selitem('y')
},
methods: {
btgetdata(type) {

117
src/views/ty/index.vue
View File

@ -42,8 +42,8 @@
<div class="center">
<!-- v-for=" item in videoData" :key="item.key" -->
<div class="item" v-for=" item in videoData" :key="item.key">
<video style="width: 68%;margin-top: 0.3rem;height: 70%;margin-left: 0.3rem;" :id="item.key" autoplay></video>
<div class="item" v-for=" item in videoData" :key="item.key" style="position: relative;">
<video style="width: 68%;height: 70%;position: absolute;left: 0.3rem;top: 0.3rem;" :id="item.key" autoplay></video>
</div>
<!-- <div class="item" style="position: relative;">
<video style="width: 68%;height: 70%;position: absolute;top: 0.3rem;left: 0.3rem;" id="camera0"
@ -63,24 +63,81 @@
<span class="pcg_title">各场馆人次占比</span>
<div class="venue_proportion_box" style="width: 100%; height: 290px">
<div class="venue_proportion">
<div class="venue_proportion_top">
<span class="venue_proportion_box_num">25%</span>
<div class="venue_proportion_top" style="cursor: pointer;" @click="istygShowfn">
<span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
<a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">25%
</a>
<!-- v-show="istygShow == true" -->
<div v-show="istygShow == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
@click="istygShowfn">
<iframe class="iframe" id="iframe" name="tyg" src="https://www.js365.org.cn/pages/reserve/index"
width=100px height="100%" scrolling=no frameborder=0
style="position: absolute;left: 4px;top: 2px;border-radius: 50%;">
<!-- <a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">25%
</a> -->
<button class="iframe_btn">
gdf
</button>
</iframe>
</div>
</span>
</div>
<div class="venue_proportion_bo">
<span>体育场</span>
</div>
</div>
<div class="venue_proportion">
<div class="venue_proportion_top">
<span class="venue_proportion_box_num">25%</span>
<div class="venue_proportion_top" style="cursor: pointer;" @click="istygShowfn2">
<span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
<a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">25%
</a>
<!-- v-show="istygShow == true" -->
<div v-show="istygShow2 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
@click="istygShowfn2">
<iframe class="iframe" id="iframe" name="tyg" src="https://www.js365.org.cn/pages/reserve/index"
width=100px height="100%" scrolling=no frameborder=0
style="position: absolute;left: 4px;top: 2px;border-radius: 50%;">
<!-- <a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">25%
</a> -->
<button class="iframe_btn">
gdf
</button>
</iframe>
</div>
</span>
</div>
<div class="venue_proportion_bo">
<span>体育馆</span>
</div>
</div>
<div class="venue_proportion">
<div class="venue_proportion_top">
<span class="venue_proportion_box_num">25%</span>
<div class="venue_proportion_top" style="cursor: pointer;" @click="istygShowfn3">
<span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
<a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">25%
</a>
<!-- v-show="istygShow == true" -->
<div v-show="istygShow3 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
@click="istygShowfn3">
<iframe class="iframe" id="iframe" name="tyg" src="https://www.js365.org.cn/pages/reserve/index"
width=100px height="100%" scrolling=no frameborder=0
style="position: absolute;left: 4px;top: 2px;border-radius: 50%;">
<!-- <a target="tyg" style="text-decoration: none;color: #fff;z-index: 9999;">25%
</a> -->
<button class="iframe_btn">
gdf
</button>
</iframe>
</div>
</span>
</div>
<div class="venue_proportion_bo">
<span>游泳场馆</span>
@ -123,6 +180,9 @@ export default {
return {
player: '',
videoUrl: 'rtmp://192.168.66.13:1935/live/openUrl/1OSHzLa/',
istygShow: false,
istygShow2: false,
istygShow3: false,
initCount: 0,
pubKey0: '',
pubKey1: '',
@ -160,9 +220,43 @@ export default {
this.addNumber(0, 234098, 'insv2')
this.addNumber(0, 234098, 'insv3')
this.getVideo()
// document.getElementById("iframe").load('https://www.js365.org.cn/pages/reserve/index')
// console.log($('iframe'));
// console.log($('iframe').children().find('a'));
// $('iframe').children().find('a').on('click', function () {
// // 执行点击事件所需的操作
// console.log('wwwwwwwwwww');
// });
const iframe = document.querySelector('#iframe')
console.log(iframe);
},
methods: {
istygShowfn() {
console.log(this.istygShow);
console.log('qqqqqqqqqqqq');
if (this.istygShow === false) {
this.istygShow = true
} else {
this.istygShow = false
}
console.log(this.istygShow);
},
istygShowfn2() {
if (this.istygShow2 === false) {
this.istygShow2 = true
} else {
this.istygShow2 = false
}
},
istygShowfn3() {
if (this.istygShow3 === false) {
this.istygShow3 = true
} else {
this.istygShow3 = false
}
},
ty_bar1() {
var chartDom = document.getElementById("dinschart");
var myChart = echarts.init(chartDom);
@ -1264,11 +1358,6 @@ export default {
},
},
// beforeDestroy() {
// this.player.destory();
// }
// },
};
</script>
<style>

Write Preview
Loading…
Cancel
Save