iscs调整

src/views/system/iscsDraw/iscsOperate/index.vue

@@ -18,16 +18,28 @@
             @click="handleSave"
           >{{ $t('ibp.save') }}</el-button>
         </div>
-        <el-tabs v-model="enabledTab" class="mapEdit" type="card" @tab-click="handleTabClick" />
+        <el-tabs v-model="enabledTab" class="mapEdit" type="card" @tab-click="handleTabClick">
+          <el-tab-pane label="手动报警按钮" name="maButton">
+            <manual-alarm-button
+              ref="clock"
+              style="width:90%"
+              @createClock="createDataModel"
+              @deleteDataModel="deleteDataModel"
+            />
+          </el-tab-pane>
+        </el-tabs>
       </el-card>
     </div>
   </transition>
 </template>
 <script>
 import {deviceFactory} from '@/iscs/utils/parser';
+import ManualAlarmButton from './manualAlarmButton';
+
 export default {
     name: 'IscsOperate',
     components: {
+        ManualAlarmButton
     },
     mixins: [
     ],

src/views/system/iscsDraw/iscsOperate/manualAlarmButton.vue

@@ -1,9 +1,18 @@
 <template>
   <div>
-    <el-form>
+    <el-form ref="form" :rule="rules" :model="addModel" label-width="100px">
       <el-form-item label="按钮编号" prop="code">
         <el-input v-model="addModel.code" />
       </el-form-item>
+      <el-form-item label="图形宽度">
+        <el-input-number v-model="addModel.width" />
+      </el-form-item>
+      <el-form-item label="X轴坐标">
+        <el-input-number v-model="addModel.x" />
+      </el-form-item>
+      <el-form-item label="Y轴坐标">
+        <el-input-number v-model="addModel.y" />
+      </el-form-item>
     </el-form>
   </div>
 </template>
@@ -14,11 +23,23 @@ export default {
     data() {
         return {
             addModel:{
-                code: ''
+                code: '',
+                width: '',
+                x: '',
+                y: ''
+            },
+            rules: {
+                width:[{ required: true, message:'请输入设备图形宽度', trigger: 'blur' }],
+                x: [{ required: true, message: '请输入设备图形的X轴坐标', trigger: 'blur' }],
+                y: [{ required: true, message: '请输入设备图形的Y轴坐标', trigger: 'blur' }]
             }
         };
-    }
+    },
+    methods: {
+        doSave() {
 
+        }
+    }
 
 };
 </script>