发布代码生成、更新20+表单组件，优化数据字典，gf版本更新到2.3.1

web/src/views/apply/attachment/columns.ts

@@ -1,5 +1,55 @@
-import { h } from 'vue';
-import { NAvatar, NTag } from 'naive-ui';
+import { h, ref } from 'vue';
+import { NAvatar, NImage, NTag } from 'naive-ui';
+import { getFileExt } from '@/utils/urlUtils';
+import { Dicts } from '@/api/dict/dict';
+import { getOptionLabel, getOptionTag, Options } from '@/utils/hotgo';
+import { FormSchema } from '@/components/Form';
+import { isNullOrUnDef } from '@/utils/is';
+export const options = ref<Options>({
+  sys_normal_disable: [],
+  config_upload_drive: [],
+});
+
+export const schemas = ref<FormSchema[]>([
+  {
+    field: 'member_id',
+    component: 'NInput',
+    label: '用户ID',
+    componentProps: {
+      placeholder: '请输入用户ID',
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+    rules: [{ message: '请输入用户ID', trigger: ['blur'] }],
+  },
+  {
+    field: 'drive',
+    component: 'NSelect',
+    label: '选择驱动',
+    defaultValue: null,
+    componentProps: {
+      placeholder: '请选择驱动',
+      options: [],
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+  {
+    field: 'status',
+    component: 'NSelect',
+    label: '状态',
+    defaultValue: null,
+    componentProps: {
+      placeholder: '请选择类型',
+      options: [],
+      onUpdateValue: (e: any) => {
+        console.log(e);
+      },
+    },
+  },
+]);
 
 export const columns = [
   {
@@ -11,7 +61,7 @@ export const columns = [
     key: 'appId',
   },
   {
-    title: '会员ID',
+    title: '用户ID',
     key: 'memberId',
   },
   {
@@ -45,16 +95,40 @@ export const columns = [
     key: 'fileUrl',
     width: 80,
     render(row) {
-      return h(NAvatar, {
-        size: 40,
+      if (row.fileUrl === '') {
+        return ``;
+      }
+      if (row.kind !== 'images') {
+        return h(
+          NAvatar,
+          {
+            width: '40px',
+            height: '40px',
+            'max-width': '100%',
+            'max-height': '100%',
+          },
+          {
+            default: () => getFileExt(row.fileUrl),
+          }
+        );
+      }
+      return h(NImage, {
+        width: 40,
+        height: 40,
         src: row.fileUrl,
+        style: {
+          width: '40px',
+          height: '40px',
+          'max-width': '100%',
+          'max-height': '100%',
+        },
       });
     },
   },
-  {
-    title: '本地路径',
-    key: 'path',
-  },
+  // {
+  //   title: '本地路径',
+  //   key: 'path',
+  // },
   {
     title: '扩展名',
     key: 'ext',
@@ -67,24 +141,44 @@ export const columns = [
     title: '状态',
     key: 'status',
     render(row) {
+      if (isNullOrUnDef(row.status)) {
+        return ``;
+      }
       return h(
         NTag,
         {
           style: {
             marginRight: '6px',
           },
-          type: row.status == 1 ? 'success' : 'warning',
+          type: getOptionTag(options.value.sys_normal_disable, row.status),
           bordered: false,
         },
         {
-          default: () => (row.status == 1 ? '正常' : '隐藏'),
+          default: () => getOptionLabel(options.value.sys_normal_disable, row.status),
         }
       );
     },
   },
-
   {
     title: '上传时间',
     key: 'createdAt',
   },
 ];
+
+async function loadOptions() {
+  options.value = await Dicts({
+    types: ['sys_normal_disable', 'config_upload_drive'],
+  });
+  for (const item of schemas.value) {
+    switch (item.field) {
+      case 'status':
+        item.componentProps.options = options.value.sys_normal_disable;
+        break;
+      case 'drive':
+        item.componentProps.options = options.value.config_upload_drive;
+        break;
+    }
+  }
+}
+
+await loadOptions();