代码调整

src/views/newMap/display/modifyTime.vue

@@ -0,0 +1,86 @@
+<template>
+  <el-dialog v-dialogDrag :title="title" :visible.sync="show" width="550px" :before-close="doClose">
+    <el-form ref="form" label-width="120px" :model="formModel" :rules="rules">
+      <el-form-item :label="$t('display.setTime.systemTime')" prop="time">
+        <el-time-picker
+          v-model="formModel.time"
+          :picker-options="pickerOptions"
+          :placeholder="$t('display.setTime.anyTime')"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="show = false">{{ $t('global.cancel') }}</el-button>
+      <el-button type="primary" :loading="status" @click="handleSure">{{ $t('global.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { modifySystemTime } from '@/api/simulation';
+import { prefixIntrger } from '@/utils/date';
+
+// 修改系统时间
+export default {
+    data() {
+        return {
+            show: false,
+            formModel: {
+                time: new Date()
+            },
+            maxNumber: 1,
+            pickerOptions: { selectableRange: '00:00:00 - 23:59:59' },
+            status: false
+        };
+    },
+    computed: {
+        title() {
+            return '修改系统时间';
+        },
+        group() {
+            return this.$route.query.group;
+        },
+        rules() {
+            return {
+                time: [
+                    { required: true, message: this.$t('display.setTime.selectSystemTime'), trigger: 'change' }
+                ]
+            };
+        }
+    },
+    methods: {
+        doShow() {
+            // this.formModel.time = new Date(this.$store.state.training.initTime || null);
+            this.show = true;
+        },
+        doClose() {
+            this.status = false;
+            this.show = false;
+        },
+        formatTime(time) {
+            const hh = prefixIntrger(time.getHours(), 2);
+            const mm = prefixIntrger(time.getMinutes(), 2);
+            const ss = prefixIntrger(time.getSeconds(), 2);
+            return `${hh}:${mm}:${ss}`;
+        },
+        handleSure() {
+            this.$refs.form.validate((valid) => {
+                if (valid) {
+                    this.status = true;
+                    const model = {
+                        time: this.formatTime(this.formModel.time)
+                    };
+                    modifySystemTime(model, this.group).then(resp => {
+                        this.status = false;
+                        this.$message.success('修改系统时间成功！');
+                    }).catch(() => {
+                        this.status = false;
+                        this.$messageBox('修改系统时间失败，请稍后再试');
+                    });
+                    this.doClose();
+                }
+            });
+        }
+    }
+};
+</script>

src/views/newMap/display/setTime.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-dialog v-dialogDrag :title="title" :visible.sync="show" width="550px" :before-close="doClose">
+    <el-form ref="form" label-width="120px" :model="formModel" :rules="rules">
+      <el-form-item :label="$t('display.setTime.systemTime')" prop="initTime">
+        <el-time-picker
+          v-model="formModel.initTime"
+          :picker-options="pickerOptions"
+          :placeholder="$t('display.setTime.anyTime')"
+          @change="handleChange"
+        />
+      </el-form-item>
+      <el-form-item v-if="hasNumber" :label="$t('display.setTime.loadTrainNum')" prop="loadNum">
+        <el-input-number v-model="formModel.loadNum" :min="1" :max="maxNumber" :label="$t('display.setTime.selectLoadTrainNum')" />
+        <span> {{ ` (${$t('display.setTime.maxTrainNum')} ：${maxNumber}) ` }} </span>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="show = false">{{ $t('global.cancel') }}</el-button>
+      <el-button type="primary" :loading="status" @click="handleSure">{{ $t('global.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { prefixIntrger } from '@/utils/date';
+import { getLoadTrainNumber } from '@/api/simulation';
+
+// 计划行车时间选择
+export default {
+    data() {
+        return {
+            show: false,
+            formModel: {
+                initTime: new Date(),
+                loadNum: 1
+            },
+            maxNumber: 1,
+            pickerOptions: { selectableRange: '00:00:00 - 23:59:59' },
+            status: false
+        };
+    },
+    computed: {
+        title() {
+            return this.$t('display.setTime.setSimulationSystemTime');
+        },
+        hasNumber() {
+            return this.$route.params.mode == 'demon' && this.$route.query.prdType == '04';
+        },
+        group() {
+            return this.$route.query.group;
+        },
+        rules() {
+            return {
+                initTime: [
+                    { required: true, message: this.$t('display.setTime.selectSystemTime'), trigger: 'change' },
+                    {
+                        validator(rule, value, callback) {
+                            if (this.maxNumber == 0) {
+                                callback(new Error(this.$t('display.setTime.selectValidStartTime')));
+                            } else {
+                                callback();
+                            }
+                        },
+                        trigger: 'change',
+                        maxNumber: this.maxNumber
+                    }
+                ],
+                loadNum: [
+                    { required: true, message: this.$t('display.setTime.selectTrainNum'), trigger: 'change' }
+
+                ]
+            };
+        }
+    },
+    methods: {
+        doShow() {
+            this.formModel.initTime = new Date(this.$store.state.training.initTime || null);
+            this.handleChange(this.formModel.initTime);
+            this.show = true;
+        },
+        doClose() {
+            this.status = false;
+            this.show = false;
+        },
+        handleChange(initTime) {
+            this.formModel.loadNum = 0;
+            if (this.hasNumber) {
+                getLoadTrainNumber({ time: this.formatTime(initTime) }, this.group).then(resp => {
+                    this.maxNumber = parseInt(resp.data);
+                });
+            }
+        },
+        formatTime(initTime) {
+            const hh = prefixIntrger(initTime.getHours(), 2);
+            const mm = prefixIntrger(initTime.getMinutes(), 2);
+            const ss = prefixIntrger(initTime.getSeconds(), 2);
+            return `${hh}:${mm}:${ss}`;
+        },
+        handleSure() {
+            this.$refs.form.validate((valid) => {
+                if (valid) {
+                    this.status = true;
+                    const model = {
+                        initTime: this.formatTime(this.formModel.initTime)
+                    };
+
+                    if (this.hasNumber) {
+                        model['loadNum'] = this.formModel.loadNum;
+                    }
+
+                    this.$emit('ConfirmSelectBeginTime', model);
+                    this.doClose();
+                }
+            });
+        }
+    }
+};
+</script>

src/views/newMap/display/simulationMenu.vue

@@ -21,6 +21,7 @@
     <contect-us ref="contectUs" />
     <Jl3d-Device v-if="deviceif" v-show="deviceShow" ref="Jl3dDevice" :panel-show="deviceShow" @closedevice3dview="jlmap3dmodel" />
     <modify-time v-if="datie" ref="modifySysTime" />
+    <set-time ref="setTime" @ConfirmSelectBeginTime="start" />
   </div>
 </template>
 <script>
@@ -29,6 +30,7 @@ import { getSessionStorage } from '@/utils/auth';
 import { ProjectCode } from '@/scripts/ProjectConfig';
 import ContectUs from './contectUs';
 import ModifyTime from './modifyTime';
+import SetTime from './setTime';
 import Jl3dDevice from '@/views/jlmap3d/device/jl3ddevice';
 import { clearSimulation, ranAsPlan, exitRunPlan} from '@/api/simulation';
 import { getToken } from '@/utils/auth';
@@ -39,7 +41,7 @@ export default {
         // ChatBox,
         // voiceChatBox,
         // QrCode,
-        // SetTime,
+        SetTime,
         ModifyTime,
         // Equipment,
         ContectUs,
@@ -426,6 +428,56 @@ export default {
         jlmap3dDriver() {
             this.hideMenuList();
         },
+        start(model) { // 开始仿真
+            const data = {
+                time: model.initTime
+            };
+            if (this.$route.query.prdType === '04') {
+                data.loadNumber = model.loadNum;
+            }
+            ranAsPlan(data, this.group).then(res => {
+                this.$store.dispatch('training/setInitTime', +new Date(`${new Date().toLocaleDateString()} ${model.initTime}`));
+            }).catch(error => {
+                let message = '';
+                switch (error.code) {
+                case '5001':
+                    message = this.$t('error.mapDataError');
+                    break;
+                case '5002':
+                    message = this.$t('error.runningChartDataError');
+                    break;
+                case '5003':
+                    message = this.$t('error.runningChartIsNotLoaded');
+                    break;
+                case '5004':
+                    message = this.$t('error.runningDataError');
+                    break;
+                case '5000':
+                    message = this.$t('error.systemError');
+                    break;
+                case '4000':
+                    message = this.$t('error.simulationDoesNotExist');
+                    break;
+                case '4001':
+                    message = this.$t('error.simulationOperationIsNotDefined');
+                    break;
+                case '4002':
+                    message = this.$t('error.simulationOperationProcessingMethodNotFound');
+                    break;
+                case '4003':
+                    message = this.$t('error.simulationOperationFailed');
+                    break;
+                case '4004':
+                    message = this.$t('error.operationConflict');
+                    break;
+                default:
+                    message = '按计划行车异常,请退出重试!';
+                    // this.$messageBox('按计划行车异常,请退出重试!');
+                    break;
+                }
+                this.$messageBox(message + '，' + this.$t('error.startSimulationFailed'));
+            });
+        },
         noEvent() {
             this.hideMenuList();
         }