qqq

src/views/BasicData/MaintenanceEquipmentPerson/index.vue

@@ -14,9 +14,8 @@
       <el-button type="success" size="mini" icon="el-icon-search" style="margin-left:10px" @click="getTableData">查询</el-button>
       <el-button type="primary" size="mini" icon="el-icon-circle-plus-outline" @click="handleAdd">增加</el-button>
     </el-card>
-
     <el-card>
-      <el-table v-loading="loading" :data="tableData" highlight-current-row border style="height: 500px">
+      <el-table v-loading="loading" :data="tableData" stripe highlight-current-row border style="height: 500px">
         <el-table-column label="设备名称" align="center" >
           <template slot-scope="scope">
             {{ scope.row.设备名称 }}
@@ -34,8 +33,8 @@
         </el-table-column>
         <el-table-column label="操作" align="center" >
           <template slot-scope="scope">
-            <el-button type="primary" size="mini" icon="el-icon-edit" style="margin-left:10px" @click="handleEdit(scope.row)">编辑</el-button>
-            <el-button type="danger" size="mini" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+            <el-button type="primary" size="mini" icon="el-icon-edit" style="margin-left:10px" plain @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="danger" size="mini" icon="el-icon-delete" plain @click="handleDelete(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -50,8 +49,7 @@
           @current-change="handleCurrentChange"/>
       </div>
     </el-card>
-
-    <el-dialog :visible.sync="dialogFormVisible" title="选择人员" center style="min-height: 300px">
+    <el-dialog v-el-drag-dialog :visible.sync="dialogFormVisible" title="选择人员" center style="min-height: 300px">
       <span>部门名称:</span>
       <el-select v-model="departmentValue" placeholder="部门名称" size="small" clearable style="width:180px" @change="getTablePeople">
         <el-option
@@ -91,8 +89,7 @@
         <el-button type="primary" @click="dialogFormVisible = false">确定</el-button>
       </div>
     </el-dialog>
-
-    <el-dialog :title="title" :visible.sync="dialogFormVisible_form" center style="min-height: 300px" width="400px">
+    <el-dialog v-el-drag-dialog :title="title" :visible.sync="dialogFormVisible_form" center style="min-height: 300px" width="400px">
       <el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="110px" class="demo-ruleForm">
         <el-form-item label="设备名称" prop="设备名称">
           <el-select v-model="form.设备流水号" placeholder="设备名称" style="width:200px" size="small" clearable filterable>
@@ -117,7 +114,7 @@
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="cancel">取消</el-button>
+        <el-button @click="cancel">取消</el-button>
         <el-button v-show="title === '增加'" type="primary" @click="submitAdd()">确定</el-button>
         <el-button v-show="title === '编辑'" type="primary" @click="submitEdit()">确定</el-button>
       </div>
@@ -245,7 +242,7 @@ export default {
 </script>
 
 <style scoped>
-  span{
-    margin: 20px;
-  }
+  /*span{*/
+    /*margin: 20px;*/
+  /*}*/
 </style>