|
@@ -62,11 +62,12 @@
|
|
|
<el-dialog
|
|
|
title="车辆轨迹"
|
|
|
append-to-body
|
|
|
+ custom-class="dialog_two"
|
|
|
:visible.sync="dialogVisible"
|
|
|
- fullscreen
|
|
|
+ lock-scroll
|
|
|
width="80%">
|
|
|
<div id="container"></div>
|
|
|
- <div class="input-card" v-if="this.lineArr.length>0">
|
|
|
+ <div class="input-card" style="right: 10.3%" v-if="this.lineArr.length>0">
|
|
|
<h4>轨迹回放控制</h4>
|
|
|
<div class="input-item">
|
|
|
<input type="button" class="btn" value="开始动画" id="start" @click="startAnimation()"/>
|
|
@@ -77,7 +78,7 @@
|
|
|
<input type="button" class="btn" value="停止动画" id="stop" @click="stopAnimation()"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="input-card" v-else>
|
|
|
+ <div class="input-card" style="right: 10.3%;bottom: 10.3%" v-else>
|
|
|
<span style="color: red">暂无该车辆轨迹信息</span>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
@@ -185,13 +186,6 @@ export default {
|
|
|
this.loading = true;
|
|
|
active().then(res => {
|
|
|
this.tableData = res.data.data
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
- this.tableData = this.tableData.concat(res.data.data)
|
|
|
this.loading = false;
|
|
|
})
|
|
|
},
|
|
@@ -205,7 +199,7 @@ export default {
|
|
|
<style scoped Lang="less">
|
|
|
@import url('https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css');
|
|
|
#container {
|
|
|
- height: 93vh;
|
|
|
+ height: 80vh;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
@@ -245,7 +239,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
::v-deep .el-dialog {
|
|
|
- margin-top: 0vh !important;
|
|
|
+ margin-top: 5vh !important;
|
|
|
+ margin-bottom: 0 !important;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-dialog__body {
|