监控设备 gengdidi

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

+<template>
+  <div>
+    <el-row :gutter="20">
+      <span>新增设备</span>
+      <el-input placeholder="请输入设备名称"></el-input>
+      <el-input placeholder="请输入设备阈值"></el-input>
+    </el-row>
+    <i class="el-icon-circle-plus-outline clolos1" @click="addPdfFile"></i>//加号（增加一行）
+    <div class="add_pdf" v-for="(item, index) in addPdf" :key="index">
+      <div v-show="index !== 0">
+        <i class="el-icon-delete clolos clolos3" @click="deletePdf(index)"></i>//减号（删除一行）
+      </div>
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row :gutter="20">
+          <el-col :span="10">
+            <el-form-item label="关联管道" prop="pipeCode">
+              <el-input placeholder="请输入关联管道名称"></el-input>
+              <el-input placeholder="请输入关联管道阈值"></el-input>
+            </el-form-item>
+            <el-form-item label="关联设备" prop="pipeCode">
+              <el-input placeholder="请输入关联设备名称"></el-input>
+              <el-input placeholder="请输入关联设备阈值"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        addPdf: [1],
+        form:{}
+      };
+    },
+    methods:{
+      addPdfFile(){
+
+      },
+      deletePdf(){
+
+      }
+    }
+  }
+</script>
+
+<style lang='scss' scoped>
+
+</style>