iscs 绘图form表单调整

src/iscs_new/core/form/allElments.js

@@ -0,0 +1,19 @@
+
+// export const allElements = {
+//     elementsList:[
+//         {code:'line', name:'线段'},
+//         {code:'text', name:'文字'},
+//         {code:'rect', name:'矩形'},
+//         {code:'circle', name:'圆形'},
+//         {code:'polygon', name:'多边形'},
+//         {code:'triangle', name:'三角形'},
+//         {code:'arrow', name:'箭头'},
+//         {code:'polyline', name:'多边形折线段'},
+//         {code:'isogon', name:'正多边形'},
+//         {code:'ellipse', name:'椭圆'},
+//         {code:'arc', name:'圆弧'},
+//         {code:'sector', name:'扇形'},
+//         {code:'heart', name:'心形'},
+//         {code:'droplet', name:'水滴'}
+//     ]
+// };

src/iscs_new/core/form/elementForm/lineForm.js

@@ -0,0 +1,3 @@
+class lineForm {
+
+}

src/iscs_new/core/form/parse.js

@@ -0,0 +1 @@
+// export function coverse

src/views/iscs_new/iscsDraw/index.vue

@@ -6,31 +6,21 @@
       </div>
       <div class="right-card" :class="{'hide': draftShow}">
         <div class="btn_draft_box" @click="clickDraftBtn"><i :class="draftShow?'el-icon-arrow-right':'el-icon-arrow-left'" /></div>
-        <!-- <iscs-operate v-if="iscsMode==='fas'" ref="iscsOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+        <el-card type="border-card" class="heightClass">
-        <!-- <iscs-bas-operate v-else-if="iscsMode==='bas'" ref="iscsBasOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+          <div slot="header" class="clearfix">
-        <!-- <iscs-psd-operate v-else-if="iscsMode==='psd'" ref="iscsPsdOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+            <el-button
-        <!-- <iscs-cctv-operate v-else-if="iscsMode==='cctv'" ref="iscsCctvOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+              type="text"
-        <!-- <iscs-afc-operate v-else-if="iscsMode==='afc'" ref="iscsAfcOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+              style="float: right; padding: 3px 0; margin-right: 5px;"
-        <!-- <iscs-acs-operate v-else-if="iscsMode==='acs'" ref="iscsAcsOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+              @click="handleSave"
-        <!-- <iscs-net-operate v-else-if="iscsMode==='netState'" ref="iscsNetOperate" @iscsChange="iscsChange" @handleSave="handleSave" /> -->
+            >保存</el-button>
-        <!-- <iscs-automatic v-else-if="iscsMode==='afc02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />  -->
+          </div>
-        <!-- 自动售检票/门禁 -->
+          <el-tabs v-model="enabledTab" class="mapEdit" type="card" @tab-click="handleTabClick">
-        <!-- <iscs-communication v-else-if="iscsMode==='communication02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />  -->
+            <el-tab-pane v-for="(element,index) in elementList" :key="index" :label="element.name" :name="element.code">{{ element.name }}</el-tab-pane>
-        <!-- 通信 -->
+          </el-tabs>
-        <!-- <iscs-fire-alarm v-else-if="iscsMode==='fas02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />  -->
+        </el-card>
-        <!-- 火灾报警系统 -->
-        <!-- <iscs-power-monitoring v-else-if="iscsMode==='powerMonitoring02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />   -->
-        <!-- 电力监控系统 -->
-        <!-- <iscs-signal-system v-else-if="iscsMode==='signalSystem02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />  -->
-        <!-- 信号系统 -->
-        <!-- <iscs-environment v-else-if="iscsMode=='environment02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />  -->
-        <!-- 环境与设备监控系统 -->
-        <!-- <iscs-psd v-else-if="iscsMode=='psdSystem02'" ref="" @iscsChange="iscsChange" @handleSave="handleSave" />  -->
-        <!-- 屏蔽门系统 -->
       </div>
       <div class="right-card" :class="{'hide': tableShow}">
         <div class="btn_table_box" @click="clickTableBtn"><i :class="tableShow?'el-icon-arrow-right':'el-icon-arrow-left'" /></div>
-        <!-- <group-card @handleSave="handleSave" /> -->
       </div>
     </div>
   </transition>
@@ -38,42 +28,13 @@
 <script>
 import localStore from 'storejs';
 import IscsPlate from '@/views/iscsSystem/index';
-// import IscsOperate from './iscsOperate/index';
+import {allElements} from '@/iscs_new/core/form/allElments';
-// import IscsBasOperate from './iscsBasOperate/index';
-// import IscsPsdOperate from './iscsPsdOperate/index';
-// import IscsCctvOperate from './iscsCctvOperate/index';
-// import IscsAfcOperate from './iscsAfcOperate/index';
-// import IscsAcsOperate from './iscsAcsOperate/index';
-// import IscsNetOperate from './IscsNetOperate/index';
-// import IscsAutomatic from './iscsAutomatic/index';
-// import IscsCommunication from './iscsCommunication/index';
-// import IscsFireAlarm from './iscsFireAlarm/index';
-// import IscsPowerMonitoring from './iscsPowerMonitoring/index';
-// import IscsSignalSystem from './iscsSignalSystem/index';
-// import IscsPsd from './iscsPsd/index';
-// import IscsEnvironment from './iscsEnvironment/index';
-// import GroupCard from './group/card.vue';
 import { saveIscsElement } from '@/api/iscs';
 
 export default {
     name: 'IscsView',
     components: {
         IscsPlate
-        // IscsOperate,
-        // IscsBasOperate,
-        // IscsPsdOperate,
-        // IscsCctvOperate,
-        // IscsAfcOperate,
-        // IscsAcsOperate,
-        // IscsNetOperate,
-        // IscsAutomatic,
-        // IscsCommunication,
-        // IscsFireAlarm,
-        // IscsPowerMonitoring,
-        // IscsSignalSystem,
-        // IscsPsd,
-        // IscsEnvironment,
-        // GroupCard
     },
     data() {
         return {
@@ -83,7 +44,9 @@ export default {
             },
             widthLeft: Number(localStore.get('LeftWidth')) || 450,
             draftShow: false,
-            tableShow: false
+            tableShow: false,
+            enabledTab:'',
+            elementList:[]
         };
     },
     computed:{
@@ -99,6 +62,9 @@ export default {
     mounted() {
         this.$refs.iscsPlate.show(this.$route.query.mode, this.$route.query.system, this.$route.query.part);
         this.$refs.iscsPlate.drawIscsInit();
+        debugger;
+        this.elementList = allElements.elementsList;
+        this.enabledTab = this.elementList[0].code;
     },
     beforeDestroy() {
 
@@ -127,6 +93,9 @@ export default {
             }).catch(() => {
                 this.$message.error('ISCS数据保存异常！');
             });
+        },
+        handleTabClick() {
+
         }
     }
 };