parent
62299319ad
commit
d429dbc2ab
@ -0,0 +1,30 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-11-08 09:46:59
|
||||||
|
* @LastEditTime: 2021-11-08 09:51:57
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/components/v-cutscene-waiting/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="cw-outter">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "v-cutscene-waiting"
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.cw-outter {
|
||||||
|
position: fixed;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
background: rgba(0,11, 26, 0.7);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-11-08 10:32:26
|
||||||
|
* @LastEditTime: 2021-11-08 10:55:01
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/views/ModelTailDetails/MTDrwps/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="mtdr-outter">
|
||||||
|
<v-label-div title="尾翼传播态势">
|
||||||
|
</v-label-div>
|
||||||
|
<div class="mtdr-inner">
|
||||||
|
<v-echarts :opt="opt"></v-echarts>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import createOpt from "./opt"
|
||||||
|
export default {
|
||||||
|
name: "MTDrwps",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
opt: createOpt(['a','b', 'c', 'd','e'], [1000,2000,2400,1600,2600, 2800])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.mtdr-outter {
|
||||||
|
width: 460px;
|
||||||
|
height: 460px;
|
||||||
|
border: 2px solid #0F2A4D;
|
||||||
|
.mtdr-inner {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 48px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,89 @@
|
|||||||
|
/*
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-11-08 10:40:13
|
||||||
|
* @LastEditTime: 2021-11-08 10:41:15
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/views/ModelTailDetails/MTDrwps/opt.js
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-10-12 16:40:53
|
||||||
|
* @LastEditTime: 2021-11-01 16:06:05
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/views/BrandInsight/forumCommunicationTrend/opt.js
|
||||||
|
*/
|
||||||
|
import * as echarts from "echarts";
|
||||||
|
export default function createOpt(dx=[], ds=[]) {
|
||||||
|
return {
|
||||||
|
grid: {
|
||||||
|
top: "16px",
|
||||||
|
left: "16px",
|
||||||
|
right: "16px",
|
||||||
|
bottom: "16px",
|
||||||
|
containLabel: true,
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: "axis",
|
||||||
|
backgroundColor: "#08182F",
|
||||||
|
color: "#fff",
|
||||||
|
borderColor: "#3373CC",
|
||||||
|
textStyle: {
|
||||||
|
color: "#fff", //设置文字颜色
|
||||||
|
},
|
||||||
|
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
boundaryGap: false,
|
||||||
|
axisTick: {
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
axisLine: {
|
||||||
|
show: false,
|
||||||
|
lineStyle: {
|
||||||
|
color: "#fff",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
axisLabel : {
|
||||||
|
formatter: (value) => {
|
||||||
|
let str = value.substring(10,16)
|
||||||
|
return str;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: dx
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
axisLine: {
|
||||||
|
show: false,
|
||||||
|
lineStyle: {
|
||||||
|
color: "#FFF",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
splitLine: {
|
||||||
|
lineStyle: {
|
||||||
|
type: "dashed", // y轴分割线类型
|
||||||
|
color: "#012b4b",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
data: ds,
|
||||||
|
type: 'line',
|
||||||
|
color: "#2d68ba",
|
||||||
|
areaStyle: {normal: {
|
||||||
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||||||
|
offset: 0,
|
||||||
|
color: '#2d68ba'
|
||||||
|
}, {
|
||||||
|
offset: 1,
|
||||||
|
color: 'rgba(0,0,0,0)'
|
||||||
|
}]),
|
||||||
|
}}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: your name
|
||||||
|
* @Date: 2021-11-08 10:02:04
|
||||||
|
* @LastEditTime: 2021-11-08 10:53:12
|
||||||
|
* @LastEditors: Please set LastEditors
|
||||||
|
* @Description: In User Settings Edit
|
||||||
|
* @FilePath: /data-show/src/views/ModelTailDetails/index.vue
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="d-container">
|
||||||
|
<div class="mtd-outter">
|
||||||
|
<MTDHeader></MTDHeader>
|
||||||
|
<div class="mtd-d1">
|
||||||
|
<MTDrwps></MTDrwps>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import MTDHeader from "./MTDHeader"
|
||||||
|
import MTDrwps from "./MTDrwps"
|
||||||
|
export default {
|
||||||
|
name: "ModelTailDetails",
|
||||||
|
components: {
|
||||||
|
MTDHeader, // 车型尾翼洞察详情
|
||||||
|
MTDrwps, // 尾翼传播态势
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.mtd-outter {
|
||||||
|
padding: 0px 16px 16px 16px;
|
||||||
|
}
|
||||||
|
.mtd-d1 {
|
||||||
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue