From deb60acd14273b91148af942bee6015d5ae51944 Mon Sep 17 00:00:00 2001
From: fan <18706759286@163.com>
Date: Fri, 31 Jul 2020 15:53:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=98=E5=9B=BE=E8=B0=83=E6=95=B4=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E6=95=B0=E6=8D=AE&=E7=BB=BC=E5=90=88=E4=BB=BF?=
 =?UTF-8?q?=E7=9C=9F=E8=A7=82=E4=BC=97=E5=92=B1=E4=B8=8D=E5=85=B3=E9=97=AD?=
 =?UTF-8?q?=E4=B8=89=E7=BB=B4=E9=A9=BE=E9=A9=B6&=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E8=A7=84=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/QueryListPage/DataForm.vue     |  37 ++---
 src/jmapNew/utils/parser.js                   |   2 +-
 src/views/newMap/jointTrainingNew/index.vue   |   4 +-
 .../system/deviceManage/editConfigScreen.vue  | 132 +++++++-----------
 src/views/trainingPlatform/demonList.vue      |   6 +-
 5 files changed, 80 insertions(+), 101 deletions(-)

diff --git a/src/components/QueryListPage/DataForm.vue b/src/components/QueryListPage/DataForm.vue
index db7ba1b40..4af6ecec0 100644
--- a/src/components/QueryListPage/DataForm.vue
+++ b/src/components/QueryListPage/DataForm.vue
@@ -152,10 +152,9 @@
             >
               <el-option
                 v-for="option in item.options"
-                :key="option.value"
-                :label="option.label"
-                :value="option.value"
-                :disabled="option.disabled"
+                :key="option[item.optionValue|| 'value']"
+                :label="option[item.optionLabel || 'label']"
+                :value="option[item.optionValue || 'value']"
               />
             </el-select>
           </template>
@@ -171,9 +170,9 @@
             >
               <el-option
                 v-for="option in item.options"
-                :key="option.value"
-                :label="option.label"
-                :value="option.value"
+                :key="option[item.optionValue|| 'value']"
+                :label="option[item.optionLabel || 'label']"
+                :value="option[item.optionValue || 'value']"
                 :disabled="option.disabled"
               />
             </el-select>
@@ -187,9 +186,9 @@
             >
               <el-option
                 v-for="option in item.options"
-                :key="option.value"
-                :label="option.label"
-                :value="option.value"
+                :key="option[item.optionValue|| 'value']"
+                :label="option[item.optionLabel || 'label']"
+                :value="option[item.optionValue || 'value']"
                 :disabled="option.disabled"
               />
             </el-select>
@@ -204,9 +203,9 @@
             >
               <el-option
                 v-for="option in item.options"
-                :key="option.value"
-                :label="option.label"
-                :value="option.value"
+                :key="option[item.optionValue|| 'value']"
+                :label="option[item.optionLabel || 'label']"
+                :value="option[item.optionValue || 'value']"
                 :disabled="option.disabled"
               />
             </el-select>
@@ -217,12 +216,13 @@
               filterable
               :placeholder="item.placeholder"
               :disabled="item.disabled"
+              @change="((val)=>{deviceChange(val, item)})"
             >
               <el-option
                 v-for="option in item.options"
-                :key="option.value"
-                :label="option.label"
-                :value="option.value"
+                :key="option[item.optionValue|| 'value']"
+                :label="option[item.optionLabel || 'label']"
+                :value="option[item.optionValue || 'value']"
                 :disabled="option.disabled"
               />
             </el-select>
@@ -386,6 +386,11 @@ export default {
         },
         clearValidate() {
             this.$refs.form.clearValidate();
+        },
+        deviceChange(data, item) {
+            if (item.deviceChange) {
+                item.deviceChange(data);
+            }
         }
     }
 };
diff --git a/src/jmapNew/utils/parser.js b/src/jmapNew/utils/parser.js
index 2fe265082..d8e53c5cd 100644
--- a/src/jmapNew/utils/parser.js
+++ b/src/jmapNew/utils/parser.js
@@ -62,7 +62,7 @@ export function parser(data, skinCode, showConfig) {
         zrUtil.each(data.sectionList || [], elem => {
             if (elem.type == '02' || elem.type == '03') {
                 mapDevice[elem.code].parentName = mapDevice[elem.parentCode] ? mapDevice[elem.parentCode].name : '';
-            } else if (elem.type == '01' && (elem.standTrack || elem.reentryTrack)) {
+            } else if (elem.type == '01' && (elem.standTrack || elem.reentryTrack) && elem.belongStation) {
                 mapDevice[elem.belongStation].sectionCode = elem.code;
             }
         }, this);
diff --git a/src/views/newMap/jointTrainingNew/index.vue b/src/views/newMap/jointTrainingNew/index.vue
index 57525c191..eb25d58b2 100644
--- a/src/views/newMap/jointTrainingNew/index.vue
+++ b/src/views/newMap/jointTrainingNew/index.vue
@@ -421,8 +421,8 @@ export default {
             case 'AUDIENCE':
                 this.$store.dispatch('training/setPrdType', '');
                 this.$store.dispatch('training/setRoles', 'AUDIENCE');
-                this.jl3dmaintainershow = false;
-                this.drivingShow = false;
+                // this.jl3dmaintainershow = false;
+                // this.drivingShow = false;
                 this.hideIbp();
                 break;
             case 'DRIVER':
diff --git a/src/views/system/deviceManage/editConfigScreen.vue b/src/views/system/deviceManage/editConfigScreen.vue
index e5be944f8..e36b619bb 100644
--- a/src/views/system/deviceManage/editConfigScreen.vue
+++ b/src/views/system/deviceManage/editConfigScreen.vue
@@ -1,73 +1,6 @@
 <template>
   <el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center :close-on-click-modal="false">
-    <el-form ref="form" :model="formData" label-width="100px" :rules="rules">
-      <el-form-item v-show="data.type === 'PLC_GATEWAY'" label-width="150px" label="读取开始位地址:" prop="addr">
-        <el-input-number v-model="formData.addr" :controls="false" :min="0" :max="20000" />
-      </el-form-item>
-      <el-form-item v-show="data.type==='PLC_GATEWAY'" label-width="150px" label="数量" prop="quantity">
-        <el-input-number v-model="formData.quantity" :controls="false" :min="0" :max="20000" />
-      </el-form-item>
-      <el-form-item v-show="data.type !== 'PLC_GATEWAY'" label="教员机:" prop="deviceCode">
-        <el-select v-model="formData.deviceCode" placeholder="请选择" size="small">
-          <el-option
-            v-for="item in deviceList"
-            :key="item.code"
-            :label="item.code"
-            :value="item.code"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-show="data.type === 'LSW'" label="屏目配置:" prop="quadrant" size="small">
-        <el-select v-model="formData.quadrant" placeholder="请选择" size="small">
-          <el-option
-            v-for="item in screenList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-show="data.type === 'VR_PSD'" label="关联地图:" prop="mapId">
-        <el-select v-model="mapId" placeholder="请选择" size="small" @change="mapIdChange">
-          <el-option
-            v-for="item in mapList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-show="data.type === 'VR_PSD'" label="关联车站:" prop="stationCode">
-        <el-select v-model="stationCode" placeholder="请选择" size="small" @change="stationCodeChange">
-          <el-option
-            v-for="item in stationList"
-            :key="item.code"
-            :label="item.name"
-            :value="item.code"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-show="data.type === 'VR_PSD'" label="关联站台:" prop="standCode">
-        <el-select v-model="standCode" placeholder="请选择" size="small" @change="standCodeChange">
-          <el-option
-            v-for="item in standList"
-            :key="item.code"
-            :label="item.name"
-            :value="item.code"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-show="data.type === 'VR_PSD'" label="关联屏蔽门:" prop="psdCode">
-        <el-select v-model="formData.psdCode" placeholder="请选择" size="small">
-          <el-option
-            v-for="item in psdList"
-            :key="item.code"
-            :label="item.code"
-            :value="item.code"
-          />
-        </el-select>
-      </el-form-item>
-    </el-form>
+    <data-form ref="dataForm" :form="formItem" :form-model="formData" :rules="rules" />
     <span slot="footer" class="dialog-footer">
       <el-button type="primary" @click="doSave">{{ $t('global.confirm') }}</el-button>
       <el-button @click="handleClose">{{ $t('global.cancel') }}</el-button>
@@ -100,7 +33,10 @@ export default {
                 quantity: '',
                 quadrant: '',
                 deviceCode: '',
-                psdCode: ''
+                psdCode: '',
+                mapId: '',
+                stationCode: '',
+                standCode: ''
             },
             rules: {
                 addr: [
@@ -119,18 +55,54 @@ export default {
                     { required: true, message: '请选择关联屏蔽门', trigger: 'change'}
                 ]
             },
-            mapId: '',
             mapList: [],
-            stationCode: '',
             stationList: [],
             standList: [],
-            standCode: '',
             psdList: []
         };
     },
     computed: {
         title() {
             return '编辑设备配置';
+        },
+        formItem() {
+            let form = {labelWidth: '150px', item: []};
+            if (this.data.type === 'PLC_GATEWAY') {
+                form = {
+                    labelWidth: '150px',
+                    items: [
+                        { prop:'addr', label: '读取开始位地址:', type: 'number', min: 0, max: 20000, step: 1, precisionFlag: true, precision: 0, noControls: true},
+                        { prop: 'quantity', label: '位数量:', type: 'number', min: 0, max: 20000, step: 1, precisionFlag: true, precision: 0, noControls: true }
+                    ]
+                };
+            } else if (this.data.type === 'VR_PSD') {
+                form = {
+                    labelWidth: '150px',
+                    items: [
+                        { prop: 'deviceCode', label: '教研机:', type: 'select', options: this.deviceList, optionLabel: 'code', optionValue: 'code' },
+                        { prop: 'mapId', label: '关联地图:', type: 'select', options: this.mapList, optionLabel: 'name', optionValue: 'id', deviceChange: this.mapIdChange},
+                        { prop: 'stationCode', label: '关联车站:', type: 'select', options: this.stationList, optionLabel: 'name', optionValue: 'code', deviceChange: this.stationCodeChange},
+                        { prop: 'standCode', label: '关联站台:', type: 'select', options: this.standList, optionLabel: 'name', optionValue: 'code', deviceChange: this.standCodeChange},
+                        { prop: 'psdCode', label: '关联屏蔽门:', type: 'select', options: this.psdList, optionLabel: 'name', optionValue: 'code' }
+                    ]
+                };
+            } else if (this.data.type === 'LSW') {
+                form = {
+                    labelWidth: '150px',
+                    items: [
+                        { prop: 'deviceCode', label: '教研机:', type: 'select', options: this.deviceList, optionLabel: 'code', optionValue: 'code' },
+                        { prop: 'quadrant', label: '屏幕配置:', type: 'select', options: this.screenList, optionLabel: 'label', optionValue: 'value'}
+                    ]
+                };
+            } else if (this.data.type === 'CCTV') {
+                form = {
+                    labelWidth: '150px',
+                    items: [
+                        { prop: 'deviceCode', label: '教研机:', type: 'select', options: this.deviceList, optionLabel: 'code', optionValue: 'code' }
+                    ]
+                };
+            }
+            return form;
         }
     },
     methods: {
@@ -159,7 +131,7 @@ export default {
                 getAllMapOnline().then(resp => {
                     if (resp.data && resp.data.length) {
                         this.mapList = resp.data;
-                        this.mapId = this.mapList[0].id;
+                        this.formData.mapId = this.mapList[0].id;
                         this.mapIdChange(this.mapList[0].id);
                     }
                 }).catch(() => {
@@ -182,7 +154,7 @@ export default {
         stationCodeChange(stationCode) {
             this.standList = [];
             if (stationCode) {
-                getStandListByStationCode(this.mapId, stationCode).then(resp => {
+                getStandListByStationCode(this.formData.mapId, stationCode).then(resp => {
                     if (resp.data && resp.data.length) {
                         this.standList = resp.data;
                     }
@@ -194,7 +166,7 @@ export default {
         standCodeChange(standCode) {
             this.psdList = [];
             if (standCode) {
-                getPsdListByStandCode(this.mapId, standCode).then(resp => {
+                getPsdListByStandCode(this.formData.mapId, standCode).then(resp => {
                     if (resp.data && resp.data.length) {
                         this.psdList = resp.data;
                     }
@@ -206,7 +178,7 @@ export default {
         doSave() {
             const self = this;
             if (this.data.type == 'LSW') {
-                this.$refs.form.validate(() => {
+                this.$refs.dataForm.validateForm(() => {
                     const param = {
                         deviceCode: this.formData.deviceCode,
                         quadrant: this.formData.quadrant
@@ -220,7 +192,7 @@ export default {
                     });
                 });
             } else if (this.data.type == 'CCTV') {
-                this.$refs.form.validate(() => {
+                this.$refs.dataForm.validateForm(() => {
                     const param = {
                         deviceCode: this.formData.deviceCode
                     };
@@ -233,7 +205,7 @@ export default {
                     });
                 });
             } else if (this.data.type == 'VR_PSD') {
-                this.$refs.form.validate(() => {
+                this.$refs.dataForm.validateForm(() => {
                     const param = {
                         deviceCode: this.formData.deviceCode,
                         psdCode: this.formData.psdCode
@@ -247,7 +219,7 @@ export default {
                     });
                 });
             } else if (this.data.type == 'PLC_GATEWAY') {
-                this.$refs.form.validate(() => {
+                this.$refs.dataForm.validateForm(() => {
                     const param = {
                         addr: this.formData.addr,
                         quantity: this.formData.quantity
@@ -273,7 +245,7 @@ export default {
             this.stationCode = '';
             this.standCode = '';
             this.deviceList = [];
-            this.$refs.form.resetFields();
+            this.$refs.dataForm.resetForm();
         }
     }
 };
diff --git a/src/views/trainingPlatform/demonList.vue b/src/views/trainingPlatform/demonList.vue
index e8e6261b9..faadefe7e 100644
--- a/src/views/trainingPlatform/demonList.vue
+++ b/src/views/trainingPlatform/demonList.vue
@@ -182,8 +182,10 @@ export default {
                 this.$nextTick(() => {
                     const checkId = localStore.get('trainingPlatformCheckId' + filterSelect + this.userId + this.project) || null;
                     this.$refs.tree && this.$refs.tree.setCurrentKey(checkId);
-                    checkId && this.findTree(this.treeList, checkId);
-                    !checkId && this.treeList && this.treeList.length && this.clickEvent(this.treeList[0], {data: this.treeList[0]});
+                    if (!this.$route.path.includes('result')) {
+                        checkId && this.findTree(this.treeList, checkId);
+                        !checkId && this.treeList && this.treeList.length && this.clickEvent(this.treeList[0], {data: this.treeList[0]});
+                    }
                     this.loading = false;
                 });
             } catch (error) {