表格按钮固定

src/components/table/fieldRender/index.vue

@@ -24,7 +24,7 @@
 
     <!-- tag -->
     <div v-if="field.render == 'tag' && fieldValue !== ''">
-        <el-tag :type="getTagType(fieldValue, field.custom)" effect="dark">
+        <el-tag :type="getTagType(fieldValue, field.custom)" size="small">
             {{ field.replaceValue ? field.replaceValue[fieldValue] : fieldValue }}
         </el-tag>
     </div>
@@ -193,10 +193,57 @@ const getTagType = (value: string, custom: any): TagProps['type'] => {
     padding: 4px 5px;
     height: auto;
 }
-.table-operate .icon {
-    font-size: 14px !important;
-    color: var(--ba-bg-color-overlay) !important;
+.cn-render-buttons {
+    .icon {
+        font-size: 12px !important;
+        // color: var(--ba-bg-color-overlay) !important;
+    }
+    .el-button--primary {
+        .icon {
+            color: var(--el-color-primary) !important;
+            &:hover {
+                color: var(--el-color-primary-light-3) !important;
+            }
+        }
+    }
+
+    .el-button--success {
+        .icon {
+            color: var(--el-color-success) !important;
+            &:hover {
+                color: var(--el-color-success-light-3) !important;
+            }
+        }
+    }
+
+    .el-button--warning {
+        .icon {
+            color: var(--el-color-warning) !important;
+            &:hover {
+                color: var(--el-color-warning-light-3) !important;
+            }
+        }
+    }
+
+    .el-button--danger {
+        .icon {
+            color: var(--el-color-danger) !important;
+            &:hover {
+                color: var(--el-color-danger-light-3) !important;
+            }
+        }
+    }
+
+    .el-button--info {
+        .icon {
+            color: var(--el-color-info) !important;
+            &:hover {
+                color: var(--el-color-info-light-3) !important;
+            }
+        }
+    }
 }
+
 .move-button {
     cursor: move;
 }

src/views/auth/menu/api.vue

@@ -54,7 +54,7 @@ const tableStore = new TableStore({
             buttons: [
                 {
                     name: 'edit',
-                    title: '编辑编辑',
+                    title: '编辑',
                     type: 'primary',
                     icon: 'el-icon-EditPen',
                     render: 'basicButton',
@@ -64,7 +64,7 @@ const tableStore = new TableStore({
                 },
                 {
                     name: 'del',
-                    title: '删除接口',
+                    title: '删除',
                     type: 'danger',
                     icon: 'el-icon-Delete',
                     render: 'confirmButton',

src/views/auth/userList/index.vue

@@ -71,7 +71,7 @@ const tableStore = new TableStore({
         {
             title: '状态',
             field: 'state',
-            width: '80',
+            width: '100',
             render: 'tag',
             custom: {
                 0: 'danger',
@@ -133,7 +133,7 @@ const tableStore = new TableStore({
                 {
                     name: 'edit',
                     title: '激活',
-                    type: 'success',
+                    type: 'primary',
                     icon: 'el-icon-Open',
                     render: 'basicButton',
                     disabled: row => {

src/views/govern/manage/basic/version.vue

@@ -82,7 +82,7 @@ const tableStore = new TableStore({
                 {
                     name: 'edit',
                     title: '启用',
-                    type: 'success',
+                    type: 'primary',
                     icon: 'el-icon-Open',
                     render: 'basicButton',
                     disabled: row => {