编辑设备

resources/js/views/device/index.vue

@@ -73,7 +73,7 @@
           <span>{{ scope.row.deviceinfo }}</span>
         </template>
       </el-table-column>
-      <el-table-column align="center" label="添加着ip地址" width="170">
+      <el-table-column align="center" label="IP地址" width="170">
         <template slot-scope="scope">
           <span @click="handleCopy(scope.row.ipaddr,$event)">{{ scope.row.ipaddr }}</span>
         </template>
@@ -160,21 +160,29 @@
         </el-form>
       </el-card>
     </el-drawer>
-    <el-drawer title="编辑设备" :visible.sync="drawerup" :direction="directionup" :before-close="handleCloseup">
+    <el-drawer
+      title="编辑设备"
+      :visible.sync="drawerup"
+      :direction="directionup"
+      :before-close="handleCloseup"
+      custom-class="zl-drawer"
+    >
       <el-card class="box-card">
         <el-form ref="updevicedata" :model="updevicedata" label-width="80px">
-          <el-form-item label="设备编号" label-width="92px">
+          <el-form-item label="设备编号" label-width="100px">
             <el-input v-model="updevicedata.devicenum" :disabled="disabled" style="width: 80%;"></el-input>
           </el-form-item>
-          <el-form-item label="用户名称" label-width="92px">
+          <el-form-item label="用户名称" label-width="100px">
             <el-input v-model="updevicedata.name" :disabled="disabled" style="width: 80%;"></el-input>
           </el-form-item>
-          <el-form-item label="设备名称" label-width="92px">
+          <el-form-item label="设备名称" label-width="100px">
             <el-input v-model="updevicedata.username" style="width: 80%;"></el-input>
           </el-form-item>
           <el-form-item label="设备坐标" label-width="100px">
-            <el-input v-model="updevicedata.devicecoord" style="width: 80%;"></el-input>
-            <el-button type="primary" style="left: 18px;z-index: 999;width: 54px;" @click="accuracy"><span style="left: -22px;position: relative;">拾取坐标</span></el-button>
+            <el-input v-model="updevicedata.devicecoord" style="width:50%"></el-input>
+            <el-button type="primary" @click="accuracy">
+              拾取坐标
+            </el-button>
           </el-form-item>
           <el-form-item label="设备联系人" label-width="100px">
             <el-input v-model="updevicedata.devicelinkman" style="width: 80%;"></el-input>
@@ -188,23 +196,23 @@
           <el-form-item label="设备安装位置" label-width="100px">
             <el-input v-model="updevicedata.deviceinfo" style="width: 80%;"></el-input>
           </el-form-item>
-          <el-form-item v-if="checkPermission(['manage isadmin'])" label="选择用户">
+          <el-form-item v-if="checkPermission(['manage isadmin'])" label="选择用户" label-width="100px">
             <el-select v-model="updevicedata.uid" placeholder="请选择用户">
               <el-option v-for="item in addUserDevice" :key="item.id" :label="item.name" :value="item.id"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="选择分类">
+          <el-form-item label="选择分类" label-width="100px">
             <el-select v-model="updevicedata.tid" placeholder="请选择分类">
               <el-option v-for="item in list" :key="item.id" :label="item.tname" :value="item.tid"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="选择类别">
-            <el-select v-model="updevicedata.devicemonad" placeholder="请选择单位">
-              <el-option v-for="item in danwei" :key="item.id" :label="item.danwei" :value="item.id"></el-option>
-            </el-select>
+          <el-form-item label="介质/单位" label-width="100px">
             <el-select v-model="updevicedata.status" placeholder="请选择介质">
               <el-option v-for="item in gas" :key="item.id" :label="item.gas" :value="item.id"></el-option>
             </el-select>
+            <el-select v-model="updevicedata.devicemonad" placeholder="请选择单位">
+              <el-option v-for="item in danwei" :key="item.id" :label="item.danwei" :value="item.id"></el-option>
+            </el-select>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="updedata">立即更新</el-button>
@@ -522,12 +530,7 @@ export default {
     margin-bottom: 0;
     width: 50%;
   }
-  .el-drawer__header {
-    align-items: center;
-    color: #72767b;
-    display: flex;
-    margin-bottom: -4px;
-    padding: 20px;
-    padding-bottom: 0;
+  .zl-drawer .el-drawer__body {
+    overflow-y: auto !important;
   }
 </style>