From c4f79f3b1a79faa6c6d580b2a9eceadbc7832dee Mon Sep 17 00:00:00 2001 From: joylink_cuiweidong <364937672@qq.com> Date: Mon, 11 Nov 2019 18:28:21 +0800 Subject: [PATCH 1/2] =?UTF-8?q?skinCode=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../beijing_01/menusPlan/createTodayPlan.vue | 19 +- .../chengdu_03/menusPlan/createTodayPlan.vue | 19 +- .../chengdu_04/menusPlan/createTodayPlan.vue | 19 +- .../chengdu_04/planSchedule/schedule.vue | 850 +++++++++--------- .../fuzhou_01/menusPlan/createTodayPlan.vue | 19 +- .../theme/fuzhou_01/planSchedule/index.vue | 118 +-- src/views/approval/runPlan/index.vue | 2 +- src/views/approval/script/index.vue | 4 +- src/views/demonstration/deomonList/index.vue | 2 +- src/views/demonstration/deomonTopic/index.vue | 2 +- src/views/demonstration/detail/index.vue | 12 +- src/views/designUser/index.vue | 4 +- src/views/display/demon/faultChoose.vue | 250 +++--- src/views/display/demon/runPlanLoad.vue | 74 +- 14 files changed, 663 insertions(+), 731 deletions(-) diff --git a/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue b/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue index 973a50fda..0c483abb4 100644 --- a/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue +++ b/src/jmap/theme/beijing_01/menusPlan/createTodayPlan.vue @@ -21,7 +21,7 @@ import { runPlanTemplateList } from '@/api/runplan'; import { getStationList } from '@/api/runplan'; import { getEveryDayRunPlanData, generateDayRunPlan } from '@/api/simulation'; -import { listPublishMap, getPublishMapInfo } from '@/api/jmap/map'; +import { getPublishMapInfo } from '@/api/jmap/map'; export default { name: 'ReloadTodayPlan', @@ -29,7 +29,6 @@ export default { return { dialogShow: false, loading: false, - mapList: [], pagerConfig: { pageSize: 'pageSize', pageIndex: 'pageNum' @@ -52,15 +51,6 @@ export default { { title: '运行图名称', prop: 'name' - }, - { - title: '地图名称', - prop: 'mapId', - type: 'tag', - columnValue: (row) => { - return this.$convertField(row.mapId, this.mapList, ['id', 'name']); - }, - tagType: (row) => { return 'success'; } } ] }, @@ -74,16 +64,9 @@ export default { } }, methods: { - loadInitData() { - this.mapList = []; - listPublishMap().then(response => { - this.mapList = response.data; - }); - }, doShow() { this.loading = false; this.dialogShow = true; - this.loadInitData(); }, doClose() { this.dialogShow = false; diff --git a/src/jmap/theme/chengdu_03/menusPlan/createTodayPlan.vue b/src/jmap/theme/chengdu_03/menusPlan/createTodayPlan.vue index 6bce4dfa3..80860a01e 100644 --- a/src/jmap/theme/chengdu_03/menusPlan/createTodayPlan.vue +++ b/src/jmap/theme/chengdu_03/menusPlan/createTodayPlan.vue @@ -21,7 +21,7 @@ import { runPlanTemplateList } from '@/api/runplan'; import { getStationList } from '@/api/runplan'; import { getEveryDayRunPlanData, generateDayRunPlan } from '@/api/simulation'; -import { listPublishMap, getPublishMapInfo } from '@/api/jmap/map'; +import { getPublishMapInfo } from '@/api/jmap/map'; export default { name: 'ReloadTodayPlan', @@ -29,7 +29,6 @@ export default { return { dialogShow: false, loading: false, - mapList: [], pagerConfig: { pageSize: 'pageSize', pageIndex: 'pageNum' @@ -52,15 +51,6 @@ export default { { title: '运行图名称', prop: 'name' - }, - { - title: '地图名称', - prop: 'mapId', - type: 'tag', - columnValue: (row) => { - return this.$convertField(row.mapId, this.mapList, ['id', 'name']); - }, - tagType: (row) => { return 'success'; } } ] }, @@ -74,16 +64,9 @@ export default { } }, methods: { - loadInitData() { - this.mapList = []; - listPublishMap().then(response => { - this.mapList = response.data; - }); - }, doShow() { this.loading = false; this.dialogShow = true; - this.loadInitData(); }, doClose() { this.dialogShow = false; diff --git a/src/jmap/theme/chengdu_04/menusPlan/createTodayPlan.vue b/src/jmap/theme/chengdu_04/menusPlan/createTodayPlan.vue index ba24e1aa9..061b7f8d0 100644 --- a/src/jmap/theme/chengdu_04/menusPlan/createTodayPlan.vue +++ b/src/jmap/theme/chengdu_04/menusPlan/createTodayPlan.vue @@ -21,7 +21,7 @@ import { runPlanTemplateList } from '@/api/runplan'; import { getStationList } from '@/api/runplan'; import { getEveryDayRunPlanData, generateDayRunPlan } from '@/api/simulation'; -import { listPublishMap, getPublishMapInfo} from '@/api/jmap/map'; +import {getPublishMapInfo} from '@/api/jmap/map'; export default { name: 'ReloadTodayPlan', @@ -29,7 +29,6 @@ export default { return { dialogShow: false, loading: false, - mapList: [], pagerConfig: { pageSize: 'pageSize', pageIndex: 'pageNum' @@ -52,15 +51,6 @@ export default { { title: '运行图名称', prop: 'name' - }, - { - title: '地图名称', - prop: 'mapId', - type: 'tag', - columnValue: (row) => { - return this.$convertField(row.mapId, this.mapList, ['id', 'name']); - }, - tagType: (row) => { return 'success'; } } ] }, @@ -74,16 +64,9 @@ export default { } }, methods: { - loadInitData() { - this.mapList = []; - listPublishMap().then(response => { - this.mapList = response.data; - }); - }, doShow() { this.loading = false; this.dialogShow = true; - this.loadInitData(); }, doClose() { this.dialogShow = false; diff --git a/src/jmap/theme/chengdu_04/planSchedule/schedule.vue b/src/jmap/theme/chengdu_04/planSchedule/schedule.vue index 3733445b4..abe46d9aa 100644 --- a/src/jmap/theme/chengdu_04/planSchedule/schedule.vue +++ b/src/jmap/theme/chengdu_04/planSchedule/schedule.vue @@ -29,451 +29,451 @@ import { runDiagramGetTime } from '@/api/simulation'; import DataTable from '../menusPlan/components/dataTable'; export default { - name: 'PlanSchedule', - components: { - DataTable - }, - props: { - group: { - type: String, - required: true - }, - skinCode: { - type: String, - required: true - }, - maxWidth: { - type: Number, - require: true - }, - maxHeight: { - type: Number, - required: true - } - }, - data() { - return { - top: 0, - height: 0, - heights: [100, 100], - runPlanId: 'plan-schedule-id', - myChart: null, - PlanConvert: {}, - serviceNumberConfig: { - data: [], - highlightCurrentRow: true, - handleChange: this.serviceNumberChange, - showClose: false, - columns: [ - { - prop: 'serviceNumber', - label: '表号' - }, - { - width: 40 - } - ] - }, - tripNumberConfig: { - data: [], - highlightCurrentRow: true, - handleChange: this.tripNumberChange, - showClose: false, - columns: [ - { - prop: 'tripNumber', - label: '车次号' - }, - { - width: 40 - } - ] - }, - realData: {}, - kmRangeCoordMap: {}, - option: { - title: { - text: '', - left: 'center' - }, - grid: { - top: '30px', - left: '120px', - right: '40px', - bottom: '65px', - containLabel: true, - backgroundColor: 'floralwhite' - }, - toolbox: { - right: '30px', - feature: { - dataZoom: { - yAxisIndex: 'none' - }, - restore: {}, - saveAsImage: {} - } - }, - tooltip: { - axisPointer: { - trigger: 'item', - type: 'cross' - }, - formatter: this.axisTooltip, - borderWidth: 1 - }, - xAxis: [ - { - type: 'category', - boundaryGap: false, - data: [], - axisLine: { - onZero: false, - lineStyle: { - width: 2, - color: '#d14a61' - } - }, - axisLabel: { - formatter: this.xAxisLableFormat, - textStyle: { - color: '#333' - } - }, - axisPointer: { - snap: true, - label: { - formatter: this.xAxisPointFormat, - backgroundColor: 'rgb(255,0,0,0.5)', - color: 'white' - } - } - } - ], - yAxis: { - type: 'value', - splitLine: { - show: false - }, - axisTick: { - show: false - }, - axisLine: { - onZero: false, - lineStyle: { - width: 2, - color: '#d14a61' - } - }, - axisLabel: { - interval: 'auto', - formatter: this.yAxisLableFormat - }, - axisPointer: { - xAxisIndex: 'all', - label: { - formatter: this.yAxisPointFormat, - backgroundColor: 'rgb(0,100,0,0.5)', - color: 'white' - } - }, - min: 0, - max: 0 - }, - series: [], - dataZoom: [ - { - type: 'inside' - }, - { - fiterMode: 'filter', - handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', - handleSize: '80%', - handleStyle: { - color: '#fff', - shadowBlur: 3, - shadowColor: 'rgba(0, 0, 0, 0.6)', - shadowOffsetX: 2, - shadowOffsetY: 2 - }, - bottom: '20px' - } - ] - }, - absoluteTime: 2 * 3600, - indexKmRangeMap: {} - }; - }, - computed: { - ...mapGetters('runPlan', [ - 'stations' - ]) - }, - watch: { - maxWidth() { - this.setPosition(); - }, - maxHeight() { - this.setPosition(); - }, - '$store.state.runPlan.planLoadedCount': async function () { - await this.loadChartPage(); - }, - '$store.state.runPlan.planSizeCount': function () { - this.reSize({ width: this.$store.state.runPlan.width, height: this.$store.state.runPlan.height }); - }, - '$store.state.runPlan.selected.serviceNumber': function (val) { - const index = this.serviceNumberConfig.data.findIndex(elem => { - return elem.serviceNumber == val; - }); + name: 'PlanSchedule', + components: { + DataTable + }, + props: { + group: { + type: String, + required: true + }, + skinCode: { + type: String, + required: true + }, + maxWidth: { + type: Number, + require: true + }, + maxHeight: { + type: Number, + required: true + } + }, + data() { + return { + top: 0, + height: 0, + heights: [100, 100], + runPlanId: 'plan-schedule-id', + myChart: null, + PlanConvert: {}, + serviceNumberConfig: { + data: [], + highlightCurrentRow: true, + handleChange: this.serviceNumberChange, + showClose: false, + columns: [ + { + prop: 'serviceNumber', + label: '表号' + }, + { + width: 40 + } + ] + }, + tripNumberConfig: { + data: [], + highlightCurrentRow: true, + handleChange: this.tripNumberChange, + showClose: false, + columns: [ + { + prop: 'tripNumber', + label: '车次号' + }, + { + width: 40 + } + ] + }, + realData: {}, + kmRangeCoordMap: {}, + option: { + title: { + text: '', + left: 'center' + }, + grid: { + top: '30px', + left: '120px', + right: '40px', + bottom: '65px', + containLabel: true, + backgroundColor: 'floralwhite' + }, + toolbox: { + right: '30px', + feature: { + dataZoom: { + yAxisIndex: 'none' + }, + restore: {}, + saveAsImage: {} + } + }, + tooltip: { + axisPointer: { + trigger: 'item', + type: 'cross' + }, + formatter: this.axisTooltip, + borderWidth: 1 + }, + xAxis: [ + { + type: 'category', + boundaryGap: false, + data: [], + axisLine: { + onZero: false, + lineStyle: { + width: 2, + color: '#d14a61' + } + }, + axisLabel: { + formatter: this.xAxisLableFormat, + textStyle: { + color: '#333' + } + }, + axisPointer: { + snap: true, + label: { + formatter: this.xAxisPointFormat, + backgroundColor: 'rgb(255,0,0,0.5)', + color: 'white' + } + } + } + ], + yAxis: { + type: 'value', + splitLine: { + show: false + }, + axisTick: { + show: false + }, + axisLine: { + onZero: false, + lineStyle: { + width: 2, + color: '#d14a61' + } + }, + axisLabel: { + interval: 'auto', + formatter: this.yAxisLableFormat + }, + axisPointer: { + xAxisIndex: 'all', + label: { + formatter: this.yAxisPointFormat, + backgroundColor: 'rgb(0,100,0,0.5)', + color: 'white' + } + }, + min: 0, + max: 0 + }, + series: [], + dataZoom: [ + { + type: 'inside' + }, + { + fiterMode: 'filter', + handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', + handleSize: '80%', + handleStyle: { + color: '#fff', + shadowBlur: 3, + shadowColor: 'rgba(0, 0, 0, 0.6)', + shadowOffsetX: 2, + shadowOffsetY: 2 + }, + bottom: '20px' + } + ] + }, + absoluteTime: 2 * 3600, + indexKmRangeMap: {} + }; + }, + computed: { + ...mapGetters('runPlan', [ + 'stations' + ]) + }, + watch: { + maxWidth() { + this.setPosition(); + }, + maxHeight() { + this.setPosition(); + }, + '$store.state.runPlan.planLoadedCount': async function () { + await this.loadChartPage(); + }, + '$store.state.runPlan.planSizeCount': function () { + this.reSize({ width: this.$store.state.runPlan.width, height: this.$store.state.runPlan.height }); + }, + '$store.state.runPlan.selected.serviceNumber': function (val) { + const index = this.serviceNumberConfig.data.findIndex(elem => { + return elem.serviceNumber == val; + }); - this.$refs.serviceTable.setCurrentRow(this.serviceNumberConfig.data[index]); - }, - '$store.state.runPlan.selected.tripNumber': function (val) { - const index = this.tripNumberConfig.data.findIndex(elem => { - return elem.tripNumber == val; - }); - this.$refs.tripTable.setCurrentRow(this.tripNumberConfig.data[index]); - } - }, - mounted() { - this.PlanConvert = this.$theme.loadPlanConvert(this.skinCode); - }, - beforeDestroy() { - this.destroy(); - }, - methods: { - serviceNumberChange(row) { - if (row) { - this.$store.dispatch('runPlan/setSelected', { serviceNumber: row.serviceNumber, tripNumber: null }); - const serviceObj = this.$store.state.runPlan.editData[row.serviceNumber]; - if (serviceObj) { - this.analyticalTripNumber(serviceObj.trainMap); - } - } - }, - tripNumberChange(row) { - if (row) { - this.$store.dispatch('runPlan/setSelected', { serviceNumber: this.$store.state.runPlan.selected.serviceNumber, tripNumber: row.tripNumber }); - } - }, - async analyticalServiceNumber(data) { - this.serviceNumberConfig.data = Object.keys(data || {}) - .sort((a, b) => { return data[a].oldIndex - data[b].oldIndex; }) - .map(serviceNumber => { return { serviceNumber }; }); - }, - async analyticalTripNumber(data) { - this.tripNumberConfig.data = Object.keys(data || {}) - .sort((a, b) => { return data[a].oldIndex - data[b].oldIndex; }) - .map(tripNumber => { return { tripNumber }; }); - }, - async setPosition() { - this.$nextTick(() => { - let top = 3; - const width = this.maxWidth * 0.85; - let height = this.maxHeight; + this.$refs.serviceTable.setCurrentRow(this.serviceNumberConfig.data[index]); + }, + '$store.state.runPlan.selected.tripNumber': function (val) { + const index = this.tripNumberConfig.data.findIndex(elem => { + return elem.tripNumber == val; + }); + this.$refs.tripTable.setCurrentRow(this.tripNumberConfig.data[index]); + } + }, + mounted() { + this.PlanConvert = this.$theme.loadPlanConvert(this.skinCode); + }, + beforeDestroy() { + this.destroy(); + }, + methods: { + serviceNumberChange(row) { + if (row) { + this.$store.dispatch('runPlan/setSelected', { serviceNumber: row.serviceNumber, tripNumber: null }); + const serviceObj = this.$store.state.runPlan.editData[row.serviceNumber]; + if (serviceObj) { + this.analyticalTripNumber(serviceObj.trainMap); + } + } + }, + tripNumberChange(row) { + if (row) { + this.$store.dispatch('runPlan/setSelected', { serviceNumber: this.$store.state.runPlan.selected.serviceNumber, tripNumber: row.tripNumber }); + } + }, + async analyticalServiceNumber(data) { + this.serviceNumberConfig.data = Object.keys(data || {}) + .sort((a, b) => { return data[a].oldIndex - data[b].oldIndex; }) + .map(serviceNumber => { return { serviceNumber }; }); + }, + async analyticalTripNumber(data) { + this.tripNumberConfig.data = Object.keys(data || {}) + .sort((a, b) => { return data[a].oldIndex - data[b].oldIndex; }) + .map(tripNumber => { return { tripNumber }; }); + }, + async setPosition() { + this.$nextTick(() => { + let top = 3; + const width = this.maxWidth * 0.85; + let height = this.maxHeight; - const titleBar = document.getElementById('PlanTitleBar'); - const menuBar = document.getElementById('PlanMenuBar'); - const menuTool = document.getElementById('PlanMenuTool'); - const statusBar = document.getElementById('PlanStatusBar'); + const titleBar = document.getElementById('PlanTitleBar'); + const menuBar = document.getElementById('PlanMenuBar'); + const menuTool = document.getElementById('PlanMenuTool'); + const statusBar = document.getElementById('PlanStatusBar'); - if (titleBar) { - top += (titleBar.offsetHeight || 0); - } + if (titleBar) { + top += (titleBar.offsetHeight || 0); + } - if (menuBar) { - top += (menuBar.offsetHeight || 0); - } + if (menuBar) { + top += (menuBar.offsetHeight || 0); + } - if (menuTool) { - top += (menuTool.offsetHeight || 0); - } + if (menuTool) { + top += (menuTool.offsetHeight || 0); + } - if (statusBar) { - height -= (statusBar.offsetHeight || 0); - } + if (statusBar) { + height -= (statusBar.offsetHeight || 0); + } - height = height - top; - this.$store.dispatch('runPlan/resize', { width, height }); + height = height - top; + this.$store.dispatch('runPlan/resize', { width, height }); - if (this.top != top) { - this.top = top; - } + if (this.top != top) { + this.top = top; + } - if (this.height != height) { - this.height = height - 20 * 2; - } - }); - }, - async loadChartPage() { - try { - let series = []; - const stations = this.$store.state.runPlan.stations; - const planData = this.$store.state.runPlan.planData; + if (this.height != height) { + this.height = height - 20 * 2; + } + }); + }, + async loadChartPage() { + try { + let series = []; + const stations = this.$store.state.runPlan.stations; + const planData = this.$store.state.runPlan.planData; - this.viewDisabled = true; - this.kmRangeCoordMap = this.PlanConvert.convertStationsToMap(stations); - series = this.pushModels(series, [this.PlanConvert.initializeYaxis(stations)]); - series = this.pushModels(series, this.PlanConvert.convertDataToModels(planData, stations, this.kmRangeCoordMap, { color: '#000', width: 0.5 })); - await this.loadInitData(series); - await this.analyticalServiceNumber(this.$store.state.runPlan.editData); - this.viewDisabled = false; + this.viewDisabled = true; + this.kmRangeCoordMap = this.PlanConvert.convertStationsToMap(stations); + series = this.pushModels(series, [this.PlanConvert.initializeYaxis(stations)]); + series = this.pushModels(series, this.PlanConvert.convertDataToModels(planData, stations, this.kmRangeCoordMap, { color: '#000', width: 0.5 })); + await this.loadInitData(series); + await this.analyticalServiceNumber(this.$store.state.runPlan.editData); + this.viewDisabled = false; - } catch (error) { - this.viewDisabled = false; - this.$messageBox(`加载运行图数据失败`); - } - }, - async loadInitData(series) { - this.myChart && this.myChart.showLoading(); - await this.xAxisInit(); - await this.yAxisInit(); - await this.loadInitChart(series); - this.myChart && this.myChart.hideLoading(); - }, - pushModels(series, models) { - if (models && models.length) { - models.forEach(elem => { - if (elem) { - series.push(elem); - } - }); - } + } catch (error) { + this.viewDisabled = false; + this.$messageBox(`加载运行图数据失败`); + } + }, + async loadInitData(series) { + this.myChart && this.myChart.showLoading(); + await this.xAxisInit(); + await this.yAxisInit(); + await this.loadInitChart(series); + this.myChart && this.myChart.hideLoading(); + }, + pushModels(series, models) { + if (models && models.length) { + models.forEach(elem => { + if (elem) { + series.push(elem); + } + }); + } - return series; - }, - popModels(series, models) { - if (models && models.length) { - models.forEach(elem => { - const index = series.indexOf(elem); - if (index >= 0) { - series.split(index, 1); - } - }); - } + return series; + }, + popModels(series, models) { + if (models && models.length) { + models.forEach(elem => { + const index = series.indexOf(elem); + if (index >= 0) { + series.split(index, 1); + } + }); + } - return series; - }, - loadInitChart(series) { - return new Promise((resolve, reject) => { - try { - const that = this; - // 加载echart配置 - require.config( - { - paths: { - echarts: './js/dist' - } - } - ); - // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表 - require( - [ - 'echarts', - 'echarts/lib/chart/line' - ], - function (ec) { - that.destroy(); + return series; + }, + loadInitChart(series) { + return new Promise((resolve, reject) => { + try { + const that = this; + // 加载echart配置 + require.config( + { + paths: { + echarts: './js/dist' + } + } + ); + // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表 + require( + [ + 'echarts', + 'echarts/lib/chart/line' + ], + function (ec) { + that.destroy(); - let startValue = 3600 + that.PlanConvert.TranslationTime; - const offsetTime = 3600; + let startValue = 3600 + that.PlanConvert.TranslationTime; + const offsetTime = 3600; - runDiagramGetTime(that.group).then(resp => { - startValue = resp.data - that.PlanConvert.TranslationTime; - that.option.dataZoom[0].startValue = that.option.dataZoom[1].startValue = startValue - offsetTime; - that.option.dataZoom[0].endValue = that.option.dataZoom[1].endValue = startValue + offsetTime; - that.option.series = series; - that.myChart = ec.init(document.getElementById(that.runPlanId)); - if (that.myChart) { - that.myChart.setOption(that.option); - that.reSize({ width: that.$store.state.runPlan.width, height: that.$store.state.runPlan.height }); - that.myChart.on('click', that.mouseClick); - } - }); - resolve(true); - } - ); - } catch (error) { - reject(error); - } - }); - }, - xAxisPointFormat(params) { - return timeFormat(params.value); - }, - yAxisPointFormat(params) { - return this.PlanConvert.computedFormatYAxis(this.stations, params); - }, - xAxisLableFormat(value, index) { - if (value % 60 === 0) { - return timeFormat(value); - } - }, - yAxisLableFormat(value, index) { - return ''; - }, - xAxisInit() { - const list = []; - for (var time = 0 + this.PlanConvert.TranslationTime; time < 3600 * 24 + this.PlanConvert.TranslationTime; time++) { - list.push(time); - } + runDiagramGetTime(that.group).then(resp => { + startValue = resp.data - that.PlanConvert.TranslationTime; + that.option.dataZoom[0].startValue = that.option.dataZoom[1].startValue = startValue - offsetTime; + that.option.dataZoom[0].endValue = that.option.dataZoom[1].endValue = startValue + offsetTime; + that.option.series = series; + that.myChart = ec.init(document.getElementById(that.runPlanId)); + if (that.myChart) { + that.myChart.setOption(that.option); + that.reSize({ width: that.$store.state.runPlan.width, height: that.$store.state.runPlan.height }); + that.myChart.on('click', that.mouseClick); + } + }); + resolve(true); + } + ); + } catch (error) { + reject(error); + } + }); + }, + xAxisPointFormat(params) { + return timeFormat(params.value); + }, + yAxisPointFormat(params) { + return this.PlanConvert.computedFormatYAxis(this.stations, params); + }, + xAxisLableFormat(value, index) { + if (value % 60 === 0) { + return timeFormat(value); + } + }, + yAxisLableFormat(value, index) { + return ''; + }, + xAxisInit() { + const list = []; + for (var time = 0 + this.PlanConvert.TranslationTime; time < 3600 * 24 + this.PlanConvert.TranslationTime; time++) { + list.push(time); + } - const startValue = 3600 * 6; - const offsetTime = 3600 * 1; + const startValue = 3600 * 6; + const offsetTime = 3600 * 1; - this.option.xAxis[0].data = list; - if (!this.option.dataZoom[0].startValue) { - this.option.dataZoom[0].startValue = this.option.dataZoom[1].startValue = startValue - offsetTime; - } + this.option.xAxis[0].data = list; + if (!this.option.dataZoom[0].startValue) { + this.option.dataZoom[0].startValue = this.option.dataZoom[1].startValue = startValue - offsetTime; + } - if (!this.option.dataZoom[0].endValue) { - this.option.dataZoom[0].endValue = this.option.dataZoom[1].endValue = startValue + offsetTime; - } - }, - yAxisInit() { - if (Object.keys(this.PlanConvert).length) { - this.option.yAxis.min = this.PlanConvert.computedYaxisMinValue(this.stations); - this.option.yAxis.max = this.PlanConvert.computedYaxisMaxValue(this.stations); - } - }, - axisTooltip(param) { - const station = this.stations[Math.floor((param.data[1] - this.PlanConvert.EdgeHeight) / this.PlanConvert.CoordMultiple)] || { name: '', kmRange: '' }; - return [ - `Point Data
`, - `车站名称: ${station.name}
`, - `车站公里标: ${station.kmRange} km
`, - `到站时间: ${timeFormat(param.data[0] + this.PlanConvert.TranslationTime)} (${param.data[0]})
` - ].join(''); - }, - mouseClick(params) { - const model = { - serviceNumber: params.seriesName - }; - this.$store.dispatch('runPlan/setSelected', model); - }, - reSize(opt) { - if (this.myChart) { - this.myChart.resize({ - width: opt.width, - height: opt.height, - silent: false - }); - } - }, - destroy() { - if (this.myChart && this.myChart.isDisposed) { - this.myChart.dispose(); - this.myChart = null; - } - }, - scheduleTouch() { + if (!this.option.dataZoom[0].endValue) { + this.option.dataZoom[0].endValue = this.option.dataZoom[1].endValue = startValue + offsetTime; + } + }, + yAxisInit() { + if (Object.keys(this.PlanConvert).length) { + this.option.yAxis.min = this.PlanConvert.computedYaxisMinValue(this.stations); + this.option.yAxis.max = this.PlanConvert.computedYaxisMaxValue(this.stations); + } + }, + axisTooltip(param) { + const station = this.stations[Math.floor((param.data[1] - this.PlanConvert.EdgeHeight) / this.PlanConvert.CoordMultiple)] || { name: '', kmRange: '' }; + return [ + `Point Data
`, + `车站名称: ${station.name}
`, + `车站公里标: ${station.kmRange} km
`, + `到站时间: ${timeFormat(param.data[0] + this.PlanConvert.TranslationTime)} (${param.data[0]})
` + ].join(''); + }, + mouseClick(params) { + const model = { + serviceNumber: params.seriesName + }; + this.$store.dispatch('runPlan/setSelected', model); + }, + reSize(opt) { + if (this.myChart) { + this.myChart.resize({ + width: opt.width, + height: opt.height, + silent: false + }); + } + }, + destroy() { + if (this.myChart && this.myChart.isDisposed) { + this.myChart.dispose(); + this.myChart = null; + } + }, + scheduleTouch() { - }, - trainNumTouch() { + }, + trainNumTouch() { - } - } + } + } };