sccg_ui.git - Gitblit

			@@ -7,12 +7,13 @@
			<span class="trend-title">趋势分析</span>
			<el-form ref="form" :model="search" label-width="6vw">
			<el-form-item label="类型查询">
			<el-select v-model="search.type" placeholder="内容信息">
			<el-select v-model="search.type" @change="searchList" placeholder="内容信息">
			<el-option v-for="option in categoryOptions" :key="option.value" :value="option.value" :label="option.label" ></el-option>
			</el-select>
			</el-form-item>
			<el-form-item class="time-area" label="时间范围">
			<el-date-picker v-model="search.timeRange" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss">
			<el-date-picker @change="searchList" start-placeholder="开始时间" end-placeholder="结束时间" v-model="search.timeRange"
			type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss">
			</el-date-picker>
			</el-form-item>
			</el-form>
			@@ -34,6 +35,10 @@
			</div>
			</div>
			<div class="trend-main">

			<div class="map">
			<MyMap></MyMap>
			</div>
			<div class="trend-main-echarts" id="echarts">

			</div>
			@@ -45,8 +50,10 @@
			import * as echarts from 'echarts'
			import basecase from "@/api/operate/basecase";
			import { CATEGOTY } from "@/utils/helper";
			import MyMap from "@/components/map";

			export default {
			components :{MyMap},
			created() {
			this.searchList()
			},
			@@ -106,6 +113,7 @@
			this.trendAnalysisList = this.highFlag ? await basecase.getTrendAnalysisData(trendAnalysisParam)
			: await basecase.getFirstTrendAnalysisData(trendAnalysisParam);
			},

			tabChange(params) {
			this.highFlag = params === 1;
			this.searchList();
			@@ -127,7 +135,7 @@
			<style lang="scss" scoped>
			.trend-analysis {
			height: 100%;
			padding: 10vh 10vw;
			padding: 10vh 0vw;
			color: #4b9bb7;
			display: flex;

			@@ -183,7 +191,7 @@
			.trend-main {
			flex: 1;
			border: 1px solid #09152f;

			display: flex;
			.trend-main-echarts {
			width: 500px;
			height: 400px;
			@@ -196,4 +204,8 @@
			}
			}
			}
			.map {
			height: 488px;
			min-width: 460px;
			}
			</style>