设备监控

gassafety-web/src/views/device/devicemonitor/index.vue

@@ -6,18 +6,18 @@
       <el-input placeholder="请输入设备阈值" style="width: 300px;margin-left: 50px;"></el-input>
     </el-row>
     <el-button type="primary" class="el-icon-plus clolos1" @click="addPdfFile" style="margin-top: 20px;margin-bottom: 20px;">新增关联设备</el-button>
-    <div class="add_pdf" v-for="(item, index) in addPdf" :key="index">
+    <div class="add_pdf" v-for="(item, index) in addPdf" :key="index" style="margin-bottom: 30px;">
       
       <el-form ref="form" :model="form" label-width="80px">
         <el-row :gutter="20">
           <el-col :span="11" style="float: left;box-shadow: rgb(233, 229, 229) 3px 3px 7px 2px;padding-top: 20px;padding-left: 15px;">
-            <el-form-item label="关联管道" prop="pipeCode">
-              <el-input placeholder="请输入关联管道名称" style="width: 300px;margin-left: 20px;"></el-input>
-              <el-input placeholder="请输入关联管道阈值" style="width: 300px;margin-left: 50px;"></el-input>
+            <el-form-item label="关联管道:" prop="pipeCode">
+              <el-input v-model="form.sss" placeholder="请输入关联管道名称" style="width: 40%;margin-left: 20px;"></el-input>
+              <el-input v-model="form.aaa" placeholder="请输入关联管道阈值" style="width: 40%;margin-left: 50px;"></el-input>
             </el-form-item>
-            <el-form-item label="关联设备" prop="pipeCode">
-              <el-input placeholder="请输入关联设备名称" style="width: 300px;margin-left: 20px;"></el-input>
-              <el-input placeholder="请输入关联设备阈值" style="width: 300px;margin-left: 50px;"></el-input>
+            <el-form-item label="关联设备:" prop="pipeCode">
+              <el-input placeholder="请输入关联设备名称" style="width: 40%;margin-left: 20px;"></el-input>
+              <el-input placeholder="请输入关联设备阈值" style="width: 40%;margin-left: 50px;"></el-input>
             </el-form-item>
           </el-col>
           <div style="float: left;margin-top: 50px;margin-left: 50px;">
@@ -26,13 +26,13 @@
         </el-row>
       </el-form>
       <!-- <div v-show="index !== 0"> -->
-        <el-form label-width="100px">
-          <el-form-item style="margin-left:200px;margin-top:40px;">
-            <el-button type="primary" @click="submitForm()">提交</el-button>
-            <el-button @click="close()">返回</el-button>
-          </el-form-item>
-        </el-form>
     </div>
+    <el-form label-width="100px">
+      <el-form-item style="margin-left:200px;margin-top:40px;">
+        <el-button type="primary" @click="submitForm()">提交</el-button>
+        <el-button @click="close()">返回</el-button>
+      </el-form-item>
+    </el-form>
   </div>
 </template>
 
@@ -41,15 +41,15 @@
     data() {
       return {
         addPdf: [1],
-        form:{}
+        form: {}
       };
     },
     methods:{
       addPdfFile(){
-
+        this.addPdf.push([]);
       },
-      deletePdf(){
-
+      deletePdf(index){
+        this.addPdf.splice(index,1);
       }
     }
   }