Browse Source

调整报错代码

lite
453530270@qq.com 3 years ago
parent
commit
881a8fbd62
  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

@ -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>

44
src/views/ty/index.vue

@ -72,16 +72,6 @@
<!-- 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>
@ -99,16 +89,6 @@
<!-- 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>
@ -126,16 +106,6 @@
<!-- 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>
@ -227,15 +197,13 @@ export default {
// console.log($('iframe').children().find('a'));
// $('iframe').children().find('a').on('click', function () {
// //
// console.log('wwwwwwwwwww');
// console.log('wwwwwwwwwww');S
// });
const iframe = document.querySelector('#iframe')
console.log(iframe);
// 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 {
@ -798,6 +766,8 @@ export default {
}, 10); //
}
},
//
getVideo() {
let that = this
console.log(that);
@ -806,10 +776,10 @@ export default {
// console.log(res);
const tmpdata = res.data.videoData
// console.log(tmpdata);
this.decode(tmpdata)
// this.decode(tmpdata)
// console.log(this.decode(tmpdata));
let baseviode = this.decode(tmpdata)
this.decode(baseviode)
// this.decode(baseviode)
// console.log(this.decode(baseviode));
let baseviodejson = this.decode2(baseviode)
var jsonParseJson = JSON.parse(baseviodejson);

20
vue.config.js

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