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

调整报错代码

lite
453530270@qq.com 3 years ago
parent
a3c0ef4e6e
commit
881a8fbd62
3 changed files with 55 additions and 136 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 127
      src/views/dashboard/index.vue
  2. 44
      src/views/ty/index.vue
  3. 20
      vue.config.js

127
src/views/dashboard/index.vue
View File

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

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

@ -72,16 +72,6 @@
<!-- v-show="istygShow == true" --> <!-- v-show="istygShow == true" -->
<div v-show="istygShow == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;" <div v-show="istygShow == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
@click="istygShowfn"> @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> </div>
</span> </span>
@ -99,16 +89,6 @@
<!-- v-show="istygShow == true" --> <!-- v-show="istygShow == true" -->
<div v-show="istygShow2 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;" <div v-show="istygShow2 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
@click="istygShowfn2"> @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> </div>
</span> </span>
@ -126,16 +106,6 @@
<!-- v-show="istygShow == true" --> <!-- v-show="istygShow == true" -->
<div v-show="istygShow3 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;" <div v-show="istygShow3 == true" style="cursor: pointer;overflow-y: hidden;padding: 0.5rem;"
@click="istygShowfn3"> @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> </div>
</span> </span>
@ -227,15 +197,13 @@ export default {
// console.log($('iframe').children().find('a')); // console.log($('iframe').children().find('a'));
// $('iframe').children().find('a').on('click', function () { // $('iframe').children().find('a').on('click', function () {
// // 执行点击事件所需的操作 // // 执行点击事件所需的操作
// console.log('wwwwwwwwwww'); // console.log('wwwwwwwwwww');S
// }); // });
const iframe = document.querySelector('#iframe') // const iframe = document.querySelector('#iframe')
console.log(iframe); // console.log(iframe);
}, },
methods: { methods: {
istygShowfn() { istygShowfn() {
console.log(this.istygShow);
console.log('qqqqqqqqqqqq');
if (this.istygShow === false) { if (this.istygShow === false) {
this.istygShow = true this.istygShow = true
} else { } else {
@ -798,6 +766,8 @@ export default {
}, 10); // 数据跳转的速度控制 }, 10); // 数据跳转的速度控制
} }
}, },
// 视频预览
getVideo() { getVideo() {
let that = this let that = this
console.log(that); console.log(that);
@ -806,10 +776,10 @@ export default {
// console.log(res); // console.log(res);
const tmpdata = res.data.videoData const tmpdata = res.data.videoData
// console.log(tmpdata); // console.log(tmpdata);
this.decode(tmpdata) // this.decode(tmpdata)
// console.log(this.decode(tmpdata)); // console.log(this.decode(tmpdata));
let baseviode = this.decode(tmpdata) let baseviode = this.decode(tmpdata)
this.decode(baseviode) // this.decode(baseviode)
// console.log(this.decode(baseviode)); // console.log(this.decode(baseviode));
let baseviodejson = this.decode2(baseviode) let baseviodejson = this.decode2(baseviode)
var jsonParseJson = JSON.parse(baseviodejson); var jsonParseJson = JSON.parse(baseviodejson);

20
vue.config.js
View File

@ -35,16 +35,16 @@ module.exports = {
// changeOrigin:true, // changeOrigin:true,
// } // }
// } // }
// devServer: { devServer: {
// proxy: { proxy: {
// '/api/*': { '/api/*': {
// target: 'http://127.0.0.1:15901/imghttp/local/', //跨域请求的公共地址 target: 'http://192.168.66.16/', //跨域请求的公共地址
// changeOrigin: true, //是否开启跨域，值为 true 就是开启， false 不开启 changeOrigin: true, //是否开启跨域，值为 true 就是开启， false 不开启
// pathRewrite: { pathRewrite: {
// '^/api': '' //注册全局路径， 但是在你请求的时候前面需要加上 /api // '^/api': '' //注册全局路径， 但是在你请求的时候前面需要加上 /api
// } }
// } }
// }, },
// } }
} }
Write Preview
Loading…
Cancel
Save