pref:字典管理部分字典名称 状态不可点击

@@ -117,7 +117,7 @@
 
 
       function handleItem(record: Recordable) {
       function handleItem(record: Recordable) {
         openItemDrawer(true, {
         openItemDrawer(true, {
-          id: record.id,
+          data: record,
         });
         });
       }
       }
 
 

@@ -31,6 +31,16 @@
               ]"
               ]"
             />
             />
           </template>
           </template>
+          <template #status="{ record }">
+            <Switch
+              :disabled="disabled"
+              :checked="record.status === 1"
+              :loading="record.pendingStatus"
+              checkedChildren="启用"
+              unCheckedChildren="禁用"
+              @change="(checked:boolean)=>statusChange(checked,record)"
+            />
+          </template>
         </BasicTable>
         </BasicTable>
         <ItemDrawer @register="registerDrawer" @success="handleSuccess" />
         <ItemDrawer @register="registerDrawer" @success="handleSuccess" />
       </div>
       </div>
@@ -38,30 +48,40 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-  import { defineComponent } from 'vue';
-
+  import { defineComponent, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { sysDictItemPage, deleteDictItem } from '/@/api/system/dict';
   import { sysDictItemPage, deleteDictItem } from '/@/api/system/dict';
-
+  import { Switch } from 'ant-design-vue';
   import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
   import ItemDrawer from '/@/views/system/dict/item/ItemDrawer.vue';
   import ItemDrawer from '/@/views/system/dict/item/ItemDrawer.vue';
-
   import { columns, searchFormSchema } from './dict.item.data';
   import { columns, searchFormSchema } from './dict.item.data';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import Authority from '/@/components/Authority/src/Authority.vue';
   import Authority from '/@/components/Authority/src/Authority.vue';
+  import { setDictItemStatus } from '/@/api/system/dict';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'ItemIndex',
     name: 'ItemIndex',
-    components: { BasicDrawer, BasicTable, ItemDrawer, TableAction, Authority },
+    components: { BasicDrawer, BasicTable, ItemDrawer, TableAction, Authority, Switch },
     setup() {
     setup() {
       let dictId;
       let dictId;
+      const disabled = ref(false);
       const { createMessage } = useMessage();
       const { createMessage } = useMessage();
       const [registerDrawer, { openDrawer }] = useDrawer();
       const [registerDrawer, { openDrawer }] = useDrawer();
       const [register] = useDrawerInner((data) => {
       const [register] = useDrawerInner((data) => {
-        dictId = data.id;
+        dictId = data.data.id;
+        if (
+          data.data.dictCode === 'enabled_platform_admin_auth' ||
+          data.data.dictCode === 'disabled_tenant_auth' ||
+          data.data.dictCode === 'enabled_sysadmin_auth'
+        ) {
+          disabled.value = true;
+        } else {
+          disabled.value = false;
+        }
+
         reload();
         reload();
       });
       });
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setSelectedRowKeys, setProps }] = useTable({
         title: '字典值列表',
         title: '字典值列表',
         api: sysDictItemPage,
         api: sysDictItemPage,
         columns,
         columns,
@@ -117,7 +137,27 @@
       function handleSuccess() {
       function handleSuccess() {
         reload();
         reload();
       }
       }
-
+      const statusChange = async (checked, record) => {
+        setProps({
+          loading: true,
+        });
+        setSelectedRowKeys([]);
+        const newStatus = checked ? 1 : 0;
+        const { createMessage } = useMessage();
+        try {
+          await setDictItemStatus(record.id, newStatus);
+          if (newStatus) {
+            createMessage.success(`启用成功`);
+          } else {
+            createMessage.success('禁用成功');
+          }
+        } finally {
+          setProps({
+            loading: false,
+          });
+          reload();
+        }
+      };
       return {
       return {
         register,
         register,
         registerTable,
         registerTable,
@@ -126,6 +166,8 @@
         handleEdit,
         handleEdit,
         handleDelete,
         handleDelete,
         handleSuccess,
         handleSuccess,
+        statusChange,
+        disabled,
       };
       };
     },
     },
   });
   });

 import { BasicColumn } from '/@/components/Table';
 import { BasicColumn } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
-import { h } from 'vue';
-import { Switch } from 'ant-design-vue';
-import { setDictItemStatus } from '/@/api/system/dict';
-import { useMessage } from '/@/hooks/web/useMessage';
+
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
   {
   {
     title: '文本值',
     title: '文本值',
@@ -24,30 +21,7 @@ export const columns: BasicColumn[] = [
     title: '状态',
     title: '状态',
     dataIndex: 'status',
     dataIndex: 'status',
     width: 100,
     width: 100,
-    customRender: ({ record }) => {
-      if (!Reflect.has(record, 'pendingStatus')) {
-        record.pendingStatus = false;
-      }
-      return h(Switch, {
-        checked: record.status === 1,
-        checkedChildren: '已启用',
-        unCheckedChildren: '已禁用',
-        loading: record.pendingStatus,
-        onChange(checked: boolean) {
-          record.pendingStatus = true;
-          const newStatus = checked ? 1 : 0;
-          const { createMessage } = useMessage();
-          setDictItemStatus(record.id, newStatus)
-            .then(() => {
-              record.status = newStatus;
-              createMessage.success(`修改成功`);
-            })
-            .finally(() => {
-              record.pendingStatus = false;
-            });
-        },
-      });
-    },
+    slots: { customRender: 'status' },
   },
   },
   {
   {
     title: '排序',
     title: '排序',