字典管理样式调整

@@ -21,7 +21,7 @@ export default {
 </script>
 <style scoped lang="scss">
 .button {
-  width: 77px;
+  width: 80px; //适配4字按钮样式
   height: 32px;
   color: #ffffff;
   margin: 0 5px;

@@ -44,23 +44,6 @@ class data extends filter {
             </div>
           )
         }
-      },
-      {
-        label: '操作',
-        width: '150',
-        align: 'center',
-        fixed: 'right',
-        render: (h, scope) => {
-          return (
-            <div>
-              {
-                scope.row.isenable == '1' ?
-                  <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row, 1) }}>修改</el-button> :
-                  <el-button type="text" icon="el-icon-view" onClick={() => { vm.editClick(scope.row, 2) }}>查看</el-button>
-              }
-            </div>
-          )
-        }
       }
     ]
   }

@@ -2,7 +2,7 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form @submit.native.prevent :model="ruleForm">
+      <el-form @submit.native.prevent :model="ruleForm"  label-width="120px">
         <el-row :gutter="20">
           <el-col :span="6">
             <el-form-item label="字典类型编码">
@@ -62,7 +62,23 @@ export default {
       },
       tableData: {
         total: 0,
-        columns: datas.columns(),
+        columns: datas.columns().concat([
+          {
+            label: "操作",
+            width: 170,
+            render: (h, scope) => {
+              return (
+                <div>
+                  {
+                    scope.row.isenable == '1' ?
+                  <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> :
+                  <el-button type="text" icon="el-icon-view" onClick={() => { this.editClick(scope.row, 2) }}>查看</el-button>
+                  }
+                </div>
+              );
+            },
+          },
+        ]),
         data: []
       }
     }