设备信息维护

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

 <template>
-  <div>
+  <div class="add-div" style="width: 100%;height: 100%;padding: 50px;">
     <el-row :gutter="20">
       <span>新增设备</span>
-      <el-input placeholder="请输入设备名称"></el-input>
-      <el-input placeholder="请输入设备阈值"></el-input>
+      <el-input placeholder="请输入设备名称" style="width: 300px;margin-left: 20px;"></el-input>
+      <el-input placeholder="请输入设备阈值" style="width: 300px;margin-left: 50px;"></el-input>
     </el-row>
-    <i class="el-icon-circle-plus-outline clolos1" @click="addPdfFile"></i>//加号（增加一行）
+    <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 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-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="请输入关联管道名称"></el-input>
-              <el-input placeholder="请输入关联管道阈值"></el-input>
+              <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>
             <el-form-item label="关联设备" prop="pipeCode">
-              <el-input placeholder="请输入关联设备名称"></el-input>
-              <el-input placeholder="请输入关联设备阈值"></el-input>
+              <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>
           </el-col>
+          <div style="float: left;margin-top: 50px;margin-left: 50px;">
+            <el-button type="danger" class="el-icon-delete clolos clolos3" @click="deletePdf(index)" circle></el-button>
+          </div>
         </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>
   </div>
 </template>