重构: 前端优化及主题logo

web/src/setting.js

@@ -36,39 +36,39 @@ export default {
         title: 'd2admin 经典',
         name: 'd2',
         preview: 'image/theme/d2/preview@2x.png'
+      },
+      {
+        title: 'Chester',
+        name: 'chester',
+        preview: 'image/theme/chester/preview@2x.jpg'
+      },
+      {
+        title: 'Element',
+        name: 'element',
+        preview: 'image/theme/element/preview@2x.jpg'
+      },
+      {
+        title: '紫罗兰',
+        name: 'violet',
+        preview: 'image/theme/violet/preview@2x.jpg'
+      },
+      {
+        title: '简约线条',
+        name: 'line',
+        backgroundImage: 'image/theme/line/bg.jpg',
+        preview: 'image/theme/line/preview@2x.jpg'
+      },
+      {
+        title: '流星',
+        name: 'star',
+        backgroundImage: 'image/theme/star/bg.jpg',
+        preview: 'image/theme/star/preview@2x.jpg'
+      },
+      {
+        title: 'Tomorrow Night Blue (vsCode)',
+        name: 'tomorrow-night-blue',
+        preview: 'image/theme/tomorrow-night-blue/preview@2x.jpg'
       }
-      // {
-      //   title: 'Chester',
-      //   name: 'chester',
-      //   preview: 'image/theme/chester/preview@2x.png'
-      // },
-      // {
-      //   title: 'Element',
-      //   name: 'element',
-      //   preview: 'image/theme/element/preview@2x.png'
-      // },
-      // {
-      //   title: '紫罗兰',
-      //   name: 'violet',
-      //   preview: 'image/theme/violet/preview@2x.png'
-      // },
-      // {
-      //   title: '简约线条',
-      //   name: 'line',
-      //   backgroundImage: 'image/theme/line/bg.jpg',
-      //   preview: 'image/theme/line/preview@2x.png'
-      // },
-      // {
-      //   title: '流星',
-      //   name: 'star',
-      //   backgroundImage: 'image/theme/star/bg.jpg',
-      //   preview: 'image/theme/star/preview@2x.png'
-      // },
-      // {
-      //   title: 'Tomorrow Night Blue (vsCode)',
-      //   name: 'tomorrow-night-blue',
-      //   preview: 'image/theme/tomorrow-night-blue/preview@2x.png'
-      // }
     ]
   },
   // 是否默认开启页面切换动画

web/src/views/system/fileList/crud.js

@@ -78,8 +78,12 @@ export const crudOptions = (vm) => {
           disabled: false
         },
         width: 160,
-        type: 'input'
-
+        type: 'input',
+        form: {
+          component: {
+            placeholder: '请输入文件名称'
+          }
+        }
       },
       {
         title: '文件地址',

web/src/views/system/log/operationLog/crud.js

@@ -12,14 +12,15 @@ export const crudOptions = (vm) => {
 
     },
     rowHandle: {
+      fixed: 'right',
       view: {
         thin: true,
-        text: '详情',
+        text: '',
         disabled () {
           return !vm.hasPermissions('Retrieve')
         }
       },
-      width: 160,
+      width: 70,
       edit: {
         thin: true,
         text: '',
@@ -42,7 +43,12 @@ export const crudOptions = (vm) => {
     },
     formOptions: {
       disabled: true,
-      defaultSpan: 24 // 默认的表单 span
+      defaultSpan: 12 // 默认的表单 span
+    },
+    indexRow: { // 或者直接传true,不显示title，不居中
+      title: '序号',
+      align: 'center',
+      width: 70
     },
     columns: [
       {
@@ -106,11 +112,16 @@ export const crudOptions = (vm) => {
           disabled: true
         },
         disabled: true,
-        width: 180,
-        type: 'input',
+        type: 'textarea',
         form: {
           disabled: true,
           component: {
+            props: {
+              type: 'textarea'
+            },
+            autosize: {
+              minRows: 2, maxRows: 8
+            },
             placeholder: '请输入关键词'
           }
         }
@@ -147,7 +158,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: false
         },
-        width: 100,
+        width: 130,
         type: 'input',
         form: {
           disabled: true,
@@ -199,6 +210,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: true
         },
+        minWidth: 240,
         type: 'input',
         form: {
           disabled: true
@@ -223,7 +235,8 @@ export const crudOptions = (vm) => {
         }
       },
       {
-        title: '创建时间',
+        fixed: 'right',
+        title: '操作时间',
         key: 'create_datetime',
         width: 160,
         type: 'datetime',

web/src/views/system/user/crud.js

@@ -13,6 +13,7 @@ export const crudOptions = (vm) => {
       height: '100%'
     },
     rowHandle: {
+      fixed: 'right',
       width: 180,
       view: {
         thin: true,
@@ -59,7 +60,7 @@ export const crudOptions = (vm) => {
     indexRow: { // 或者直接传true,不显示title，不居中
       title: '序号',
       align: 'center',
-      width: 100
+      width: 70
     },
     columns: [
       {
@@ -95,7 +96,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: false
         },
-        width: 160,
+        width: 140,
         type: 'input',
         form: {
           rules: [ // 表单校验规则
@@ -141,6 +142,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: true
         },
+        minWidth: 140,
         type: 'table-selector',
         dict: {
           cache: false,
@@ -192,6 +194,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: true
         },
+        minWidth: 110,
         type: 'input',
         form: {
           rules: [
@@ -208,6 +211,7 @@ export const crudOptions = (vm) => {
       }, {
         title: '邮箱',
         key: 'email',
+        minWidth: 160,
         form: {
           rules: [
             { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
@@ -221,6 +225,7 @@ export const crudOptions = (vm) => {
         title: '性别',
         key: 'gender',
         type: 'radio',
+        width: 70,
         dict: {
           data: [{ label: '男', value: 1 }, { label: '女', value: 0 }]
         },
@@ -238,7 +243,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: false
         },
-        width: 90,
+        width: 70,
         type: 'radio',
         dict: {
           data: BUTTON_STATUS_BOOL
@@ -309,6 +314,7 @@ export const crudOptions = (vm) => {
         search: {
           disabled: true
         },
+        minWidth: 130,
         type: 'table-selector',
         dict: {
           cache: false,
@@ -354,6 +360,6 @@ export const crudOptions = (vm) => {
           }
         }
       }
-    ].concat(vm.commonEndColumns({ show_create_datetime: false }))
+    ].concat(vm.commonEndColumns({ update_datetime: { showForm: false, showTable: false }, create_datetime: { showForm: false, showTable: true } }))
   }
 }

web/src/views/system/whiteList/crud.js

@@ -45,7 +45,10 @@ export const crudOptions = (vm) => {
           disabled: false
         },
         form: {
-          disabled: true
+          disabled: true,
+          component: {
+            placeholder: '请输入关键词'
+          }
         },
         view: { // 查看对话框组件的单独配置
           disabled: true