From 2dc14c93748897fbb4d773ed921e405cfdee4095 Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Mon, 20 Jul 2020 15:10:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E7=BB=98=E5=88=B6=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/newMap/displayNew/designIndex.vue   | 12 +---
 .../newMap/newMapdraft/mapoperate/arrow.vue   | 50 +++++---------
 .../mapoperate/components/operateProperty.vue | 67 +++++++++++++++++++
 .../newMapdraft/mapoperate/controlLamp.vue    | 48 ++++---------
 .../newMap/newMapdraft/mapoperate/counter.vue | 48 ++++---------
 .../newMapdraft/mapoperate/delayunlock.vue    | 51 +++++---------
 .../newMap/newMapdraft/mapoperate/index.vue   |  4 --
 .../newMapdraft/mapoperate/signal/index.vue   | 54 +++++----------
 8 files changed, 144 insertions(+), 190 deletions(-)
 create mode 100644 src/views/newMap/newMapdraft/mapoperate/components/operateProperty.vue

diff --git a/src/views/newMap/displayNew/designIndex.vue b/src/views/newMap/displayNew/designIndex.vue
index 6fc731c57..a2aa122c2 100644
--- a/src/views/newMap/displayNew/designIndex.vue
+++ b/src/views/newMap/displayNew/designIndex.vue
@@ -5,17 +5,6 @@
         <map-system-draft ref="mapCanvas" @back="back" />
       </transition>
 
-      <!-- <menu-demon
-        v-if="isDemon"
-        ref="menuDemon"
-        :offset="offset"
-        :offset-bottom="offsetBottom"
-        :script-id="scriptId"
-        @quitQuest="quitQuest"
-        @hidepanel="hidepanel"
-        @showScheduling="showScheduling"
-      /> -->
-
       <chat-box ref="chatbox" :group="group" :user-role="userRole" />
       <div class="display-draft">
         <el-button v-if="isscriptRun&&!dataError" type="danger" @click="handleQuitQuest">{{ $t('display.demon.exitScript') }}</el-button>
@@ -361,6 +350,7 @@ export default {
                     getSimulationInfoNew(this.group).then(()=>{
                         this.isscriptRun = false;
                         this.$store.dispatch('scriptRecord/updateSimulationPause', false);
+                        this.userRole = 'AUDIENCE';
                         this.$refs.chatbox.clearAllData();
                     }).catch(()=>{
                         this.$messageBox(this.$t('display.demon.exitTaskFail'));
diff --git a/src/views/newMap/newMapdraft/mapoperate/arrow.vue b/src/views/newMap/newMapdraft/mapoperate/arrow.vue
index 792b3688e..3e85159ab 100644
--- a/src/views/newMap/newMapdraft/mapoperate/arrow.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/arrow.vue
@@ -1,15 +1,14 @@
 <template>
   <el-tabs v-model="activeName" class="card">
     <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
-      <div class="view-control-content">
-        <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
-      </div>
-      <div class="button_box">
-        <el-button-group class="map-draft-group">
-          <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
-          <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
-        </el-button-group>
-      </div>
+      <operate-property
+        :form="form"
+        :edit-model="editModel"
+        :rules="rules"
+        type="Arrow"
+        @updateMapModel="updateMapModel"
+        @resetData="resetData"
+      />
     </el-tab-pane>
     <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div class="view-control-content">
@@ -29,14 +28,14 @@ import ConstConfig from '@/scripts/ConstConfig';
 import Cookies from 'js-cookie';
 import { mapGetters } from 'vuex';
 import { getUID } from '@/jmapNew/utils/Uid';
-import ConfigList from './config/list';
+import OperateProperty from './components/operateProperty';
 import ConfigData from './config/data';
 import { deepAssign } from '@/utils/index';
 
 export default {
     name: 'StationStandDraft',
     components: {
-        ConfigList,
+        OperateProperty,
         ConfigData
     },
     props: {
@@ -150,7 +149,7 @@ export default {
         deviceSelect(selected) {
             this.$refs.form && this.$refs.form.resetFields();
             this.$refs.createForm && this.$refs.createForm.resetFields();
-            if (selected && selected._type.toUpperCase() === 'Line'.toUpperCase()) {
+            if (selected && selected._type.toUpperCase() === 'Arrow'.toUpperCase()) {
                 this.activeName = 'first';
                 this.editModel = deepAssign(this.editModel, selected);
             }
@@ -189,30 +188,11 @@ export default {
                 }
             });
         },
-        // 修改对象
-        edit() {
-            this.$refs['form'].validate((valid) => {
-                if (valid) {
-                    const data = Object.assign({_type: 'Line'}, this.editModel);
-                    this.$emit('updateMapModel', data);
-                }
-            });
+        updateMapModel(data) {
+            this.$emit('updateMapModel', data);
         },
-        // 删除对象
-        deleteObj() {
-            const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
-            if (selected && selected._type.toUpperCase() === 'Line'.toUpperCase()) {
-                this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
-                    confirmButtonText: this.$t('tip.confirm'),
-                    cancelButtonText: this.$t('tip.cancel'),
-                    type: 'warning'
-                }).then(() => {
-                    this.$emit('updateMapModel', {...selected, _dispose: true});
-                    this.$refs.form && this.$refs.form.resetFields();
-                }).catch(() => {
-                    this.$message.info(this.$t('tip.cancelledDelete'));
-                });
-            }
+        resetData() {
+            this.$refs.form && this.$refs.form.resetFields();
         }
     }
 };
diff --git a/src/views/newMap/newMapdraft/mapoperate/components/operateProperty.vue b/src/views/newMap/newMapdraft/mapoperate/components/operateProperty.vue
new file mode 100644
index 000000000..a5064d8c9
--- /dev/null
+++ b/src/views/newMap/newMapdraft/mapoperate/components/operateProperty.vue
@@ -0,0 +1,67 @@
+<template>
+  <div style="height:100%">
+    <div class="view-control-content">
+      <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
+    </div>
+    <div class="button_box">
+      <el-button-group class="map-draft-group">
+        <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
+        <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
+      </el-button-group>
+    </div>
+  </div>
+</template>
+<script>
+import ConfigList from '../config/list';
+export default {
+    name:'OperateProperty',
+    components: {
+        ConfigList
+    },
+    props:{
+        form:{
+            type:Object,
+            required:true
+        },
+        editModel:{
+            type:Object,
+            required:true
+        },
+        rules:{
+            type:Object,
+            required:true
+        },
+        type:{
+            type:String,
+            required:true
+        }
+    },
+    methods:{
+        // 修改对象
+        edit() {
+            this.$refs['dataform'].validate((valid) => {
+                if (valid) {
+                    const data = Object.assign({_type: this.type}, this.editModel);
+                    this.$emit('updateMapModel', data);
+                }
+            });
+        },
+        // 删除对象
+        deleteObj() {
+            const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
+            if (selected) {
+                this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
+                    confirmButtonText: this.$t('tip.confirm'),
+                    cancelButtonText: this.$t('tip.cancel'),
+                    type: 'warning'
+                }).then(() => {
+                    this.$emit('updateMapModel', {...selected, _dispose: true});
+                    this.$emit('resetData');
+                }).catch(() => {
+                    this.$message.info(this.$t('tip.cancelledDelete'));
+                });
+            }
+        }
+    }
+};
+</script>
diff --git a/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue b/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue
index d98c3d005..54a22b25a 100644
--- a/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/controlLamp.vue
@@ -1,15 +1,14 @@
 <template>
   <el-tabs v-model="activeName" class="card">
     <el-tab-pane class="view-control" label="表示状态" name="first" :lazy="lazy">
-      <div class="view-control-content">
-        <config-list ref="dataform" :form="form" :form-model="editModel" :rules="editRules" />
-      </div>
-      <div class="button_box">
-        <el-button-group class="map-draft-group">
-          <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
-          <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
-        </el-button-group>
-      </div>
+      <operate-property
+        :form="form"
+        :edit-model="editModel"
+        :rules="editRules"
+        :type="editModel.type"
+        @updateMapModel="updateMapModel"
+        @resetData="resetData"
+      />
     </el-tab-pane>
     <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div class="view-control-content">
@@ -30,14 +29,14 @@
 <script>
 import { mapGetters } from 'vuex';
 import { getUID } from '@/jmapNew/utils/Uid';
-import ConfigList from './config/list';
+import OperateProperty from './components/operateProperty';
 import ConfigData from './config/data';
 import { deepAssign } from '@/utils/index';
 
 export default {
     name: 'ControlLamp',
     components: {
-        ConfigList,
+        OperateProperty,
         ConfigData
     },
     props: {
@@ -517,30 +516,11 @@ export default {
                 }
             });
         },
-        // 修改对象
-        edit() {
-            this.$refs['dataform'].validate((valid) => {
-                if (valid) {
-                    const data = Object.assign({_type: this.editModel.type}, this.editModel);
-                    this.$emit('updateMapModel', data);
-                }
-            });
+        updateMapModel(data) {
+            this.$emit('updateMapModel', data);
         },
-        // 删除对象
-        deleteObj() {
-            const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
-            if (selected && this.controlLampTypeList.includes(selected._type)) {
-                this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
-                    confirmButtonText: this.$t('tip.confirm'),
-                    cancelButtonText: this.$t('tip.cancel'),
-                    type: 'warning'
-                }).then(() => {
-                    this.$emit('updateMapModel', {...selected, _dispose: true});
-                    this.$refs.dataform && this.$refs.dataform.resetFields();
-                }).catch(() => {
-                    this.$message.info(this.$t('tip.cancelledDelete'));
-                });
-            }
+        resetData() {
+            this.$refs.dataform && this.$refs.dataform.resetFields();
         }
     }
 };
diff --git a/src/views/newMap/newMapdraft/mapoperate/counter.vue b/src/views/newMap/newMapdraft/mapoperate/counter.vue
index c631c007f..8113b2bee 100644
--- a/src/views/newMap/newMapdraft/mapoperate/counter.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/counter.vue
@@ -1,15 +1,14 @@
 <template>
   <el-tabs v-model="activeName" class="card">
     <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
-      <div class="view-control-content">
-        <config-list ref="form" :form="form" :form-model="editModel" :rules="rules" />
-      </div>
-      <div class="button_box">
-        <el-button-group class="map-draft-group">
-          <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
-          <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
-        </el-button-group>
-      </div>
+      <operate-property
+        :form="form"
+        :edit-model="editModel"
+        :rules="rules"
+        type="Counter"
+        @updateMapModel="updateMapModel"
+        @resetData="resetData"
+      />
     </el-tab-pane>
     <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div class="view-control-content">
@@ -48,13 +47,13 @@
 <script>
 import { mapGetters } from 'vuex';
 import { getUID } from '@/jmapNew/utils/Uid';
-import ConfigList from './config/list';
+import OperateProperty from './components/operateProperty';
 import { deepAssign } from '@/utils/index';
 
 export default {
     name: 'CounterDraft',
     components: {
-        ConfigList
+        OperateProperty
     },
     props: {
         selected: {
@@ -206,30 +205,11 @@ export default {
                 }
             });
         },
-        // 修改对象
-        edit() {
-            this.$refs.form.validate((valid) => {
-                if (valid) {
-                    const data = Object.assign({_type: 'Counter'}, this.editModel);
-                    this.$emit('updateMapModel', data);
-                }
-            });
+        updateMapModel(data) {
+            this.$emit('updateMapModel', data);
         },
-        // 删除对象
-        deleteObj() {
-            const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
-            if (selected && selected._type.toUpperCase() === 'Counter'.toUpperCase()) {
-                this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
-                    confirmButtonText: this.$t('map.confirm'),
-                    cancelButtonText: this.$t('map.cancel'),
-                    type: 'warning'
-                }).then(() => {
-                    this.$emit('updateMapModel', {...selected, _dispose: true});
-                    this.$refs.form && this.$refs.form.resetFields();
-                }).catch(() => {
-                    this.$message.info(this.$t('tip.cancelledDelete'));
-                });
-            }
+        resetData() {
+            this.$refs.form && this.$refs.form.resetFields();
         }
     }
 };
diff --git a/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue b/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue
index d99666b93..65c654982 100644
--- a/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/delayunlock.vue
@@ -1,15 +1,14 @@
 <template>
   <el-tabs v-model="activeName" class="card">
     <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
-      <div class="view-control-content">
-        <config-list ref="form" :form="form" :form-model="editModel" :rules="editRules" />
-      </div>
-      <div class="button_box">
-        <el-button-group class="map-draft-group">
-          <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
-          <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
-        </el-button-group>
-      </div>
+      <operate-property
+        :form="form"
+        :edit-model="editModel"
+        :rules="editRules"
+        type="DelayUnlock"
+        @updateMapModel="updateMapModel"
+        @resetData="resetData"
+      />
     </el-tab-pane>
     <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <div class="view-control-content">
@@ -38,13 +37,13 @@
 <script>
 import { mapGetters } from 'vuex';
 import { getUID } from '@/jmap/utils/Uid';
-import ConfigList from './config/list';
+import OperateProperty from './components/operateProperty';
 import { deepAssign } from '@/utils/index';
 
 export default {
     name: 'DelayUnlockDraft',
     components: {
-        ConfigList
+        OperateProperty
     },
     props: {
         selected: {
@@ -68,7 +67,8 @@ export default {
                 position: {
                     x: 0,
                     y: 0
-                }
+                },
+                status:'00'
             },
             addModel: {
                 stationCode: ''
@@ -188,30 +188,11 @@ export default {
                 }
             });
         },
-        // 修改对象
-        edit() {
-            this.$refs.form.validate((valid) => {
-                if (valid) {
-                    const data = Object.assign({_type: 'DelayUnlock', status: '00'}, this.editModel);
-                    this.$emit('updateMapModel', data);
-                }
-            });
+        updateMapModel(data) {
+            this.$emit('updateMapModel', data);
         },
-        // 删除对象
-        deleteObj() {
-            const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
-            if (selected && selected._type.toUpperCase() === 'DelayUnlock'.toUpperCase()) {
-                this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
-                    confirmButtonText: this.$t('map.confirm'),
-                    cancelButtonText: this.$t('map.cancel'),
-                    type: 'warning'
-                }).then(() => {
-                    this.$emit('updateMapModel', {...selected, _dispose: true});
-                    this.$refs.form && this.$refs.form.resetFields();
-                }).catch(() => {
-                    this.$message.info(this.$t('tip.cancelledDelete'));
-                });
-            }
+        resetData() {
+            this.$refs.form && this.$refs.form.resetFields();
         }
     }
 };
diff --git a/src/views/newMap/newMapdraft/mapoperate/index.vue b/src/views/newMap/newMapdraft/mapoperate/index.vue
index e48d24906..db56ce46f 100644
--- a/src/views/newMap/newMapdraft/mapoperate/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/index.vue
@@ -132,10 +132,6 @@ export default {
             ],
             selectDevice:'',
             enabledTab: 'Section',
-            show: {
-                mapEditShow: false,
-                mapPaintShow: true
-            },
             projectType: true
         };
     },
diff --git a/src/views/newMap/newMapdraft/mapoperate/signal/index.vue b/src/views/newMap/newMapdraft/mapoperate/signal/index.vue
index 360f8351e..674cf5bba 100644
--- a/src/views/newMap/newMapdraft/mapoperate/signal/index.vue
+++ b/src/views/newMap/newMapdraft/mapoperate/signal/index.vue
@@ -1,15 +1,14 @@
 <template>
   <el-tabs v-model="activeName" class="card">
     <el-tab-pane class="view-control" :label="$t('map.property')" name="first" :lazy="lazy">
-      <div class="view-control-content">
-        <config-list ref="dataform" :form="form" :form-model="editModel" :rules="rules" />
-      </div>
-      <div class="button_box">
-        <el-button-group class="map-draft-group">
-          <el-button type="primary" size="small" @click="edit">{{ $t('map.updateObj') }}</el-button>
-          <el-button type="danger" size="small" @click="deleteObj">{{ $t('map.deleteObj') }}</el-button>
-        </el-button-group>
-      </div>
+      <operate-property
+        :form="form"
+        :edit-model="editModel"
+        :rules="rules"
+        type="Signal"
+        @updateMapModel="updateMapModel"
+        @resetData="resetData"
+      />
     </el-tab-pane>
     <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
       <create-signal ref="createSignal" :field="field" @signalSectionCode="signalSectionCode" v-on="$listeners" />
@@ -122,16 +121,16 @@
 
 <script>
 import { mapGetters } from 'vuex';
-import ConfigList from '../config/list';
 import { deepAssign } from '@/utils/index';
 import createSignal from './create';
+import OperateProperty from '../components/operateProperty';
 import getModel from '../models.js';
 
 export default {
     name: 'SignalDraft',
     components: {
-        ConfigList,
-        createSignal
+        createSignal,
+        OperateProperty
     },
     props: {
         selected: {
@@ -366,6 +365,12 @@ export default {
                 this.$emit('deviceSelect', '');
             }
         },
+        updateMapModel(data) {
+            this.$emit('updateMapModel', data);
+        },
+        resetData() {
+            this.$refs.dataform && this.$refs.dataform.resetFields();
+        },
         signalSectionCode(field) {
             this.field = field;
             if (this.field) {
@@ -374,31 +379,6 @@ export default {
                 this.$emit('deviceSelect', '');
             }
         },
-        // 修改对象
-        edit() {
-            this.$refs['dataform'].validate((valid) => {
-                if (valid) {
-                    const data = Object.assign({_type: 'Signal'}, this.editModel);
-                    this.$emit('updateMapModel', data);
-                }
-            });
-        },
-        // 删除对象
-        deleteObj() {
-            const selected = this.$store.getters['map/getDeviceByCode'](this.editModel.code);
-            if (selected && selected._type === 'Signal') {
-                this.$confirm(this.$t('tip.confirmDeletion'), this.$t('tip.hint'), {
-                    confirmButtonText: this.$t('tip.confirm'),
-                    cancelButtonText: this.$t('tip.cancel'),
-                    type: 'warning'
-                }).then(() => {
-                    this.$emit('updateMapModel', {...selected, _dispose: true});
-                    this.$refs.dataform && this.$refs.dataform.resetFields();
-                }).catch(() => {
-                    this.$message.info(this.$t('tip.cancelledDelete'));
-                });
-            }
-        },
         // 构建信号机偏移量
         editAll() {
             if (this.addModel.number != '') {