'sqy_告警联系人'

@@ -6,7 +6,7 @@ VITE_PUBLIC_PATH = /
 
 
 # Cross-domain proxy, you can configure multiple
 # Cross-domain proxy, you can configure multiple
 # Please note that no line breaks
 # Please note that no line breaks
-VITE_PROXY = [["/api","http://localhost:8082/api"],["/upload","http://localhost:3300/upload"]]
+VITE_PROXY = [["/api","http://192.168.10.123:8082/api"],["/upload","http://192.168.10.125:3300/upload"]]
 # VITE_PROXY=[["/api","https://vvbin.cn/test"]]
 # VITE_PROXY=[["/api","https://vvbin.cn/test"]]
 
 
 # Delete console
 # Delete console

+{
+  "i18n-ally.localesPaths": ["src/locales", "src/locales/lang", "public/resource/tinymce/langs"]
+}

+import { BasicPageParams, BasicFetchResult } from '/@/api/model/baseModel';
+/**
+ * @description: Request list interface parameters
+ */
+export type MessageConfigParams = BasicPageParams & MessageParams;
+
+export type MessageParams = {
+  status?: number;
+  messageType?: string;
+};
+
+export interface MessageConfig {
+  id: string;
+  configName: string;
+  messageType: string;
+  platformType: string;
+  config: ConfigParams;
+  createTime: string;
+  updateTime: string;
+  status: number;
+}
+export interface ConfigParams {
+  host: string;
+  port: number;
+  username: string;
+  password: string;
+  accessKeyId: string;
+  accessKeySecret: string;
+}
+
+/**
+ * @description: Request list return value
+ */
+export type MessageConfigResultModel = BasicFetchResult<MessageConfig>;
+
+export type MessageConfigResult = MessageConfig;

+import { defHttp } from '/@/utils/http/axios';
+import type { BasicPageParams } from '/@/api/model/baseModel';
+import type { ContactModal, ContactParams } from './modal/alarmContactModel';
+import { getPageData } from '../../base';
+enum Api {
+  alarmContact = '/alarmContact',
+  updateAlarmContact = '/alarmContact/update',
+}
+
+// 获取
+export const getAlarmContact = (params: BasicPageParams) => {
+  return getPageData<ContactModal>(params, Api.alarmContact);
+};
+
+// 新增
+export const addAlarmContact = (params: ContactParams) => {
+  return defHttp.post({
+    url: Api.alarmContact,
+    data: {
+      params,
+    },
+  });
+};
+
+// 更新
+export const updateAlarmContact = (params: ContactParams) => {
+  return defHttp.post({
+    url: Api.updateAlarmContact,
+    data: {
+      params,
+    },
+  });
+};
+
+// 删除
+export const deleteAlarmContact = (ids: string[]) => {
+  return defHttp.delete({
+    url: Api.alarmContact,
+    data: ids,
+  });
+};

+interface ContactItemsModal {
+  id: string;
+  createTime: string;
+  enabled: boolean;
+  username: string;
+  department: string;
+  phone: string;
+}
+
+export interface ContactModal {
+  items: ContactItemsModal[];
+  total: number;
+}
+
+export interface ContactParams {
+  phone: string;
+  username: string;
+  department?: string;
+  email?: string;
+  enabled?: boolean;
+  wechat?: string;
+  addPeople?: string;
+  remark?: string;
+}

-import {defHttp} from '/@/utils/http/axios';
+import { defHttp } from '/@/utils/http/axios';
 
 
 export interface PageData<T> {
 export interface PageData<T> {
   total: number;
   total: number;
@@ -14,7 +14,7 @@ export interface BaseQueryParams {
   pageSize: number;
   pageSize: number;
   page: number;
   page: number;
   orderFiled?: string;
   orderFiled?: string;
-  orderType?: OrderType
+  orderType?: OrderType;
 }
 }
 
 
 export class BaseQueryRequest implements BaseQueryParams {
 export class BaseQueryRequest implements BaseQueryParams {
@@ -23,7 +23,7 @@ export class BaseQueryRequest implements BaseQueryParams {
   page: number;
   page: number;
   pageSize: number;
   pageSize: number;
 
 
-  constructor(page: number = 1, pageSize: number = 10) {
+  constructor(page = 1, pageSize = 10) {
     this.page = page;
     this.page = page;
     this.pageSize = pageSize;
     this.pageSize = pageSize;
   }
   }
@@ -41,16 +41,13 @@ export class BaseQueryRequest implements BaseQueryParams {
   }
   }
 
 
   setPageSize(pageSize: number) {
   setPageSize(pageSize: number) {
-    this.pageSize = pageSize
+    this.pageSize = pageSize;
   }
   }
-
 }
 }
 
 
 export function getPageData<T>(params: BaseQueryParams, url: string): Promise<PageData<T>> {
 export function getPageData<T>(params: BaseQueryParams, url: string): Promise<PageData<T>> {
-  return defHttp.get<PageData<T>>(
-    {
-      params: params,
-      url: url
-    }
-  );
+  return defHttp.get<PageData<T>>({
+    params: params,
+    url: url,
+  });
 }
 }

-import {defHttp} from "/@/utils/http/axios";
+import { defHttp } from '/@/utils/http/axios';
 import {
 import {
   DeviceModel,
   DeviceModel,
   DeviceProfileModel,
   DeviceProfileModel,
   DeviceProfileQueryParam,
   DeviceProfileQueryParam,
-  DeviceQueryParam
-} from "/@/api/device/model/deviceModel";
+  DeviceQueryParam,
+} from '/@/api/device/model/deviceModel';
 
 
 enum DeviceManagerApi {
 enum DeviceManagerApi {
   /**
   /**
    * 设备URL
    * 设备URL
    */
    */
-  DEVICE_URL = "/device",
+  DEVICE_URL = '/device',
   /**
   /**
    * 设备配置URL
    * 设备配置URL
    */
    */
-  DEVICE_PROFILE_URL = "/deviceProfile"
+  DEVICE_PROFILE_URL = '/deviceProfile',
 }
 }
 
 
-export const devicePage = (params: DeviceQueryParam) =>{
+export const devicePage = (params: DeviceQueryParam) => {
   return defHttp.get<DeviceModel>({
   return defHttp.get<DeviceModel>({
     url: DeviceManagerApi.DEVICE_URL,
     url: DeviceManagerApi.DEVICE_URL,
-    params
+    params,
   });
   });
-}
+};
 
 
 /**
 /**
  * 分页查询设备配置页面
  * 分页查询设备配置页面
@@ -31,9 +31,9 @@ export const devicePage = (params: DeviceQueryParam) =>{
 export const deviceProfilePage = (params: DeviceProfileQueryParam) => {
 export const deviceProfilePage = (params: DeviceProfileQueryParam) => {
   return defHttp.get<DeviceProfileModel>({
   return defHttp.get<DeviceProfileModel>({
     url: DeviceManagerApi.DEVICE_PROFILE_URL,
     url: DeviceManagerApi.DEVICE_PROFILE_URL,
-    params
+    params,
   });
   });
-}
+};
 /**
 /**
  * 删除设备配置
  * 删除设备配置
  * @param ids 删除的ids
  * @param ids 删除的ids
@@ -41,11 +41,11 @@ export const deviceProfilePage = (params: DeviceProfileQueryParam) => {
 export const deleteDeviceProfile = (ids: string[]) => {
 export const deleteDeviceProfile = (ids: string[]) => {
   return defHttp.delete({
   return defHttp.delete({
     url: DeviceManagerApi.DEVICE_PROFILE_URL,
     url: DeviceManagerApi.DEVICE_PROFILE_URL,
-    data:{
-      ids:ids
-    }
-  })
-}
+    data: {
+      ids: ids,
+    },
+  });
+};
 
 
 /**
 /**
  * 删除设备
  * 删除设备
@@ -54,8 +54,8 @@ export const deleteDeviceProfile = (ids: string[]) => {
 export const deleteDevice = (ids: string[]) => {
 export const deleteDevice = (ids: string[]) => {
   return defHttp.delete({
   return defHttp.delete({
     url: DeviceManagerApi.DEVICE_URL,
     url: DeviceManagerApi.DEVICE_URL,
-    data:{
-      ids:ids
-    }
-  })
-}
+    data: {
+      ids: ids,
+    },
+  });
+};

-import {BasicPageParams} from "/@/api/model/baseModel";
+import { BasicPageParams } from '/@/api/model/baseModel';
 export enum DeviceState {
 export enum DeviceState {
-  INACTIVE='INACTIVE',
-  ONLINE='ONLINE',
-  OFFLINE='OFFLINE'
+  INACTIVE = 'INACTIVE',
+  ONLINE = 'ONLINE',
+  OFFLINE = 'OFFLINE',
 }
 }
-export enum DeviceTypeEnum{
-  GATEWAY='GATEWAY',
-  DIRECT_CONNECTION='DIRECT_CONNECTION',
-  SENSOR='SENSOR'
+export enum DeviceTypeEnum {
+  GATEWAY = 'GATEWAY',
+  DIRECT_CONNECTION = 'DIRECT_CONNECTION',
+  SENSOR = 'SENSOR',
 }
 }
-export type DeviceProfileQueryParam = BasicPageParams & DeviceProfileParam
-export type DeviceQueryParam = BasicPageParams & DeviceParam
+export type DeviceProfileQueryParam = BasicPageParams & DeviceProfileParam;
+export type DeviceQueryParam = BasicPageParams & DeviceParam;
 export type DeviceParam = {
 export type DeviceParam = {
-  name?:string,
-  deviceProfileId?:string
-}
+  name?: string;
+  deviceProfileId?: string;
+};
 export type DeviceProfileParam = {
 export type DeviceProfileParam = {
-  name?: string
-}
+  name?: string;
+};
 
 
-export interface DeviceModel{
-  id:string,
-  name:string,
-  deviceInfo:any,
-  activeTime:string,
-  deviceState:DeviceState,
-  profileId:string,
-  label:string,
-  lastConnectTime:string,
-  deviceType:DeviceTypeEnum
+export interface DeviceModel {
+  id: string;
+  name: string;
+  deviceInfo: any;
+  activeTime: string;
+  deviceState: DeviceState;
+  profileId: string;
+  label: string;
+  lastConnectTime: string;
+  deviceType: DeviceTypeEnum;
 }
 }
 
 
-export interface DeviceProfileModel{
-  id:string,
-  name:string,
-  transportType:string,
-  createTime:string,
-  description:string
+export interface DeviceProfileModel {
+  id: string;
+  name: string;
+  transportType: string;
+  createTime: string;
+  description: string;
 }
 }

 import { defHttp } from '/@/utils/http/axios';
 import { defHttp } from '/@/utils/http/axios';
 import {
 import {
   MessageConfig,
   MessageConfig,
-  MessageConfigParams, MessageConfigResult,
+  MessageConfigParams,
+  MessageConfigResult,
   MessageConfigResultModel,
   MessageConfigResultModel,
-  MessageParams
+  MessageParams,
 } from './model/configModel';
 } from './model/configModel';
 
 
-
 enum MessageConfigApi {
 enum MessageConfigApi {
   CONFIG_URL = '/message',
   CONFIG_URL = '/message',
 }
 }
@@ -14,13 +14,13 @@ enum MessageConfigApi {
 /**
 /**
  * 获取当前租户下的所有配置
  * 获取当前租户下的所有配置
  */
  */
-export const findMessageConfig=(params: MessageParams)=>{
-  console.log(params,"params")
+export const findMessageConfig = (params: MessageParams) => {
+  console.log(params, 'params');
   return defHttp.post<MessageConfigResult>({
   return defHttp.post<MessageConfigResult>({
-    url: MessageConfigApi.CONFIG_URL + "/find",
+    url: MessageConfigApi.CONFIG_URL + '/find',
     params,
     params,
-  })
-}
+  });
+};
 
 
 /**
 /**
  * @description: 获取MessageConfig分页数据
  * @description: 获取MessageConfig分页数据
@@ -41,14 +41,14 @@ export const saveOrEditMessageConfig = (params: MessageConfig, isUpdate: boolean
     return defHttp.put<MessageConfigResultModel>({
     return defHttp.put<MessageConfigResultModel>({
       url: MessageConfigApi.CONFIG_URL,
       url: MessageConfigApi.CONFIG_URL,
       params,
       params,
-    })
+    });
   } else {
   } else {
     return defHttp.post<MessageConfigResultModel>({
     return defHttp.post<MessageConfigResultModel>({
       url: MessageConfigApi.CONFIG_URL,
       url: MessageConfigApi.CONFIG_URL,
       params,
       params,
-    })
+    });
   }
   }
-}
+};
 
 
 /**
 /**
  * 更新配置状态
  * 更新配置状态
@@ -56,15 +56,15 @@ export const saveOrEditMessageConfig = (params: MessageConfig, isUpdate: boolean
  * @param messageType 消息类型
  * @param messageType 消息类型
  * @param status 状态
  * @param status 状态
  */
  */
-export const setMessageConfigStatus=(id:string,messageType:string,status:number) =>
+export const setMessageConfigStatus = (id: string, messageType: string, status: number) =>
   defHttp.put<MessageConfigResultModel>({
   defHttp.put<MessageConfigResultModel>({
     url: MessageConfigApi.CONFIG_URL,
     url: MessageConfigApi.CONFIG_URL,
-    data:{
-      "id":id,
-      "messageType":messageType,
-      "status":status,
+    data: {
+      id: id,
+      messageType: messageType,
+      status: status,
     },
     },
-  })
+  });
 /**
 /**
  * 删除MessageConfig
  * 删除MessageConfig
  * @param ids 删除id数组
  * @param ids 删除id数组
@@ -73,6 +73,6 @@ export const deleteMessageConfig = (ids: string[]) =>
   defHttp.delete({
   defHttp.delete({
     url: MessageConfigApi.CONFIG_URL,
     url: MessageConfigApi.CONFIG_URL,
     data: {
     data: {
-      ids: ids
+      ids: ids,
     },
     },
-  })
+  });

-import {
-  BasicPageParams,
-  BasicFetchResult
-} from '/@/api/model/baseModel';
+import { BasicPageParams, BasicFetchResult } from '/@/api/model/baseModel';
 /**
 /**
  * @description: Request list interface parameters
  * @description: Request list interface parameters
  */
  */
 export type MessageConfigParams = BasicPageParams & MessageParams;
 export type MessageConfigParams = BasicPageParams & MessageParams;
 
 
 export type MessageParams = {
 export type MessageParams = {
-  status?:number;
-  messageType?:string;
-}
+  status?: number;
+  messageType?: string;
+};
 
 
 export interface MessageConfig {
 export interface MessageConfig {
   id: string;
   id: string;
-  configName:string;
+  configName: string;
   messageType: string;
   messageType: string;
   platformType: string;
   platformType: string;
   config: ConfigParams;
   config: ConfigParams;
@@ -22,13 +19,13 @@ export interface MessageConfig {
   updateTime: string;
   updateTime: string;
   status: number;
   status: number;
 }
 }
-export interface ConfigParams{
-  host:string;
-  port:number;
-  username:string;
-  password:string;
-  accessKeyId:string;
-  accessKeySecret:string;
+export interface ConfigParams {
+  host: string;
+  port: number;
+  username: string;
+  password: string;
+  accessKeyId: string;
+  accessKeySecret: string;
 }
 }
 
 
 /**
 /**

-import {BasicFetchResult, BasicPageParams} from "/@/api/model/baseModel";
+import { BasicFetchResult, BasicPageParams } from '/@/api/model/baseModel';
 
 
 export type MessageRecordsParams = BasicPageParams;
 export type MessageRecordsParams = BasicPageParams;
 
 
-export interface SmsLogModel{
-  id?:string
+export interface SmsLogModel {
+  id?: string;
 }
 }
-export interface MailLogModel{
-  id?:string;
-  subject?:string;
-  to?:string;
-  cc?:string;
-  bcc?:string;
-  status?:number;
+export interface MailLogModel {
+  id?: string;
+  subject?: string;
+  to?: string;
+  cc?: string;
+  bcc?: string;
+  status?: number;
 }
 }
-export type SmsLogModelResult= BasicFetchResult<SmsLogModel>;
-export type MailLogModelResult= BasicFetchResult<MailLogModel>;
+export type SmsLogModelResult = BasicFetchResult<SmsLogModel>;
+export type MailLogModelResult = BasicFetchResult<MailLogModel>;

-import {
-  BasicPageParams,
-  BasicFetchResult, BasicParams
-} from '/@/api/model/baseModel';
+import { BasicPageParams, BasicFetchResult, BasicParams } from '/@/api/model/baseModel';
 
 
 /**
 /**
  * @description: Request list interface parameters
  * @description: Request list interface parameters
@@ -15,23 +12,23 @@ export interface MessageTemplate {
 }
 }
 
 
 export type SmsParams = {
 export type SmsParams = {
-  id?:string;
-  phoneNumbers?:string;
-  params?:string;
-  remark?:string;
-  templatePurpose?:string;
-}
+  id?: string;
+  phoneNumbers?: string;
+  params?: string;
+  remark?: string;
+  templatePurpose?: string;
+};
 export type EmailParams = {
 export type EmailParams = {
-  id?:string;
-  to?:string[];
-  cc?:string[];
-  bcc?:string[];
-  subject?:string;
-  emailFormatEnum?:string;
-  templatePurpose?:string;
-}
+  id?: string;
+  to?: string[];
+  cc?: string[];
+  bcc?: string[];
+  subject?: string;
+  emailFormatEnum?: string;
+  templatePurpose?: string;
+};
 export interface MessageResult {
 export interface MessageResult {
-  result:boolean
+  result: boolean;
 }
 }
 
 
 /**
 /**

@@ -3,10 +3,10 @@ export interface BasicPageParams {
   pageSize: number;
   pageSize: number;
 }
 }
 
 
-export interface BasicParams<T extends any>{
-  code:number;
-  message:string;
-  data:T;
+export interface BasicParams<T extends any> {
+  code: number;
+  message: string;
+  data: T;
 }
 }
 
 
 export interface BasicFetchResult<T extends any> {
 export interface BasicFetchResult<T extends any> {

-import {defHttp} from '/@/utils/http/axios';
+import { defHttp } from '/@/utils/http/axios';
 import {
 import {
   SysDictItem,
   SysDictItem,
   SysDict,
   SysDict,
   SysDictParams,
   SysDictParams,
   SysDictItemParams,
   SysDictItemParams,
   SysDictResultModel,
   SysDictResultModel,
-  SysDictItemResultModel, SysDictItemResult, DictCodeParams
+  SysDictItemResultModel,
+  SysDictItemResult,
+  DictCodeParams,
 } from './model/dictModel';
 } from './model/dictModel';
 
 
-
 enum SysDictApi {
 enum SysDictApi {
   CONFIG_URL = '/dict',
   CONFIG_URL = '/dict',
-  CONFIG_ITEM_URL = '/dictItem'
+  CONFIG_ITEM_URL = '/dictItem',
 }
 }
 
 
 /**
 /**
  * 查找字典值
  * 查找字典值
  * @param code
  * @param code
  */
  */
-export const findDictItemByCode=(params? : DictCodeParams)=>
-{
+export const findDictItemByCode = (params?: DictCodeParams) => {
   return defHttp.post<SysDictItemResult>({
   return defHttp.post<SysDictItemResult>({
-    url: SysDictApi.CONFIG_ITEM_URL + "/find",
+    url: SysDictApi.CONFIG_ITEM_URL + '/find',
     params,
     params,
-  })
+  });
 };
 };
 
 
 /**
 /**
@@ -56,14 +56,14 @@ export const saveOrEditDictItem = (params: SysDictItem, isUpdate: boolean) => {
     return defHttp.put<SysDictItemResultModel>({
     return defHttp.put<SysDictItemResultModel>({
       url: SysDictApi.CONFIG_ITEM_URL,
       url: SysDictApi.CONFIG_ITEM_URL,
       params,
       params,
-    })
+    });
   } else {
   } else {
     return defHttp.post<SysDictItemResultModel>({
     return defHttp.post<SysDictItemResultModel>({
       url: SysDictApi.CONFIG_ITEM_URL,
       url: SysDictApi.CONFIG_ITEM_URL,
       params,
       params,
-    })
+    });
   }
   }
-}
+};
 
 
 /**
 /**
  * 修改DictItem的状态
  * 修改DictItem的状态
@@ -74,11 +74,11 @@ export const setDictItemStatus = (id: string, status: number) => {
   return defHttp.put<SysDictItemResultModel>({
   return defHttp.put<SysDictItemResultModel>({
     url: SysDictApi.CONFIG_ITEM_URL,
     url: SysDictApi.CONFIG_ITEM_URL,
     data: {
     data: {
-      "id": id,
-      "status": status
+      id: id,
+      status: status,
     },
     },
-  })
-}
+  });
+};
 
 
 /**
 /**
  * 保存或更新字典表
  * 保存或更新字典表
@@ -90,29 +90,32 @@ export const saveOrEditDict = (params: SysDict, isUpdate: boolean) => {
     return defHttp.put<SysDictResultModel>({
     return defHttp.put<SysDictResultModel>({
       url: SysDictApi.CONFIG_URL,
       url: SysDictApi.CONFIG_URL,
       params,
       params,
-    })
+    });
   } else {
   } else {
     return defHttp.post<SysDictResultModel>({
     return defHttp.post<SysDictResultModel>({
       url: SysDictApi.CONFIG_URL,
       url: SysDictApi.CONFIG_URL,
       params,
       params,
-    })
+    });
   }
   }
-}
+};
 
 
 /**
 /**
  * 删除SysDict
  * 删除SysDict
  * @param ids 删除id数组
  * @param ids 删除id数组
  */
  */
 export const deleteDict = (ids: string[]) =>
 export const deleteDict = (ids: string[]) =>
-  defHttp.delete({
-    url: SysDictApi.CONFIG_URL,
-    data: {
-      ids: ids
+  defHttp.delete(
+    {
+      url: SysDictApi.CONFIG_URL,
+      data: {
+        ids: ids,
+      },
     },
     },
-  }, {
-    errorMessageMode: "message",
-    // catchFirst:true
-  })
+    {
+      errorMessageMode: 'message',
+      // catchFirst:true
+    }
+  );
 /**
 /**
  * 删除SysDictItem
  * 删除SysDictItem
  * @param ids 删除id数组
  * @param ids 删除id数组
@@ -121,7 +124,6 @@ export const deleteDictItem = (ids: string[]) =>
   defHttp.delete({
   defHttp.delete({
     url: SysDictApi.CONFIG_ITEM_URL,
     url: SysDictApi.CONFIG_ITEM_URL,
     data: {
     data: {
-      ids: ids
+      ids: ids,
     },
     },
-  })
-
+  });

-import {BasicFetchResult} from "/@/api/model/baseModel";
+import { BasicFetchResult } from '/@/api/model/baseModel';
 
 
 export interface DeptOperationParams {
 export interface DeptOperationParams {
   id: string;
   id: string;
@@ -6,18 +6,16 @@ export interface DeptOperationParams {
   createTime: string;
   createTime: string;
   tenantCode: string;
   tenantCode: string;
   parentId?: string;
   parentId?: string;
-  orderNo:number;
-  status:number;
+  orderNo: number;
+  status: number;
   remark: string;
   remark: string;
 }
 }
 
 
-
 export interface DeptOperationApiResult {
 export interface DeptOperationApiResult {
   message: string;
   message: string;
   code: number;
   code: number;
 }
 }
 
 
-
 export interface DeptListItem {
 export interface DeptListItem {
   id: string;
   id: string;
   deptName: string;
   deptName: string;

-import {
-  BasicPageParams,
-  BasicFetchResult
-} from '/@/api/model/baseModel';
+import { BasicPageParams, BasicFetchResult } from '/@/api/model/baseModel';
 /**
 /**
  * @description: Request list interface parameters
  * @description: Request list interface parameters
  */
  */
 export type SysDictParams = BasicPageParams & DictParams;
 export type SysDictParams = BasicPageParams & DictParams;
-export type SysDictItemParams =  BasicPageParams & DictItemParams;
+export type SysDictItemParams = BasicPageParams & DictItemParams;
 
 
-export type DictCodeParams={
-  dictCode?:string;
-}
+export type DictCodeParams = {
+  dictCode?: string;
+};
 
 
 export type DictParams = {
 export type DictParams = {
-  dictName?:string;
-  dictCode?:string;
-}
+  dictName?: string;
+  dictCode?: string;
+};
 
 
 export interface SysDict {
 export interface SysDict {
   id: string;
   id: string;
@@ -28,17 +25,17 @@ export interface SysDict {
 }
 }
 
 
 export type DictItemParams = {
 export type DictItemParams = {
-  itemText?:string;
-  dictId?:string;
-}
+  itemText?: string;
+  dictId?: string;
+};
 
 
-export interface SysDictItem{
+export interface SysDictItem {
   id: string;
   id: string;
-  itemText:string;
-  itemValue:string;
-  description:string;
-  sort:number;
-  status:number;
+  itemText: string;
+  itemValue: string;
+  description: string;
+  sort: number;
+  status: number;
   createTime: string;
   createTime: string;
   updateTime: string;
   updateTime: string;
 }
 }
@@ -51,4 +48,3 @@ export type SysDictResultModel = BasicFetchResult<SysDict>;
 export type SysDictItemResultModel = BasicFetchResult<SysDictItem>;
 export type SysDictItemResultModel = BasicFetchResult<SysDictItem>;
 
 
 export type SysDictItemResult = SysDictItem;
 export type SysDictItemResult = SysDictItem;
-

-
-export interface GroupItem{
-  id:string;
-  name:string;
-  parentId:string;
-  sort:number;
-  children?:GroupItem[];
+export interface GroupItem {
+  id: string;
+  name: string;
+  parentId: string;
+  sort: number;
+  children?: GroupItem[];
 }
 }
 
 
 export type GroupListResultModel = GroupItem[];
 export type GroupListResultModel = GroupItem[];

-
 export interface MenuOperationApiResult {
 export interface MenuOperationApiResult {
   message: string;
   message: string;
   code: number;
   code: number;
 }
 }
 
 
-
 export interface MenuOperationParams {
 export interface MenuOperationParams {
   path: string;
   path: string;
   component: any;
   component: any;
-  type:string;
-  parentId:string;
+  type: string;
+  parentId: string;
   meta: metaModel;
   meta: metaModel;
   name?: string;
   name?: string;
   alias?: string | string[];
   alias?: string | string[];
@@ -21,8 +19,8 @@ export interface MenuOperationParams {
 export interface metaModel {
 export interface metaModel {
   icon: string;
   icon: string;
   title: string;
   title: string;
-  isLink:boolean;
-  menuType:number;
+  isLink: boolean;
+  menuType: number;
   ignoreKeepAlive?: boolean;
   ignoreKeepAlive?: boolean;
   hideMenu: boolean;
   hideMenu: boolean;
   status: number;
   status: number;

-import {BasicPageParams, BasicFetchResult} from '/@/api/model/baseModel';
+import { BasicPageParams, BasicFetchResult } from '/@/api/model/baseModel';
 
 
 export type AccountParams = BasicPageParams & {
 export type AccountParams = BasicPageParams & {
   account?: string;
   account?: string;
@@ -6,7 +6,7 @@ export type AccountParams = BasicPageParams & {
 };
 };
 
 
 export type RoleParams = {
 export type RoleParams = {
-  roleType?:string;
+  roleType?: string;
   roleName?: string;
   roleName?: string;
   status?: string;
   status?: string;
 };
 };
@@ -30,10 +30,10 @@ export interface AccountListItem {
   email: string;
   email: string;
   realName: string;
   realName: string;
   roles: any;
   roles: any;
-  groupIds:any;
+  groupIds: any;
   createTime: string;
   createTime: string;
   deptId: string;
   deptId: string;
-  accountExpireTime?:string;
+  accountExpireTime?: string;
 }
 }
 
 
 export interface DeptListItem {
 export interface DeptListItem {
@@ -70,16 +70,16 @@ export interface RoleReqDTO {
 }
 }
 
 
 export interface ChangeAccountParams {
 export interface ChangeAccountParams {
-  userId?:string;
-  password?:string;
-  resetPassword?:string;
+  userId?: string;
+  password?: string;
+  resetPassword?: string;
 }
 }
 
 
-export class RoleOrGroupParam{
-  userId:string;
-  queryRole:boolean;
-  queryGroup:boolean;
-  constructor(userId:string,queryRole:boolean,queryGroup:boolean){
+export class RoleOrGroupParam {
+  userId: string;
+  queryRole: boolean;
+  queryGroup: boolean;
+  constructor(userId: string, queryRole: boolean, queryGroup: boolean) {
     this.queryRole = queryRole;
     this.queryRole = queryRole;
     this.queryGroup = queryGroup;
     this.queryGroup = queryGroup;
     this.userId = userId;
     this.userId = userId;
@@ -100,4 +100,3 @@ export type RolePageListGetResultModel = BasicFetchResult<RoleListItem>;
 export type RoleListGetResultModel = RoleListItem[];
 export type RoleListGetResultModel = RoleListItem[];
 
 
 export type AccountListModel = AccountListItem;
 export type AccountListModel = AccountListItem;
-

@@ -15,7 +15,7 @@ import {
   RoleOrGroupParam,
   RoleOrGroupParam,
   ChangeAccountParams,
   ChangeAccountParams,
 } from './model/systemModel';
 } from './model/systemModel';
-import {defHttp} from '/@/utils/http/axios';
+import { defHttp } from '/@/utils/http/axios';
 
 
 enum Api {
 enum Api {
   AccountList = '/user/page',
   AccountList = '/user/page',
@@ -27,41 +27,41 @@ enum Api {
   SaveOrUpdateRoleInfoWithMenu = '/role/saveOrUpdateRoleInfoWithMenu',
   SaveOrUpdateRoleInfoWithMenu = '/role/saveOrUpdateRoleInfoWithMenu',
   DeleteRole = '/role',
   DeleteRole = '/role',
   GetAllRoleList = '/role/find/list',
   GetAllRoleList = '/role/find/list',
-  BaseUserUrl = '/user'
+  BaseUserUrl = '/user',
 }
 }
 
 
-export const getAccountInfo=(userId:string)=>
-  defHttp.get<AccountListModel>({url: Api.BaseUserUrl+"/"+userId})
+export const getAccountInfo = (userId: string) =>
+  defHttp.get<AccountListModel>({ url: Api.BaseUserUrl + '/' + userId });
 
 
 export const getAccountList = (params: AccountParams) =>
 export const getAccountList = (params: AccountParams) =>
-  defHttp.get<AccountListGetResultModel>({url: Api.AccountList, params});
+  defHttp.get<AccountListGetResultModel>({ url: Api.AccountList, params });
 
 
 export const getDeptList = (params?: DeptListItem) =>
 export const getDeptList = (params?: DeptListItem) =>
-  defHttp.get<DeptListGetResultModel>({url: Api.DeptList, params});
+  defHttp.get<DeptListGetResultModel>({ url: Api.DeptList, params });
 
 
 export const getMenuList = (params?: MenuParams) =>
 export const getMenuList = (params?: MenuParams) =>
-  defHttp.get<MenuListGetResultModel>({url: Api.MenuList, params});
+  defHttp.get<MenuListGetResultModel>({ url: Api.MenuList, params });
 
 
 export const getRoleListByPage = (params?: RolePageParams) =>
 export const getRoleListByPage = (params?: RolePageParams) =>
-  defHttp.get<RolePageListGetResultModel>({url: Api.RolePageList, params});
-export const getTenantRoleListByPage= (params?: RolePageParams) =>
-  defHttp.get<RolePageListGetResultModel>({url: Api.RolePageList, params});
+  defHttp.get<RolePageListGetResultModel>({ url: Api.RolePageList, params });
+export const getTenantRoleListByPage = (params?: RolePageParams) =>
+  defHttp.get<RolePageListGetResultModel>({ url: Api.RolePageList, params });
 
 
 export const getAllRoleList = (params?: RoleParams) =>
 export const getAllRoleList = (params?: RoleParams) =>
-  defHttp.post<RoleListGetResultModel>({url: Api.GetAllRoleList, params});
+  defHttp.post<RoleListGetResultModel>({ url: Api.GetAllRoleList, params });
 
 
 export const setRoleStatus = (id: number, status: number) =>
 export const setRoleStatus = (id: number, status: number) =>
-  defHttp.put({url: Api.setRoleStatus + id + "/" + status});
+  defHttp.put({ url: Api.setRoleStatus + id + '/' + status });
 export const saveOrUpdateRoleInfoWithMenu = async (roleRequestDto: RoleReqDTO) => {
 export const saveOrUpdateRoleInfoWithMenu = async (roleRequestDto: RoleReqDTO) => {
-  await defHttp.post({url: Api.SaveOrUpdateRoleInfoWithMenu, params: roleRequestDto});
-}
+  await defHttp.post({ url: Api.SaveOrUpdateRoleInfoWithMenu, params: roleRequestDto });
+};
 
 
 export const isAccountExist = (account: string) =>
 export const isAccountExist = (account: string) =>
-  defHttp.get({url: Api.IsAccountExist + account}, {errorMessageMode: 'none'});
+  defHttp.get({ url: Api.IsAccountExist + account }, { errorMessageMode: 'none' });
 
 
 export const delRole = async (roleIds: string[]) => {
 export const delRole = async (roleIds: string[]) => {
-  await defHttp.delete({url: Api.DeleteRole, params: roleIds});
-}
+  await defHttp.delete({ url: Api.DeleteRole, params: roleIds });
+};
 
 
 /**
 /**
  * 更新或添加用户信息
  * 更新或添加用户信息
@@ -69,19 +69,19 @@ export const delRole = async (roleIds: string[]) => {
  * @param isUpdate
  * @param isUpdate
  * @constructor
  * @constructor
  */
  */
-export const SaveOrUpdateUserInfo = (params: AccountListItem, isUpdate: boolean)=>{
+export const SaveOrUpdateUserInfo = (params: AccountListItem, isUpdate: boolean) => {
   if (isUpdate) {
   if (isUpdate) {
     return defHttp.put<AccountListModel>({
     return defHttp.put<AccountListModel>({
       url: Api.BaseUserUrl,
       url: Api.BaseUserUrl,
       params,
       params,
-    })
+    });
   } else {
   } else {
     return defHttp.post<AccountListModel>({
     return defHttp.post<AccountListModel>({
       url: Api.BaseUserUrl,
       url: Api.BaseUserUrl,
       params,
       params,
-    })
+    });
   }
   }
-}
+};
 /**
 /**
  * 删除User
  * 删除User
  * @param ids 删除id数组
  * @param ids 删除id数组
@@ -90,26 +90,26 @@ export const deleteUser = (ids: string[]) =>
   defHttp.delete({
   defHttp.delete({
     url: Api.BaseUserUrl,
     url: Api.BaseUserUrl,
     data: {
     data: {
-      ids: ids
+      ids: ids,
     },
     },
-  })
+  });
 
 
 /**
 /**
  * 查询当前用户的关系
  * 查询当前用户的关系
  * @param params
  * @param params
  */
  */
-export const findCurrentUserRelation=(params:RoleOrGroupParam)=>
+export const findCurrentUserRelation = (params: RoleOrGroupParam) =>
   defHttp.post<Array<string>>({
   defHttp.post<Array<string>>({
-    url: Api.BaseUserUrl+"/relation",
-    params:params
+    url: Api.BaseUserUrl + '/relation',
+    params: params,
   });
   });
 
 
 /**
 /**
  * 修改密码
  * 修改密码
  * @param params
  * @param params
  */
  */
-export const resetPassword=(params:ChangeAccountParams)=>
+export const resetPassword = (params: ChangeAccountParams) =>
   defHttp.post({
   defHttp.post({
-    url: Api.BaseUserUrl + "/reset",
-    params:params
+    url: Api.BaseUserUrl + '/reset',
+    params: params,
   });
   });

-import {getPageData} from '../base';
+import { getPageData } from '../base';
 import {
 import {
   SendResetPasswordEmailMsg,
   SendResetPasswordEmailMsg,
   TenantAdminPageRequestParams,
   TenantAdminPageRequestParams,
   TenantDTO,
   TenantDTO,
   TenantPageRequestParams,
   TenantPageRequestParams,
-  TenantRequestDTO, UserDTO
+  TenantRequestDTO,
+  UserDTO,
 } from './tenantInfo';
 } from './tenantInfo';
-import {defHttp} from "/@/utils/http/axios";
+import { defHttp } from '/@/utils/http/axios';
 
 
 enum Api {
 enum Api {
   userPage = '/user/page',
   userPage = '/user/page',
   tenantPage = '/admin/tenant/page',
   tenantPage = '/admin/tenant/page',
   saveTenantAdmin = '/user/saveTenantAdmin',
   saveTenantAdmin = '/user/saveTenantAdmin',
-  updateOrCreateTenant = "/admin/tenant/updateOrCreateTenant",
-  deleteTenant = "/admin/tenant",
-  resetTenantAdminPassword = "/tenant/resetPassword/",
-  sendMessageOrEmail = "/tenant/sendRestPasswordMsg",
+  updateOrCreateTenant = '/admin/tenant/updateOrCreateTenant',
+  deleteTenant = '/admin/tenant',
+  resetTenantAdminPassword = '/tenant/resetPassword/',
+  sendMessageOrEmail = '/tenant/sendRestPasswordMsg',
   deleteTenantAdmin = '/admin/user/deleteTenantAdmin',
   deleteTenantAdmin = '/admin/user/deleteTenantAdmin',
-  getTenantRoles="/admin/tenant/roles/",
+  getTenantRoles = '/admin/tenant/roles/',
 }
 }
 
 
 export function getTenantPage(params: TenantPageRequestParams) {
 export function getTenantPage(params: TenantPageRequestParams) {
@@ -29,63 +30,49 @@ export function getTenantAdminPage(params: TenantAdminPageRequestParams) {
 }
 }
 
 
 export async function saveTenantAdmin(params: UserDTO) {
 export async function saveTenantAdmin(params: UserDTO) {
-  await defHttp.post(
-    {
-      params: params,
-      url: Api.saveTenantAdmin
-    }
-  );
+  await defHttp.post({
+    params: params,
+    url: Api.saveTenantAdmin,
+  });
 }
 }
 
 
 export async function updateOrCreateTenant(params: TenantRequestDTO) {
 export async function updateOrCreateTenant(params: TenantRequestDTO) {
-  await defHttp.post(
-    {
-      params: params,
-      url: Api.updateOrCreateTenant
-    }
-  );
+  await defHttp.post({
+    params: params,
+    url: Api.updateOrCreateTenant,
+  });
 }
 }
 
 
 export async function deleteTenant(tenantIds: Array<string>) {
 export async function deleteTenant(tenantIds: Array<string>) {
-  await defHttp.delete(
-    {
-      data: tenantIds,
-      url: Api.deleteTenant
-    }
-  );
+  await defHttp.delete({
+    data: tenantIds,
+    url: Api.deleteTenant,
+  });
 }
 }
 
 
 export async function deleteTenantAdmin(adminIds: Array<string>) {
 export async function deleteTenantAdmin(adminIds: Array<string>) {
-  await defHttp.delete(
-    {
-      data: adminIds,
-      url: Api.deleteTenantAdmin
-    }
-  );
+  await defHttp.delete({
+    data: adminIds,
+    url: Api.deleteTenantAdmin,
+  });
 }
 }
 
 
 export async function resetPassword(params: string) {
 export async function resetPassword(params: string) {
-  await defHttp.post(
-    {
-      url: Api.resetTenantAdminPassword + params
-    }
-  );
+  await defHttp.post({
+    url: Api.resetTenantAdminPassword + params,
+  });
 }
 }
 
 
 export async function sendMessageOrEmail(params: SendResetPasswordEmailMsg) {
 export async function sendMessageOrEmail(params: SendResetPasswordEmailMsg) {
-  await defHttp.post(
-    {
-      params: params,
-      url: Api.sendMessageOrEmail
-    }
-  );
+  await defHttp.post({
+    params: params,
+    url: Api.sendMessageOrEmail,
+  });
 }
 }
 
 
-export function getTenantRoles(tenantCode:string){
-  return defHttp.get(
-    {
-      params:tenantCode,
-      url:Api.getTenantRoles
-    }
-  );
+export function getTenantRoles(tenantCode: string) {
+  return defHttp.get({
+    params: tenantCode,
+    url: Api.getTenantRoles,
+  });
 }
 }

-import {BaseQueryParams, BaseQueryRequest} from "../base";
+import { BaseQueryParams, BaseQueryRequest } from '../base';
 
 
 export enum TenantStatusEnum {
 export enum TenantStatusEnum {
   NORMAL = 'NORMAL',
   NORMAL = 'NORMAL',
@@ -54,13 +54,13 @@ export interface UserDTO {
   accountExpireTime: string;
   accountExpireTime: string;
   createTime: string;
   createTime: string;
   updateTime: string;
   updateTime: string;
-  userStatusEnum: UserStatusEnum
+  userStatusEnum: UserStatusEnum;
   hasPassword?: boolean;
   hasPassword?: boolean;
 }
 }
 
 
 export enum MessageTypeEnum {
 export enum MessageTypeEnum {
   EMAIL_MESSAGE = 'EMAIL_MESSAGE',
   EMAIL_MESSAGE = 'EMAIL_MESSAGE',
-  PHONE_MESSAGE = 'PHONE_MESSAGE'
+  PHONE_MESSAGE = 'PHONE_MESSAGE',
 }
 }
 
 
 export class SendResetPasswordEmailMsg {
 export class SendResetPasswordEmailMsg {
@@ -71,13 +71,12 @@ export class SendResetPasswordEmailMsg {
     this.userId = userId;
     this.userId = userId;
     this.messageTypeEnum = msgType;
     this.messageTypeEnum = msgType;
   }
   }
-
 }
 }
 
 
 export class TenantPageRequest extends BaseQueryRequest {
 export class TenantPageRequest extends BaseQueryRequest {
   tenantName: string | undefined;
   tenantName: string | undefined;
 
 
-  constructor(page: number = 1, pageSize: number = 10, tenantName?: string) {
+  constructor(page = 1, pageSize = 10, tenantName?: string) {
     super(page, pageSize);
     super(page, pageSize);
     this.tenantName = tenantName;
     this.tenantName = tenantName;
   }
   }

@@ -5,7 +5,7 @@
 <template>
 <template>
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
     <img src="../../../assets/images/logo.png" />
     <img src="../../../assets/images/logo.png" />
-    <div class="ml-2  md:opacity-100" :class="getTitleClass" v-show="showTitle">
+    <div class="ml-2 md:opacity-100" :class="getTitleClass" v-show="showTitle">
       {{ title }}
       {{ title }}
     </div>
     </div>
   </div>
   </div>

@@ -75,7 +75,7 @@ export function useDrawer(): UseDrawerReturnType {
 
 
     openDrawer: <T = any>(visible = true, data?: T, openOnSet = true): void => {
     openDrawer: <T = any>(visible = true, data?: T, openOnSet = true): void => {
       getInstance()?.setDrawerProps({
       getInstance()?.setDrawerProps({
-        visible: visible,
+        visible,
       });
       });
       if (!data) return;
       if (!data) return;
 
 

-<template><BasicModal
-  width="800px"
-  :title="t('component.upload.upload')"
-  :okText="t('component.upload.save')"
-  v-bind="$attrs"
-  @register="register"
-  @ok="handleOk"
-  :closeFunc="handleCloseFunc"
-  :maskClosable="false"
-  :keyboard="false"
-  wrapClassName="upload-modal"
-  :okButtonProps="getOkButtonProps"
-  :cancelButtonProps="{ disabled: isUploadingRef }"
->
-
+<template
+  ><BasicModal
+    width="800px"
+    :title="t('component.upload.upload')"
+    :okText="t('component.upload.save')"
+    v-bind="$attrs"
+    @register="register"
+    @ok="handleOk"
+    :closeFunc="handleCloseFunc"
+    :maskClosable="false"
+    :keyboard="false"
+    wrapClassName="upload-modal"
+    :okButtonProps="getOkButtonProps"
+    :cancelButtonProps="{ disabled: isUploadingRef }"
+  >
     <template #centerFooter>
     <template #centerFooter>
       <a-button
       <a-button
         @click="handleStartUpload"
         @click="handleStartUpload"

 export enum MessageEnum {
 export enum MessageEnum {
-  IS_SMS="PHONE_MESSAGE",
-  IS_EMAIL="EMAIL_MESSAGE",
+  IS_SMS = 'PHONE_MESSAGE',
+  IS_EMAIL = 'EMAIL_MESSAGE',
 }
 }

@@ -10,5 +10,5 @@ export enum PageEnum {
   //消息配置
   //消息配置
   MESSAGE_CONFIG = '/config/message',
   MESSAGE_CONFIG = '/config/message',
   //设备配置
   //设备配置
-  DEVICE_PROFILE = '/deviceManager/deviceProfile'
+  DEVICE_PROFILE = '/deviceManager/deviceProfile',
 }
 }

 export default {
 export default {
-   tenant:{
-       tenant:"租户",
-       tenantManagement:"租户管理",
-       tenantSetting:"租户设置"
-   },
-  dept:{
-    queryDeptName:"部门名称",
-    queryDeptStatus:"状态",
-    toolDeptList:"部门列表",
-    toolCreateDept:"新增部门",
-    toolEditDept:"编辑部门",
-    tableTitleDeptSort:"排序",
-    tableTitleDeptCreateTime:"创建时间",
-    tableTitleDeptOperation:"操作",
-    drawerTitleDeptEnable:"启用",
-    drawerTitleDeptDisable:"停用",
-    drawerTitleDeptParentDept:"上级部门",
-    tableTitleMemo:"备注"
+  tenant: {
+    tenant: '租户',
+    tenantManagement: '租户管理',
+    tenantSetting: '租户设置',
   },
   },
-   system:{
-       system:"系统管理",
-       accountManagement:"账号管理",
-       roleManagement:"角色管理",
-       menuManagement:"菜单管理",
-       deptManagement:"部门管理",
-       modifyPassword:"修改密码",
-       pageSystemTitleCreateMenu:"新增菜单",
-       pageSystemTitleCreateTenant:"新增租户",
-       pageSystemTitleEditMenu:"编辑菜单",
-       pageSystemTitleEditTenant:"编辑租户",
-       pageSystemTitleOperation:"操作",
-       pageSystemTitleWhetherDelete:"是否确认删除",
-       pageSystemTitleMenuList:"菜单列表",
-       menuEditPagesMenuType:"菜单类型",
-       menuEditPagesDirectory:"目录",
-       menuEditPagesMenu:"菜单",
-       menuEditPagesButton:"按钮",
-       menuEditPagesParentMenu:"上级菜单",
-       menuEditPagesRouterAddress:"路由地址",
-       menuEditPagesComponentsPath:"组件路径",
-       menuEditPagesIsExt:"是否外链",
-       menuEditPagesIsKeepAlive:"是否缓存",
-       menuEditPagesIsHide:"是否隐藏",
-       menuEditPagesYes:"是",
-       menuEditPagesNo:"否",
-       tableTitleSystemMenuName:"菜单名称",
-       tableTitleSystemIcon:"图标",
-       tableTitleSystemPermissionTag:"权限标识",
-       tableTitleSystemComponents:"组件",
-       tableTitleSystemSort:"排序",
-       tableTitleSystemStatus:"状态",
-       tableTitleSystemCreateTime:"创建时间",
-       tableTitleSystemEnable:"启用",
-       tableTitleSystemStop:"停用",
-       tableSuccessStatus:"成功",
-       tableFailedStatus:"失败",
-   }
-  };
+  dept: {
+    queryDeptName: '部门名称',
+    queryDeptStatus: '状态',
+    toolDeptList: '部门列表',
+    toolCreateDept: '新增部门',
+    toolEditDept: '编辑部门',
+    tableTitleDeptSort: '排序',
+    tableTitleDeptCreateTime: '创建时间',
+    tableTitleDeptOperation: '操作',
+    drawerTitleDeptEnable: '启用',
+    drawerTitleDeptDisable: '停用',
+    drawerTitleDeptParentDept: '上级部门',
+    tableTitleMemo: '备注',
+  },
+  system: {
+    system: '系统管理',
+    accountManagement: '账号管理',
+    roleManagement: '角色管理',
+    menuManagement: '菜单管理',
+    deptManagement: '部门管理',
+    modifyPassword: '修改密码',
+    pageSystemTitleCreateMenu: '新增菜单',
+    pageSystemTitleCreateTenant: '新增租户',
+    pageSystemTitleEditMenu: '编辑菜单',
+    pageSystemTitleEditTenant: '编辑租户',
+    pageSystemTitleOperation: '操作',
+    pageSystemTitleWhetherDelete: '是否确认删除',
+    pageSystemTitleMenuList: '菜单列表',
+    menuEditPagesMenuType: '菜单类型',
+    menuEditPagesDirectory: '目录',
+    menuEditPagesMenu: '菜单',
+    menuEditPagesButton: '按钮',
+    menuEditPagesParentMenu: '上级菜单',
+    menuEditPagesRouterAddress: '路由地址',
+    menuEditPagesComponentsPath: '组件路径',
+    menuEditPagesIsExt: '是否外链',
+    menuEditPagesIsKeepAlive: '是否缓存',
+    menuEditPagesIsHide: '是否隐藏',
+    menuEditPagesYes: '是',
+    menuEditPagesNo: '否',
+    tableTitleSystemMenuName: '菜单名称',
+    tableTitleSystemIcon: '图标',
+    tableTitleSystemPermissionTag: '权限标识',
+    tableTitleSystemComponents: '组件',
+    tableTitleSystemSort: '排序',
+    tableTitleSystemStatus: '状态',
+    tableTitleSystemCreateTime: '创建时间',
+    tableTitleSystemEnable: '启用',
+    tableTitleSystemStop: '停用',
+    tableSuccessStatus: '成功',
+    tableFailedStatus: '失败',
+  },
+};

@@ -10,7 +10,7 @@ import { ContentTypeEnum } from '/@/enums/httpEnum';
 import { RequestEnum } from '/@/enums/httpEnum';
 import { RequestEnum } from '/@/enums/httpEnum';
 import { useUserStore } from '/@/store/modules/user';
 import { useUserStore } from '/@/store/modules/user';
 import { JwtModel } from '/@/api/sys/jwtModel';
 import { JwtModel } from '/@/api/sys/jwtModel';
-import jwt_decode from "jwt-decode";
+import jwt_decode from 'jwt-decode';
 
 
 export * from './axiosTransform';
 export * from './axiosTransform';
 
 
@@ -20,14 +20,14 @@ export * from './axiosTransform';
 export class VAxios {
 export class VAxios {
   private axiosInstance: AxiosInstance;
   private axiosInstance: AxiosInstance;
   private readonly options: CreateAxiosOptions;
   private readonly options: CreateAxiosOptions;
-  private waitingQueue:any[];
+  private waitingQueue: any[];
   private refreshing = false;
   private refreshing = false;
 
 
   constructor(options: CreateAxiosOptions) {
   constructor(options: CreateAxiosOptions) {
     this.options = options;
     this.options = options;
     this.axiosInstance = axios.create(options);
     this.axiosInstance = axios.create(options);
     this.setupInterceptors();
     this.setupInterceptors();
-    this.waitingQueue=[];
+    this.waitingQueue = [];
   }
   }
 
 
   /**
   /**
@@ -69,15 +69,15 @@ export class VAxios {
    * JWT 自动刷新
    * JWT 自动刷新
    * @description: 自动刷新token
    * @description: 自动刷新token
    */
    */
-   private isNeedTokenURL(url, arr = ['/auth/login', '/auth/token']) {
+  private isNeedTokenURL(url, arr = ['/auth/login', '/auth/token']) {
     return !arr.some((val) => url.indexOf(val) > -1);
     return !arr.some((val) => url.indexOf(val) > -1);
   }
   }
-  
+
   /**
   /**
-   * 
-   * @returns 
+   *
+   * @returns
    */
    */
-   private refreshTokenBeforeReq(doRefreshTokenApi: () => Promise<unknown>): Promise<unknown> {
+  private refreshTokenBeforeReq(doRefreshTokenApi: () => Promise<unknown>): Promise<unknown> {
     // 创建一个未完成的promise，把改变状态的resolve方法交给请求token结束后执行
     // 创建一个未完成的promise，把改变状态的resolve方法交给请求token结束后执行
     const promise = new Promise((resolve) => {
     const promise = new Promise((resolve) => {
       console.log('等待新token');
       console.log('等待新token');
@@ -88,7 +88,7 @@ export class VAxios {
       this.refreshing = true;
       this.refreshing = true;
       // 模拟请求刷新Token接口，当接口返回数据时执行then方法 TODO 添加catch捕获异常
       // 模拟请求刷新Token接口，当接口返回数据时执行then方法 TODO 添加catch捕获异常
       doRefreshTokenApi().then(() => {
       doRefreshTokenApi().then(() => {
-        console.log('刷新token成功，放行队列中的请求',this.waitingQueue.length);
+        console.log('刷新token成功，放行队列中的请求', this.waitingQueue.length);
         this.refreshing = false;
         this.refreshing = false;
         this.waitingQueue.forEach((cb) => cb());
         this.waitingQueue.forEach((cb) => cb());
         this.waitingQueue.length = 0;
         this.waitingQueue.length = 0;
@@ -116,19 +116,18 @@ export class VAxios {
     // Request interceptor configuration processing
     // Request interceptor configuration processing
     this.axiosInstance.interceptors.request.use(async (config: AxiosRequestConfig) => {
     this.axiosInstance.interceptors.request.use(async (config: AxiosRequestConfig) => {
       // If cancel repeat request is turned on, then cancel repeat request is prohibited
       // If cancel repeat request is turned on, then cancel repeat request is prohibited
-     const userStore =  useUserStore();
-     if(userStore && userStore.jwtToken){
-       try{
-       const res = jwt_decode(userStore.jwtToken) as JwtModel;
-       const currentTime = new Date().getTime()/1000;
-       if(currentTime >= res.exp && this.isNeedTokenURL(config.url)){
-         await this.refreshTokenBeforeReq(userStore.doRefresh);
-       }
-       }catch(error){
+      const userStore = useUserStore();
+      if (userStore && userStore.jwtToken) {
+        try {
+          const res = jwt_decode(userStore.jwtToken) as JwtModel;
+          const currentTime = new Date().getTime() / 1000;
+          if (currentTime >= res.exp && this.isNeedTokenURL(config.url)) {
+            await this.refreshTokenBeforeReq(userStore.doRefresh);
+          }
+        } catch (error) {
           userStore.logout();
           userStore.logout();
-       }
-
-     }
+        }
+      }
       const {
       const {
         headers: { ignoreCancelToken },
         headers: { ignoreCancelToken },
       } = config;
       } = config;

@@ -93,7 +93,7 @@ const transform: AxiosTransform = {
     const token = getJwtToken();
     const token = getJwtToken();
     if (token && (config as Recordable)?.requestOptions?.withToken !== false) {
     if (token && (config as Recordable)?.requestOptions?.withToken !== false) {
       // jwt token
       // jwt token
-      config.headers["X-Authorization"] = options.authenticationScheme
+      config.headers['X-Authorization'] = options.authenticationScheme
         ? `${options.authenticationScheme} ${token}`
         ? `${options.authenticationScheme} ${token}`
         : token;
         : token;
     }
     }
@@ -111,10 +111,10 @@ const transform: AxiosTransform = {
    * @description: 响应错误处理
    * @description: 响应错误处理
    */
    */
   responseInterceptorsCatch: (error: any) => {
   responseInterceptorsCatch: (error: any) => {
-    const {t} = useI18n();
+    const { t } = useI18n();
     const errorLogStore = useErrorLogStoreWithOut();
     const errorLogStore = useErrorLogStoreWithOut();
     errorLogStore.addAjaxErrorInfo(error);
     errorLogStore.addAjaxErrorInfo(error);
-    const {response, code, message, config} = error || {};
+    const { response, code, message, config } = error || {};
     const errorMessageMode = config?.requestOptions?.errorMessageMode || 'none';
     const errorMessageMode = config?.requestOptions?.errorMessageMode || 'none';
     const msg: string = response?.data?.msg ?? '';
     const msg: string = response?.data?.msg ?? '';
     const err: string = error?.toString?.() ?? '';
     const err: string = error?.toString?.() ?? '';
@@ -130,13 +130,13 @@ const transform: AxiosTransform = {
 
 
       if (errMessage) {
       if (errMessage) {
         if (errorMessageMode === 'modal') {
         if (errorMessageMode === 'modal') {
-          createErrorModal({title: t('sys.api.errorTip'), content: errMessage});
+          createErrorModal({ title: t('sys.api.errorTip'), content: errMessage });
         } else if (errorMessageMode === 'message') {
         } else if (errorMessageMode === 'message') {
           createMessage.error(errMessage);
           createMessage.error(errMessage);
         }
         }
         return Promise.reject(error);
         return Promise.reject(error);
       }
       }
-    } catch (error) {
+    } catch (error: any) {
       throw new Error(error);
       throw new Error(error);
     }
     }
 
 

+<template>
+  <BasicDrawer
+    v-bind="$attrs"
+    @register="registerDrawer"
+    showFooter
+    :title="getTitle"
+    width="500px"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicDrawer>
+</template>
+<script lang="ts">
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formSchema } from './config.data';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { saveOrEditMessageConfig } from '/@/api/message/config';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  export default defineComponent({
+    name: 'ContactDrawer',
+    components: { BasicDrawer, BasicForm },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+
+      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
+        labelWidth: 120,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+      });
+
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        await resetFields();
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
+        if (unref(isUpdate)) {
+          const config = data.record.config;
+          for (const key in config) {
+            Reflect.set(data.record, key + '', config[key]);
+          }
+          await setFieldsValue({
+            ...data.record,
+          });
+        }
+      });
+
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增消息配置' : '编辑消息配置'));
+
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          const { createMessage } = useMessage();
+          setDrawerProps({ confirmLoading: true });
+          let config = {};
+          if (values.messageType === 'PHONE_MESSAGE') {
+            config = {
+              accessKeyId: values.accessKeyId,
+              accessKeySecret: values.accessKeySecret,
+            };
+          } else if (values.messageType === 'EMAIL_MESSAGE') {
+            config = {
+              host: values.host,
+              port: values.port,
+              username: values.username,
+              password: values.password,
+            };
+          }
+          Reflect.set(values, 'config', config);
+          let saveMessage = '添加成功';
+          let updateMessage = '修改成功';
+          await saveOrEditMessageConfig(values, unref(isUpdate));
+          closeDrawer();
+          emit('success');
+          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
+        } finally {
+          setDrawerProps({ confirmLoading: false });
+        }
+      }
+
+      return {
+        registerDrawer,
+        registerForm,
+        getTitle,
+        handleSubmit,
+      };
+    },
+  });
+</script>

+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { findDictItemByCode } from '/@/api/system/dict';
+import { MessageEnum } from '/@/enums/messageEnum';
+// 表格列数据
+export const columns: BasicColumn[] = [
+  {
+    title: '姓名',
+    dataIndex: 'username',
+    width: 100,
+  },
+  {
+    title: '所属组织',
+    dataIndex: 'department',
+    width: 200,
+  },
+  {
+    title: '手机',
+    dataIndex: 'phone',
+    width: 160,
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'label',
+    width: 160,
+  },
+  {
+    title: '微信',
+    dataIndex: 'deviceInfo',
+    width: 180,
+  },
+  {
+    title: '备注',
+    dataIndex: 'deviceState',
+    width: 120,
+  },
+  {
+    title: '添加人',
+    dataIndex: 'lastConnectTime',
+    width: 180,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'updateTime',
+    width: 180,
+  },
+  {
+    title: '添加时间',
+    dataIndex: 'createTime',
+    width: 180,
+  },
+];
+
+// 查询字段
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'department',
+    label: '所属组织',
+    component: 'TreeSelect',
+    componentProps: {
+      placeholder: '请选择组织',
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'username',
+    label: '用户名',
+    component: 'Input',
+    colProps: { span: 6 },
+    componentProps: {
+      placeholder: '请输入姓名、手机号或邮箱',
+    },
+  },
+];
+
+// 弹框配置项
+export const formSchema: FormSchema[] = [
+  {
+    field: 'configName',
+    label: '联系人姓名',
+    required: true,
+    component: 'Input',
+  },
+  {
+    field: 'messageType',
+    label: '所属组织',
+    required: true,
+    component: 'ApiSelect',
+    componentProps: {
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'message_type',
+      },
+      labelField: 'itemText',
+      valueField: 'itemValue',
+    },
+  },
+  {
+    field: 'platformType',
+    label: '手机号码',
+    required: true,
+    component: 'Input',
+    componentProps: {
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'platform_type',
+      },
+      labelField: 'itemText',
+      valueField: 'itemValue',
+    },
+  },
+  {
+    field: 'accessKeyId',
+    label: 'accessKeyId',
+    required: true,
+    component: 'Input',
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
+  },
+  {
+    field: 'accessKeySecret',
+    label: 'accessKeySecret',
+    required: true,
+    component: 'Input',
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
+  },
+  {
+    field: 'host',
+    label: '服务器地址',
+    defaultValue: 'smtp.163.com',
+    required: true,
+    component: 'Input',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
+  },
+  {
+    field: 'port',
+    label: '端口',
+    defaultValue: 25,
+    required: true,
+    component: 'InputNumber',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
+  },
+  {
+    field: 'username',
+    label: '用户名',
+    required: true,
+    component: 'Input',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
+  },
+  {
+    field: 'password',
+    label: '密码',
+    required: true,
+    component: 'InputPassword',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
+  },
+  {
+    field: 'config',
+    label: '消息配置',
+    component: 'Input',
+    show: false,
+  },
+  {
+    field: 'id',
+    label: '主键',
+    component: 'Input',
+    show: false,
+  },
+  {
+    field: 'status',
+    label: '状态',
+    component: 'RadioButtonGroup',
+    defaultValue: 0,
+    componentProps: {
+      options: [
+        { label: '启用', value: 1 },
+        { label: '停用', value: 0 },
+      ],
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+];
+
+export const isMessage = (type: string) => {
+  return type === MessageEnum.IS_SMS;
+};
+export const isEmail = (type: string) => {
+  return type === MessageEnum.IS_EMAIL;
+};

+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" @click="handleCreate"> 新增联系人 </a-button>
+        <a-button type="primary" color="error" @click="handleDelete"> 批量删除 </a-button>
+      </template>
+      <template #action="{ record }">
+        <TableAction
+          :actions="[
+            {
+              label: '编辑',
+              icon: 'clarity:note-edit-line',
+              onClick: handleEdit.bind(null, record),
+            },
+            {
+              label: '删除',
+              icon: 'ant-design:delete-outlined',
+              color: 'error',
+              popConfirm: {
+                title: '是否确认删除',
+                confirm: handleDelete.bind(null, record),
+              },
+            },
+          ]"
+        />
+      </template>
+    </BasicTable>
+    <ContactDrawer @register="registerDrawer" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  // import { useGo } from '/@/hooks/web/usePage';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useDrawer } from '/@/components/Drawer';
+  import ContactDrawer from './ContactDrawer.vue';
+  import { getAlarmContact, deleteAlarmContact } from '/@/api/alarm/contact/alarmContact';
+  import { searchFormSchema, columns } from './config.data';
+  import {} from '/@/api/alarm/contact/alarmContact';
+  export default defineComponent({
+    components: {
+      BasicTable,
+      TableAction,
+      ContactDrawer,
+    },
+    setup() {
+      const [registerTable, { reload }] = useTable({
+        api: getAlarmContact,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 180,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: 'right',
+        },
+      });
+      const [registerDrawer, { openDrawer }] = useDrawer();
+      const { createMessage } = useMessage();
+      const handleCreate = () => {
+        openDrawer(true, {
+          isUpdate: false,
+        });
+      };
+      const handleEdit = (record: Recordable) => {
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+      };
+      const handleDelete = async (record: Recordable) => {
+        let ids: string[] = [record.id];
+        console.log(ids);
+        try {
+          await deleteAlarmContact(ids);
+          createMessage.success('删除联系人成功');
+          handleSuccess();
+        } catch (e) {
+          createMessage.error('删除失败');
+        }
+      };
+      // 刷新
+      const handleSuccess = () => {
+        reload();
+      };
+      return {
+        handleEdit,
+        handleCreate,
+        handleDelete,
+        registerTable,
+        registerDrawer,
+        reload,
+      };
+    },
+  });
+</script>

@@ -7,7 +7,7 @@
     width="500px"
     width="500px"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
@@ -15,8 +15,8 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchema } from './config.data';
   import { formSchema } from './config.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import {saveOrEditMessageConfig} from "/@/api/message/config";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { saveOrEditMessageConfig } from '/@/api/message/config';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'ConfigDrawer',
     name: 'ConfigDrawer',
@@ -25,7 +25,7 @@
     setup(_, { emit }) {
     setup(_, { emit }) {
       const isUpdate = ref(true);
       const isUpdate = ref(true);
 
 
-      const [registerForm, {  validate,setFieldsValue,resetFields }] = useForm({
+      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
         labelWidth: 120,
         labelWidth: 120,
         schemas: formSchema,
         schemas: formSchema,
         showActionButtonGroup: false,
         showActionButtonGroup: false,
@@ -37,8 +37,8 @@
         isUpdate.value = !!data?.isUpdate;
         isUpdate.value = !!data?.isUpdate;
         if (unref(isUpdate)) {
         if (unref(isUpdate)) {
           const config = data.record.config;
           const config = data.record.config;
-          for (const key in config){
-            Reflect.set(data.record, key+'', config[key]);
+          for (const key in config) {
+            Reflect.set(data.record, key + '', config[key]);
           }
           }
           await setFieldsValue({
           await setFieldsValue({
             ...data.record,
             ...data.record,
@@ -53,27 +53,27 @@
           const values = await validate();
           const values = await validate();
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
-          let config={};
-          if(values.messageType === 'PHONE_MESSAGE'){
-            config ={
-              "accessKeyId":values.accessKeyId,
-              "accessKeySecret":values.accessKeySecret,
-            }
-          }else if(values.messageType === 'EMAIL_MESSAGE'){
-            config ={
-              "host":values.host,
-              "port":values.port,
-              "username":values.username,
-              "password":values.password,
-            }
+          let config = {};
+          if (values.messageType === 'PHONE_MESSAGE') {
+            config = {
+              accessKeyId: values.accessKeyId,
+              accessKeySecret: values.accessKeySecret,
+            };
+          } else if (values.messageType === 'EMAIL_MESSAGE') {
+            config = {
+              host: values.host,
+              port: values.port,
+              username: values.username,
+              password: values.password,
+            };
           }
           }
           Reflect.set(values, 'config', config);
           Reflect.set(values, 'config', config);
-          let saveMessage = "添加成功";
-          let updateMessage = "修改成功";
+          let saveMessage = '添加成功';
+          let updateMessage = '修改成功';
           await saveOrEditMessageConfig(values, unref(isUpdate));
           await saveOrEditMessageConfig(values, unref(isUpdate));
           closeDrawer();
           closeDrawer();
           emit('success');
           emit('success');
-          createMessage.success(unref(isUpdate)?updateMessage:saveMessage);
+          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
         } finally {
         } finally {
           setDrawerProps({ confirmLoading: false });
           setDrawerProps({ confirmLoading: false });
         }
         }

 import { BasicColumn } from '/@/components/Table';
 import { BasicColumn } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
-import {findDictItemByCode} from "/@/api/system/dict";
-import {MessageEnum} from "/@/enums/messageEnum";
-import {DeviceTypeEnum,DeviceState} from "/@/api/device/model/deviceModel";
+import { findDictItemByCode } from '/@/api/system/dict';
+import { MessageEnum } from '/@/enums/messageEnum';
+import { DeviceTypeEnum, DeviceState } from '/@/api/device/model/deviceModel';
+// 表格列数据
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
   {
   {
     title: '设备名称',
     title: '设备名称',
@@ -13,7 +14,7 @@ export const columns: BasicColumn[] = [
     title: '设备类型',
     title: '设备类型',
     dataIndex: 'deviceType',
     dataIndex: 'deviceType',
     width: 200,
     width: 200,
-    slots:{customRender:'deviceType'},
+    slots: { customRender: 'deviceType' },
   },
   },
   {
   {
     title: '设备配置',
     title: '设备配置',
@@ -24,7 +25,7 @@ export const columns: BasicColumn[] = [
   {
   {
     title: '标签',
     title: '标签',
     dataIndex: 'label',
     dataIndex: 'label',
-    width: 180
+    width: 180,
   },
   },
   {
   {
     title: '配置信息',
     title: '配置信息',
@@ -38,7 +39,6 @@ export const columns: BasicColumn[] = [
     width: 120,
     width: 120,
     slots: { customRender: 'deviceState' },
     slots: { customRender: 'deviceState' },
   },
   },
-
   {
   {
     title: '最后连接时间',
     title: '最后连接时间',
     dataIndex: 'lastConnectTime',
     dataIndex: 'lastConnectTime',
@@ -51,6 +51,7 @@ export const columns: BasicColumn[] = [
   },
   },
 ];
 ];
 
 
+// 查询字段
 export const searchFormSchema: FormSchema[] = [
 export const searchFormSchema: FormSchema[] = [
   {
   {
     field: 'deviceType',
     field: 'deviceType',
@@ -86,20 +87,13 @@ export const searchFormSchema: FormSchema[] = [
   },
   },
 ];
 ];
 
 
-
-export const isMessage = (type:string)=>{
-  return type===MessageEnum.IS_SMS;
-}
-export const isEmail = (type:string)=>{
-  return type===MessageEnum.IS_EMAIL;
-}
-
+// 弹框配置项
 export const formSchema: FormSchema[] = [
 export const formSchema: FormSchema[] = [
   {
   {
     field: 'configName',
     field: 'configName',
     label: '配置名称',
     label: '配置名称',
     required: true,
     required: true,
-    component:'Input'
+    component: 'Input',
   },
   },
   {
   {
     field: 'messageType',
     field: 'messageType',
@@ -107,12 +101,12 @@ export const formSchema: FormSchema[] = [
     required: true,
     required: true,
     component: 'ApiSelect',
     component: 'ApiSelect',
     componentProps: {
     componentProps: {
-      api:findDictItemByCode,
-      params:{
-        dictCode:"message_type"
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'message_type',
       },
       },
-      labelField:'itemText',
-      valueField:'itemValue',
+      labelField: 'itemText',
+      valueField: 'itemValue',
     },
     },
   },
   },
   {
   {
@@ -121,70 +115,70 @@ export const formSchema: FormSchema[] = [
     required: true,
     required: true,
     component: 'ApiSelect',
     component: 'ApiSelect',
     componentProps: {
     componentProps: {
-      api:findDictItemByCode,
-      params:{
-        dictCode:"platform_type"
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'platform_type',
       },
       },
-      labelField:'itemText',
-      valueField:'itemValue',
+      labelField: 'itemText',
+      valueField: 'itemValue',
     },
     },
-    ifShow:({values}) => isMessage(Reflect.get(values,'messageType')),
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'accessKeyId',
     field: 'accessKeyId',
     label: 'accessKeyId',
     label: 'accessKeyId',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isMessage(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'accessKeySecret',
     field: 'accessKeySecret',
     label: 'accessKeySecret',
     label: 'accessKeySecret',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isMessage(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'host',
     field: 'host',
     label: '服务器地址',
     label: '服务器地址',
-    defaultValue:'smtp.163.com',
+    defaultValue: 'smtp.163.com',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'port',
     field: 'port',
     label: '端口',
     label: '端口',
     defaultValue: 25,
     defaultValue: 25,
     required: true,
     required: true,
-    component:'InputNumber',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'InputNumber',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'username',
     field: 'username',
     label: '用户名',
     label: '用户名',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'password',
     field: 'password',
     label: '密码',
     label: '密码',
     required: true,
     required: true,
-    component:'InputPassword',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'InputPassword',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'config',
     field: 'config',
     label: '消息配置',
     label: '消息配置',
-    component:'Input',
-    show:false,
+    component: 'Input',
+    show: false,
   },
   },
   {
   {
     field: 'id',
     field: 'id',
     label: '主键',
     label: '主键',
-    component:'Input',
-    show:false,
+    component: 'Input',
+    show: false,
   },
   },
   {
   {
     field: 'status',
     field: 'status',
@@ -202,5 +196,12 @@ export const formSchema: FormSchema[] = [
     label: '备注',
     label: '备注',
     field: 'remark',
     field: 'remark',
     component: 'InputTextArea',
     component: 'InputTextArea',
-  }
+  },
 ];
 ];
+
+export const isMessage = (type: string) => {
+  return type === MessageEnum.IS_SMS;
+};
+export const isEmail = (type: string) => {
+  return type === MessageEnum.IS_EMAIL;
+};

@@ -4,40 +4,61 @@
       <template #toolbar>
       <template #toolbar>
         <a-button type="primary" @click="handleCreate"> 新增设备 </a-button>
         <a-button type="primary" @click="handleCreate"> 新增设备 </a-button>
       </template>
       </template>
-      <template #config="{record}">
+      <template #config="{ record }">
         <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
         <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
       </template>
       </template>
-      <template #deviceProfile="{record}">
-        <a-button type="link" class="ml-2" @click="goDeviceProfile"> {{record.deviceProfile.name}} </a-button>
+      <template #deviceProfile="{ record }">
+        <a-button type="link" class="ml-2" @click="goDeviceProfile">
+          {{ record.deviceProfile.name }}
+        </a-button>
       </template>
       </template>
-      <template #deviceType = "{record}">
+      <template #deviceType="{ record }">
         <Tag color="success" class="ml-2">
         <Tag color="success" class="ml-2">
-          {{record.deviceType==DeviceTypeEnum.GATEWAY ?'网关设备':
-          record.deviceType==DeviceTypeEnum.DIRECT_CONNECTION  ?'直连设备':'网关子设备'}}
+          {{
+            record.deviceType == DeviceTypeEnum.GATEWAY
+              ? '网关设备'
+              : record.deviceType == DeviceTypeEnum.DIRECT_CONNECTION
+              ? '直连设备'
+              : '网关子设备'
+          }}
         </Tag>
         </Tag>
       </template>
       </template>
-      <template #deviceState = "{record}">
-        <Tag :color="record.deviceState==DeviceState.INACTIVE?'warning':record.deviceState==DeviceState.ONLINE?'success':'error'" class="ml-2">
-          {{record.deviceState==DeviceState.INACTIVE ?'待激活':
-          record.deviceState==DeviceState.ONLINE ?'在线':'离线'}}
+      <template #deviceState="{ record }">
+        <Tag
+          :color="
+            record.deviceState == DeviceState.INACTIVE
+              ? 'warning'
+              : record.deviceState == DeviceState.ONLINE
+              ? 'success'
+              : 'error'
+          "
+          class="ml-2"
+        >
+          {{
+            record.deviceState == DeviceState.INACTIVE
+              ? '待激活'
+              : record.deviceState == DeviceState.ONLINE
+              ? '在线'
+              : '离线'
+          }}
         </Tag>
         </Tag>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
-              }
+              },
             },
             },
           ]"
           ]"
         />
         />
@@ -47,93 +68,94 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent,h} from 'vue';
-import {DeviceState, DeviceTypeEnum} from "/@/api/device/model/deviceModel";
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { useDrawer } from '/@/components/Drawer';
-import ConfigDrawer from './DeviceDrawer.vue';
-import { columns, searchFormSchema } from './config.data';
-import {Modal, Tag} from 'ant-design-vue';
-import { CodeEditor,JsonPreview } from '/@/components/CodeEditor';
-import {useMessage} from "/@/hooks/web/useMessage";
-import {deleteDevice, devicePage} from "/@/api/device/deviceManager";
-import {PageEnum} from "/@/enums/pageEnum";
-import {useGo} from "/@/hooks/web/usePage";
+  import { defineComponent, h } from 'vue';
+  import { DeviceState, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useDrawer } from '/@/components/Drawer';
+  import ConfigDrawer from './DeviceDrawer.vue';
+  import { columns, searchFormSchema } from './config.data';
+  import { Modal, Tag } from 'ant-design-vue';
+  import { JsonPreview } from '/@/components/CodeEditor';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { deleteDevice, devicePage } from '/@/api/device/deviceManager';
+  import { PageEnum } from '/@/enums/pageEnum';
+  import { useGo } from '/@/hooks/web/usePage';
 
 
-export default defineComponent({
-  name: 'DeviceManagement',
-  components: { BasicTable, ConfigDrawer, TableAction ,CodeEditor,Tag},
-  setup() {
-    const [registerDrawer, { openDrawer }] = useDrawer();
-    const {createMessage} = useMessage();
-    const go = useGo();
-    const [registerTable, { reload }] = useTable({
-      title: '设备列表',
-      api: devicePage,
-      columns,
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-      },
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      actionColumn: {
-        width: 180,
-        title: '操作',
-        dataIndex: 'action',
-        slots: { customRender: 'action' },
-        fixed: undefined,
-      },
-    });
-
-    function handleCreate() {
-      openDrawer(true, {
-        isUpdate: false,
-      });
-    }
-
-    function handleEdit(record: Recordable) {
-      openDrawer(true, {
-        record,
-        isUpdate: true,
-      });
-    }
-
-    function handleDelete(record: Recordable) {
-      let ids = [record.id];
-      deleteDevice(ids).then(()=>{
-        createMessage.success("删除设备成功")
-        handleSuccess()
-      });
-    }
-
-    function handleSuccess() {
-      reload();
-    }
-    function showData(record: Recordable){
-      Modal.info({
-        title: '当前配置',
-        width:480,
-        content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.deviceInfo)) }),
+  export default defineComponent({
+    name: 'DeviceManagement',
+    components: { BasicTable, ConfigDrawer, TableAction, Tag },
+    setup() {
+      const go = useGo();
+      const { createMessage } = useMessage();
+      const [registerDrawer, { openDrawer }] = useDrawer();
+      const [registerTable, { reload }] = useTable({
+        title: '设备列表',
+        api: devicePage,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 180,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
       });
       });
-    }
-    function goDeviceProfile(){
-      go(PageEnum.DEVICE_PROFILE)
-    }
-    return {
-      registerTable,
-      registerDrawer,
-      showData,
-      handleCreate,
-      handleEdit,
-      handleDelete,
-      handleSuccess,
-      goDeviceProfile,
-      DeviceTypeEnum,
-      DeviceState
-    };
-  },
-});
+      // 新增
+      function handleCreate() {
+        openDrawer(true, {
+          isUpdate: false,
+        });
+      }
+      // 更新
+      function handleEdit(record: Recordable) {
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+      }
+      // 删除
+      function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        deleteDevice(ids).then(() => {
+          createMessage.success('删除设备成功');
+          handleSuccess();
+        });
+      }
+      // 刷新
+      function handleSuccess() {
+        reload();
+      }
+      // 查看某一个设备具体信息
+      function showData(record: Recordable) {
+        Modal.info({
+          title: '当前配置',
+          width: 480,
+          content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.deviceInfo)) }),
+        });
+      }
+      function goDeviceProfile() {
+        go(PageEnum.DEVICE_PROFILE);
+      }
+      return {
+        registerTable,
+        registerDrawer,
+        showData,
+        handleCreate,
+        handleEdit,
+        handleDelete,
+        handleSuccess,
+        goDeviceProfile,
+        DeviceTypeEnum,
+        DeviceState,
+      };
+    },
+  });
 </script>
 </script>

@@ -7,7 +7,7 @@
     width="500px"
     width="500px"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
@@ -15,8 +15,8 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchema } from './device.profile.data';
   import { formSchema } from './device.profile.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import {saveOrEditMessageConfig} from "/@/api/message/config";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { saveOrEditMessageConfig } from '/@/api/message/config';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'DeviceProfileDrawer',
     name: 'DeviceProfileDrawer',
@@ -25,7 +25,7 @@
     setup(_, { emit }) {
     setup(_, { emit }) {
       const isUpdate = ref(true);
       const isUpdate = ref(true);
 
 
-      const [registerForm, {  validate,setFieldsValue,resetFields }] = useForm({
+      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
         labelWidth: 120,
         labelWidth: 120,
         schemas: formSchema,
         schemas: formSchema,
         showActionButtonGroup: false,
         showActionButtonGroup: false,
@@ -37,8 +37,8 @@
         isUpdate.value = !!data?.isUpdate;
         isUpdate.value = !!data?.isUpdate;
         if (unref(isUpdate)) {
         if (unref(isUpdate)) {
           const config = data.record.config;
           const config = data.record.config;
-          for (const key in config){
-            Reflect.set(data.record, key+'', config[key]);
+          for (const key in config) {
+            Reflect.set(data.record, key + '', config[key]);
           }
           }
           await setFieldsValue({
           await setFieldsValue({
             ...data.record,
             ...data.record,
@@ -53,27 +53,27 @@
           const values = await validate();
           const values = await validate();
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
-          let config={};
-          if(values.messageType === 'PHONE_MESSAGE'){
-            config ={
-              "accessKeyId":values.accessKeyId,
-              "accessKeySecret":values.accessKeySecret,
-            }
-          }else if(values.messageType === 'EMAIL_MESSAGE'){
-            config ={
-              "host":values.host,
-              "port":values.port,
-              "username":values.username,
-              "password":values.password,
-            }
+          let config = {};
+          if (values.messageType === 'PHONE_MESSAGE') {
+            config = {
+              accessKeyId: values.accessKeyId,
+              accessKeySecret: values.accessKeySecret,
+            };
+          } else if (values.messageType === 'EMAIL_MESSAGE') {
+            config = {
+              host: values.host,
+              port: values.port,
+              username: values.username,
+              password: values.password,
+            };
           }
           }
           Reflect.set(values, 'config', config);
           Reflect.set(values, 'config', config);
-          let saveMessage = "添加成功";
-          let updateMessage = "修改成功";
+          let saveMessage = '添加成功';
+          let updateMessage = '修改成功';
           await saveOrEditMessageConfig(values, unref(isUpdate));
           await saveOrEditMessageConfig(values, unref(isUpdate));
           closeDrawer();
           closeDrawer();
           emit('success');
           emit('success');
-          createMessage.success(unref(isUpdate)?updateMessage:saveMessage);
+          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
         } finally {
         } finally {
           setDrawerProps({ confirmLoading: false });
           setDrawerProps({ confirmLoading: false });
         }
         }

 import { BasicColumn } from '/@/components/Table';
 import { BasicColumn } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
-import {findDictItemByCode} from "/@/api/system/dict";
-import {MessageEnum} from "/@/enums/messageEnum";
+import { findDictItemByCode } from '/@/api/system/dict';
+import { MessageEnum } from '/@/enums/messageEnum';
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
   {
   {
     title: '配置名称',
     title: '配置名称',
@@ -34,20 +34,19 @@ export const searchFormSchema: FormSchema[] = [
   },
   },
 ];
 ];
 
 
-
-export const isMessage = (type:string)=>{
-  return type===MessageEnum.IS_SMS;
-}
-export const isEmail = (type:string)=>{
-  return type===MessageEnum.IS_EMAIL;
-}
+export const isMessage = (type: string) => {
+  return type === MessageEnum.IS_SMS;
+};
+export const isEmail = (type: string) => {
+  return type === MessageEnum.IS_EMAIL;
+};
 
 
 export const formSchema: FormSchema[] = [
 export const formSchema: FormSchema[] = [
   {
   {
     field: 'configName',
     field: 'configName',
     label: '配置名称',
     label: '配置名称',
     required: true,
     required: true,
-    component:'Input'
+    component: 'Input',
   },
   },
   {
   {
     field: 'messageType',
     field: 'messageType',
@@ -55,12 +54,12 @@ export const formSchema: FormSchema[] = [
     required: true,
     required: true,
     component: 'ApiSelect',
     component: 'ApiSelect',
     componentProps: {
     componentProps: {
-      api:findDictItemByCode,
-      params:{
-        dictCode:"message_type"
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'message_type',
       },
       },
-      labelField:'itemText',
-      valueField:'itemValue',
+      labelField: 'itemText',
+      valueField: 'itemValue',
     },
     },
   },
   },
   {
   {
@@ -69,70 +68,70 @@ export const formSchema: FormSchema[] = [
     required: true,
     required: true,
     component: 'ApiSelect',
     component: 'ApiSelect',
     componentProps: {
     componentProps: {
-      api:findDictItemByCode,
-      params:{
-        dictCode:"platform_type"
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'platform_type',
       },
       },
-      labelField:'itemText',
-      valueField:'itemValue',
+      labelField: 'itemText',
+      valueField: 'itemValue',
     },
     },
-    ifShow:({values}) => isMessage(Reflect.get(values,'messageType')),
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'accessKeyId',
     field: 'accessKeyId',
     label: 'accessKeyId',
     label: 'accessKeyId',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isMessage(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'accessKeySecret',
     field: 'accessKeySecret',
     label: 'accessKeySecret',
     label: 'accessKeySecret',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isMessage(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isMessage(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'host',
     field: 'host',
     label: '服务器地址',
     label: '服务器地址',
-    defaultValue:'smtp.163.com',
+    defaultValue: 'smtp.163.com',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'port',
     field: 'port',
     label: '端口',
     label: '端口',
     defaultValue: 25,
     defaultValue: 25,
     required: true,
     required: true,
-    component:'InputNumber',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'InputNumber',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'username',
     field: 'username',
     label: '用户名',
     label: '用户名',
     required: true,
     required: true,
-    component:'Input',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'Input',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'password',
     field: 'password',
     label: '密码',
     label: '密码',
     required: true,
     required: true,
-    component:'InputPassword',
-    ifShow:({values}) => isEmail(Reflect.get(values,'messageType')),
+    component: 'InputPassword',
+    ifShow: ({ values }) => isEmail(Reflect.get(values, 'messageType')),
   },
   },
   {
   {
     field: 'config',
     field: 'config',
     label: '消息配置',
     label: '消息配置',
-    component:'Input',
-    show:false,
+    component: 'Input',
+    show: false,
   },
   },
   {
   {
     field: 'id',
     field: 'id',
     label: '主键',
     label: '主键',
-    component:'Input',
-    show:false,
+    component: 'Input',
+    show: false,
   },
   },
   {
   {
     field: 'status',
     field: 'status',
@@ -150,5 +149,5 @@ export const formSchema: FormSchema[] = [
     label: '备注',
     label: '备注',
     field: 'remark',
     field: 'remark',
     component: 'InputTextArea',
     component: 'InputTextArea',
-  }
+  },
 ];
 ];

@@ -8,18 +8,18 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
-              }
+              },
             },
             },
           ]"
           ]"
         />
         />
@@ -29,71 +29,71 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent} from 'vue';
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { useDrawer } from '/@/components/Drawer';
-import DeviceProfileDrawer from './DeviceProfile.vue';
-import { columns, searchFormSchema } from './device.profile.data';
-import {useMessage} from "/@/hooks/web/useMessage";
-import {deviceProfilePage,deleteDeviceProfile} from "/@/api/device/deviceManager";
-export default defineComponent({
-  name: 'DeviceProfileManagement',
-  components: { BasicTable, DeviceProfileDrawer, TableAction},
-  setup() {
-    const [registerDrawer, { openDrawer }] = useDrawer();
-    const {createMessage} = useMessage();
-    const [registerTable, { reload }] = useTable({
-      title: '设备配置列表',
-      api: deviceProfilePage,
-      columns,
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-      },
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      actionColumn: {
-        width: 180,
-        title: '操作',
-        dataIndex: 'action',
-        slots: { customRender: 'action' },
-      },
-    });
-
-    function handleCreate() {
-      openDrawer(true, {
-        isUpdate: false,
+  import { defineComponent } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useDrawer } from '/@/components/Drawer';
+  import DeviceProfileDrawer from './DeviceProfile.vue';
+  import { columns, searchFormSchema } from './device.profile.data';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { deviceProfilePage, deleteDeviceProfile } from '/@/api/device/deviceManager';
+  export default defineComponent({
+    name: 'DeviceProfileManagement',
+    components: { BasicTable, DeviceProfileDrawer, TableAction },
+    setup() {
+      const [registerDrawer, { openDrawer }] = useDrawer();
+      const { createMessage } = useMessage();
+      const [registerTable, { reload }] = useTable({
+        title: '设备配置列表',
+        api: deviceProfilePage,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 180,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+        },
       });
       });
-    }
 
 
-    function handleEdit(record: Recordable) {
-      openDrawer(true, {
-        record,
-        isUpdate: true,
-      });
-    }
+      function handleCreate() {
+        openDrawer(true, {
+          isUpdate: false,
+        });
+      }
 
 
-    function handleDelete(record: Recordable) {
-      let ids = [record.id];
-      deleteDeviceProfile(ids).then(()=>{
-        createMessage.success("删除设备配置成功")
-        handleSuccess()
-      });
-    }
+      function handleEdit(record: Recordable) {
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+      }
+
+      function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        deleteDeviceProfile(ids).then(() => {
+          createMessage.success('删除设备配置成功');
+          handleSuccess();
+        });
+      }
 
 
-    function handleSuccess() {
-      reload();
-    }
-    return {
-      registerTable,
-      registerDrawer,
-      handleCreate,
-      handleEdit,
-      handleDelete,
-      handleSuccess,
-    };
-  },
-});
+      function handleSuccess() {
+        reload();
+      }
+      return {
+        registerTable,
+        registerDrawer,
+        handleCreate,
+        handleEdit,
+        handleDelete,
+        handleSuccess,
+      };
+    },
+  });
 </script>
 </script>

@@ -7,7 +7,7 @@
     width="500px"
     width="500px"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
@@ -15,8 +15,8 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchema } from './config.data';
   import { formSchema } from './config.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import {saveOrEditMessageConfig} from "/@/api/message/config";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { saveOrEditMessageConfig } from '/@/api/message/config';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'ConfigDrawer',
     name: 'ConfigDrawer',
@@ -25,7 +25,7 @@
     setup(_, { emit }) {
     setup(_, { emit }) {
       const isUpdate = ref(true);
       const isUpdate = ref(true);
 
 
-      const [registerForm, {  validate,setFieldsValue,resetFields }] = useForm({
+      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
         labelWidth: 120,
         labelWidth: 120,
         schemas: formSchema,
         schemas: formSchema,
         showActionButtonGroup: false,
         showActionButtonGroup: false,
@@ -37,8 +37,8 @@
         isUpdate.value = !!data?.isUpdate;
         isUpdate.value = !!data?.isUpdate;
         if (unref(isUpdate)) {
         if (unref(isUpdate)) {
           const config = data.record.config;
           const config = data.record.config;
-          for (const key in config){
-            Reflect.set(data.record, key+'', config[key]);
+          for (const key in config) {
+            Reflect.set(data.record, key + '', config[key]);
           }
           }
           await setFieldsValue({
           await setFieldsValue({
             ...data.record,
             ...data.record,
@@ -53,27 +53,27 @@
           const values = await validate();
           const values = await validate();
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
-          let config={};
-          if(values.messageType === 'PHONE_MESSAGE'){
-            config ={
-              "accessKeyId":values.accessKeyId,
-              "accessKeySecret":values.accessKeySecret,
-            }
-          }else if(values.messageType === 'EMAIL_MESSAGE'){
-            config ={
-              "host":values.host,
-              "port":values.port,
-              "username":values.username,
-              "password":values.password,
-            }
+          let config = {};
+          if (values.messageType === 'PHONE_MESSAGE') {
+            config = {
+              accessKeyId: values.accessKeyId,
+              accessKeySecret: values.accessKeySecret,
+            };
+          } else if (values.messageType === 'EMAIL_MESSAGE') {
+            config = {
+              host: values.host,
+              port: values.port,
+              username: values.username,
+              password: values.password,
+            };
           }
           }
           Reflect.set(values, 'config', config);
           Reflect.set(values, 'config', config);
-          let saveMessage = "添加成功";
-          let updateMessage = "修改成功";
+          let saveMessage = '添加成功';
+          let updateMessage = '修改成功';
           await saveOrEditMessageConfig(values, unref(isUpdate));
           await saveOrEditMessageConfig(values, unref(isUpdate));
           closeDrawer();
           closeDrawer();
           emit('success');
           emit('success');
-          createMessage.success(unref(isUpdate)?updateMessage:saveMessage);
+          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
         } finally {
         } finally {
           setDrawerProps({ confirmLoading: false });
           setDrawerProps({ confirmLoading: false });
         }
         }

@@ -4,26 +4,26 @@
       <template #toolbar>
       <template #toolbar>
         <a-button type="primary" @click="handleCreate"> 新增配置 </a-button>
         <a-button type="primary" @click="handleCreate"> 新增配置 </a-button>
       </template>
       </template>
-      <template #config="{record}">
+      <template #config="{ record }">
         <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
         <a-button type="link" class="ml-2" @click="showData(record)"> 查看配置 </a-button>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
               },
               },
-              ifShow: record.status ==0
+              ifShow: record.status == 0,
             },
             },
           ]"
           ]"
         />
         />
@@ -33,83 +33,83 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent,h} from 'vue';
+  import { defineComponent, h } from 'vue';
 
 
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { messageConfigPage,deleteMessageConfig } from '/@/api/message/config';
-import { useDrawer } from '/@/components/Drawer';
-import ConfigDrawer from './ConfigDrawer.vue';
-import { columns, searchFormSchema } from './config.data';
-import { Modal } from 'ant-design-vue';
-import { CodeEditor,JsonPreview } from '/@/components/CodeEditor';
-import {useMessage} from "/@/hooks/web/useMessage";
-export default defineComponent({
-  name: 'MessageConfigManagement',
-  components: { BasicTable, ConfigDrawer, TableAction ,CodeEditor},
-  setup() {
-    const [registerDrawer, { openDrawer }] = useDrawer();
-    const {createMessage} = useMessage();
-    const [registerTable, { reload }] = useTable({
-      title: '消息配置列表',
-      api: messageConfigPage,
-      columns,
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-      },
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      actionColumn: {
-        width: 180,
-        title: '操作',
-        dataIndex: 'action',
-        slots: { customRender: 'action' },
-        fixed: undefined,
-      },
-    });
-
-    function handleCreate() {
-      openDrawer(true, {
-        isUpdate: false,
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { messageConfigPage, deleteMessageConfig } from '/@/api/message/config';
+  import { useDrawer } from '/@/components/Drawer';
+  import ConfigDrawer from './ConfigDrawer.vue';
+  import { columns, searchFormSchema } from './config.data';
+  import { Modal } from 'ant-design-vue';
+  import { CodeEditor, JsonPreview } from '/@/components/CodeEditor';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  export default defineComponent({
+    name: 'MessageConfigManagement',
+    components: { BasicTable, ConfigDrawer, TableAction, CodeEditor },
+    setup() {
+      const [registerDrawer, { openDrawer }] = useDrawer();
+      const { createMessage } = useMessage();
+      const [registerTable, { reload }] = useTable({
+        title: '消息配置列表',
+        api: messageConfigPage,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 180,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
       });
       });
-    }
 
 
-    function handleEdit(record: Recordable) {
-      openDrawer(true, {
-        record,
-        isUpdate: true,
-      });
-    }
+      function handleCreate() {
+        openDrawer(true, {
+          isUpdate: false,
+        });
+      }
 
 
-    function handleDelete(record: Recordable) {
-      let ids = [record.id];
-      deleteMessageConfig(ids).then((result)=>{
-        createMessage.success(result.message)
-        handleSuccess()
-      });
-    }
+      function handleEdit(record: Recordable) {
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+      }
 
 
-    function handleSuccess() {
-      reload();
-    }
-    function showData(record: Recordable){
-      Modal.info({
-        title: '当前配置',
-        width:480,
-        content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.config)) }),
-      });
-    }
-    return {
-      registerTable,
-      registerDrawer,
-      showData,
-      handleCreate,
-      handleEdit,
-      handleDelete,
-      handleSuccess,
-    };
-  },
-});
+      function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        deleteMessageConfig(ids).then((result) => {
+          createMessage.success(result.message);
+          handleSuccess();
+        });
+      }
+
+      function handleSuccess() {
+        reload();
+      }
+      function showData(record: Recordable) {
+        Modal.info({
+          title: '当前配置',
+          width: 480,
+          content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.config)) }),
+        });
+      }
+      return {
+        registerTable,
+        registerDrawer,
+        showData,
+        handleCreate,
+        handleEdit,
+        handleDelete,
+        handleSuccess,
+      };
+    },
+  });
 </script>
 </script>

@@ -13,7 +13,7 @@
 </template>
 </template>
 
 
 <script lang="ts">
 <script lang="ts">
-  import {  Tabs, } from 'ant-design-vue';
+  import { Tabs } from 'ant-design-vue';
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
   import SmsLog from './item/SmsLog.vue';
   import SmsLog from './item/SmsLog.vue';
   import EmailLog from './item/EmailLog.vue';
   import EmailLog from './item/EmailLog.vue';

 <template>
 <template>
-  <BasicModal v-bind="$attrs" @register="register" title="邮件发送参数"
-              :okButtonProps="{ disabled: true }"
-              @ok="handleOK"
-              width="700px">
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="邮件发送参数"
+    :okButtonProps="{ disabled: true }"
+    @ok="handleOK"
+    width="700px"
+  >
     <div class="pt-6px pr-6px">
     <div class="pt-6px pr-6px">
-      <BasicForm @register="registerForm"/>
+      <BasicForm @register="registerForm" />
     </div>
     </div>
   </BasicModal>
   </BasicModal>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent,h } from 'vue';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
-import { Tinymce } from '/@/components/Tinymce';
-const schemas: FormSchema[] = [
-  {
-    field: 'emailBody',
-    component: 'Input',
-    label: '',
-    rules: [{ required: true }],
-    render: ({ model, field }) => {
-      return h(Tinymce, {
-        value: model[field],
-        showImageUpload:false,
-        onChange: (value: string) => {
-          model[field] = value;
+  import { defineComponent, h } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
+  import { Tinymce } from '/@/components/Tinymce';
+  const schemas: FormSchema[] = [
+    {
+      field: 'emailBody',
+      component: 'Input',
+      label: '',
+      rules: [{ required: true }],
+      render: ({ model, field }) => {
+        return h(Tinymce, {
+          value: model[field],
+          showImageUpload: false,
+          onChange: (value: string) => {
+            model[field] = value;
+          },
+        });
+      },
+    },
+  ];
+  export default defineComponent({
+    components: { BasicModal, BasicForm },
+    setup() {
+      const [registerForm, { resetFields, setFieldsValue }] = useForm({
+        labelWidth: 70,
+        schemas,
+        showActionButtonGroup: false,
+        actionColOptions: {
+          span: 24,
         },
         },
       });
       });
-    },
-  },
-];
-export default defineComponent({
-  components: { BasicModal, BasicForm},
-  setup() {
-    const [registerForm,{resetFields,setFieldsValue},] = useForm({
-      labelWidth: 70,
-      schemas,
-      showActionButtonGroup: false,
-      actionColOptions: {
-        span: 24,
-      },
-    });
-    const [register,{closeModal}] = useModalInner(async(data) => {
-      await resetFields();
-      await setFieldsValue({
-        ...data.record,
+      const [register, { closeModal }] = useModalInner(async (data) => {
+        await resetFields();
+        await setFieldsValue({
+          ...data.record,
+        });
       });
       });
-    });
 
 
-    async function handleOK() {
-      closeModal();
-    }
+      async function handleOK() {
+        closeModal();
+      }
 
 
-    return { register, schemas, registerForm, handleOK };
-  },
-});
+      return { register, schemas, registerForm, handleOK };
+    },
+  });
 </script>
 </script>

@@ -8,12 +8,12 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'查看',
+              label: '查看',
               icon: 'ant-design:fund-view-outlined',
               icon: 'ant-design:fund-view-outlined',
               onClick: handleModal.bind(null, record),
               onClick: handleModal.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
@@ -25,81 +25,79 @@
         />
         />
       </template>
       </template>
     </BasicTable>
     </BasicTable>
-    <EmailDetail @register="registerModal"/>
+    <EmailDetail @register="registerModal" />
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent } from 'vue';
+  import { defineComponent } from 'vue';
 
 
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { BasicDrawer,useDrawerInner } from '/@/components/Drawer';
-import { columns, searchFormSchema } from './email.data';
-import {Tag} from "ant-design-vue";
-import {useMessage} from "/@/hooks/web/useMessage";
-import {deleteSmsLog, mailLogPage} from "/@/api/message/records";
-import {useModal} from "/@/components/Modal";
-import EmailDetail from "/@/views/message/records/item/EmailDetail.vue";
-export default defineComponent({
-  name: 'EmailLog',
-  components: {EmailDetail, BasicDrawer, BasicTable, TableAction ,Tag},
-  setup() {
-    const [registerModal, { openModal}] = useModal();
-    const { createMessage } = useMessage();
-    const [register] = useDrawerInner(() => {
-    });
-    const [registerTable, { reload }] = useTable({
-      title: '邮件发送列表',
-      api: mailLogPage,
-      columns,
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-        fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
-      },
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      actionColumn: {
-        width: 140,
-        title: '操作',
-        dataIndex: 'action',
-        slots: { customRender: 'action' },
-        fixed: undefined,
-      },
-      immediate:true
-    });
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { columns, searchFormSchema } from './email.data';
+  import { Tag } from 'ant-design-vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { deleteSmsLog, mailLogPage } from '/@/api/message/records';
+  import { useModal } from '/@/components/Modal';
+  import EmailDetail from '/@/views/message/records/item/EmailDetail.vue';
+  export default defineComponent({
+    name: 'EmailLog',
+    components: { EmailDetail, BasicDrawer, BasicTable, TableAction, Tag },
+    setup() {
+      const [registerModal, { openModal }] = useModal();
+      const { createMessage } = useMessage();
+      const [register] = useDrawerInner(() => {});
+      const [registerTable, { reload }] = useTable({
+        title: '邮件发送列表',
+        api: mailLogPage,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+          fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 140,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
+        immediate: true,
+      });
 
 
-    function handleCreate() {
-    }
+      function handleCreate() {}
 
 
-    function handleModal(record: Recordable) {
-      openModal(true,{
-        record,
-      })
-    }
+      function handleModal(record: Recordable) {
+        openModal(true, {
+          record,
+        });
+      }
 
 
-    function handleDelete(record: Recordable) {
-      let ids = [record.id];
-      deleteSmsLog(ids).then((result)=>{
-        createMessage.success(result.message)
-        handleSuccess()
-      });
-    }
+      function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        deleteSmsLog(ids).then((result) => {
+          createMessage.success(result.message);
+          handleSuccess();
+        });
+      }
 
 
-    function handleSuccess() {
-      reload();
-    }
+      function handleSuccess() {
+        reload();
+      }
 
 
-    return {
-      register,
-      registerTable,
-      registerModal,
-      handleCreate,
-      handleDelete,
-      handleModal,
-      handleSuccess
-    };
-  },
-});
+      return {
+        register,
+        registerTable,
+        registerModal,
+        handleCreate,
+        handleDelete,
+        handleModal,
+        handleSuccess,
+      };
+    },
+  });
 </script>
 </script>

@@ -8,12 +8,12 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'查看',
+              label: '查看',
               icon: 'ant-design:fund-view-outlined',
               icon: 'ant-design:fund-view-outlined',
               onClick: handleQuery.bind(null, record),
               onClick: handleQuery.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
@@ -28,76 +28,74 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, h} from 'vue';
+  import { defineComponent, h } from 'vue';
 
 
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { BasicDrawer,useDrawerInner } from '/@/components/Drawer';
-import { columns, searchFormSchema } from './sms.data';
-import {Modal, Tag} from "ant-design-vue";
-import {useMessage} from "/@/hooks/web/useMessage";
-import {smsLogPage,deleteSmsLog} from "/@/api/message/records";
-import {JsonPreview} from "/@/components/CodeEditor";
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { columns, searchFormSchema } from './sms.data';
+  import { Modal, Tag } from 'ant-design-vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { smsLogPage, deleteSmsLog } from '/@/api/message/records';
+  import { JsonPreview } from '/@/components/CodeEditor';
 
 
-export default defineComponent({
-  name: 'SmsLog',
-  components: {BasicDrawer, BasicTable, TableAction ,Tag},
-  setup() {
-    const { createMessage } = useMessage();
-    const [register] = useDrawerInner(() => {
-    });
-    const [registerTable, { reload }] = useTable({
-      title: '短信发送列表',
-      api: smsLogPage,
-      columns,
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-        fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
-      },
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      actionColumn: {
-        width: 140,
-        title: '操作',
-        dataIndex: 'action',
-        slots: { customRender: 'action' },
-        fixed: undefined,
-      },
-    });
+  export default defineComponent({
+    name: 'SmsLog',
+    components: { BasicDrawer, BasicTable, TableAction, Tag },
+    setup() {
+      const { createMessage } = useMessage();
+      const [register] = useDrawerInner(() => {});
+      const [registerTable, { reload }] = useTable({
+        title: '短信发送列表',
+        api: smsLogPage,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+          fieldMapToTime: [['sendTime', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss']],
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 140,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
+      });
 
 
-    function handleCreate() {
-    }
+      function handleCreate() {}
 
 
-    function handleQuery(record: Recordable) {
-      Modal.info({
-        title: '当前配置',
-        width:480,
-        content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.templateParam)) }),
-      });
-    }
+      function handleQuery(record: Recordable) {
+        Modal.info({
+          title: '当前配置',
+          width: 480,
+          content: h(JsonPreview, { data: JSON.parse(JSON.stringify(record.templateParam)) }),
+        });
+      }
 
 
-    function handleDelete(record: Recordable) {
-      let ids = [record.id];
-      deleteSmsLog(ids).then((result)=>{
-        createMessage.success(result.message)
-        handleSuccess()
-      });
-    }
+      function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        deleteSmsLog(ids).then((result) => {
+          createMessage.success(result.message);
+          handleSuccess();
+        });
+      }
 
 
-    function handleSuccess() {
-      reload();
-    }
+      function handleSuccess() {
+        reload();
+      }
 
 
-    return {
-      register,
-      registerTable,
-      handleCreate,
-      handleDelete,
-      handleSuccess,
-      handleQuery
-    };
-  },
-});
+      return {
+        register,
+        registerTable,
+        handleCreate,
+        handleDelete,
+        handleSuccess,
+        handleQuery,
+      };
+    },
+  });
 </script>
 </script>

 <template>
 <template>
-  <BasicModal v-bind="$attrs" @register="register" title="邮件发送参数" @ok="handleOK"
-              width="700px">
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="邮件发送参数"
+    @ok="handleOK"
+    width="700px"
+  >
     <div class="pt-6px pr-6px">
     <div class="pt-6px pr-6px">
-      <BasicForm @register="registerForm"/>
+      <BasicForm @register="registerForm" />
     </div>
     </div>
   </BasicModal>
   </BasicModal>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent,h } from 'vue';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
-import {useMessage} from "/@/hooks/web/useMessage";
-import { Tinymce } from '/@/components/Tinymce';
-import {sendEmail} from "/@/api/message/template";
-const schemas: FormSchema[] = [
-  {
-    field: 'id',
-    component: 'Input',
-    label: 'id',
-    show:false
-  },
-  {
-    field: 'templatePurpose',
-    label: '用途',
-    component:'Input',
-    show:false,
-  },
-  {
-    field: 'messageType',
-    component: 'Input',
-    label: 'messageType',
-    show:false
-  },
-  {
-    field: 'subject',
-    component: 'Input',
-    label: '邮件主题',
-    required: true,
-    colProps: {
-      span: 12,
+  import { defineComponent, h } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { Tinymce } from '/@/components/Tinymce';
+  import { sendEmail } from '/@/api/message/template';
+  const schemas: FormSchema[] = [
+    {
+      field: 'id',
+      component: 'Input',
+      label: 'id',
+      show: false,
     },
     },
-  },
-  {
-    field: 'to',
-    component: 'Input',
-    label: '主送',
-    required: true,
-    colProps: {
-      span: 12,
+    {
+      field: 'templatePurpose',
+      label: '用途',
+      component: 'Input',
+      show: false,
     },
     },
-  },
-  {
-    field: 'cc',
-    component: 'Input',
-    label: '抄送',
-    colProps: {
-      span: 12,
+    {
+      field: 'messageType',
+      component: 'Input',
+      label: 'messageType',
+      show: false,
     },
     },
-  },
-  {
-    field: 'bcc',
-    component: 'Input',
-    label: '密送',
-    colProps: {
-      span: 12,
+    {
+      field: 'subject',
+      component: 'Input',
+      label: '邮件主题',
+      required: true,
+      colProps: {
+        span: 12,
+      },
     },
     },
-  },
-  {
-    field: 'body',
-    component: 'Input',
-    label: '邮件内容',
-    rules: [{ required: true }],
-    render: ({ model, field }) => {
-      return h(Tinymce, {
-        value: model[field],
-        onChange: (value: string) => {
-          model[field] = value;
-        },
-      });
+    {
+      field: 'to',
+      component: 'Input',
+      label: '主送',
+      required: true,
+      colProps: {
+        span: 12,
+      },
     },
     },
-  },
-];
-export default defineComponent({
-  components: { BasicModal, BasicForm},
-  setup() {
-    const {createMessage} = useMessage();
-    const [registerForm,{validate,resetFields,setFieldsValue},] = useForm({
-      labelWidth: 70,
-      schemas,
-      showActionButtonGroup: false,
-      actionColOptions: {
-        span: 24,
+    {
+      field: 'cc',
+      component: 'Input',
+      label: '抄送',
+      colProps: {
+        span: 12,
       },
       },
-    });
-    const [register,{closeModal}] = useModalInner(async(data) => {
-      await resetFields();
-      await setFieldsValue({
-        ...data.record,
+    },
+    {
+      field: 'bcc',
+      component: 'Input',
+      label: '密送',
+      colProps: {
+        span: 12,
+      },
+    },
+    {
+      field: 'body',
+      component: 'Input',
+      label: '邮件内容',
+      rules: [{ required: true }],
+      render: ({ model, field }) => {
+        return h(Tinymce, {
+          value: model[field],
+          onChange: (value: string) => {
+            model[field] = value;
+          },
+        });
+      },
+    },
+  ];
+  export default defineComponent({
+    components: { BasicModal, BasicForm },
+    setup() {
+      const { createMessage } = useMessage();
+      const [registerForm, { validate, resetFields, setFieldsValue }] = useForm({
+        labelWidth: 70,
+        schemas,
+        showActionButtonGroup: false,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+      const [register, { closeModal }] = useModalInner(async (data) => {
+        await resetFields();
+        await setFieldsValue({
+          ...data.record,
+        });
       });
       });
-    });
 
 
-    async function handleOK() {
-      const values = await validate();
-      const to = Reflect.get(values,"to").split(",");
-      const cc = Reflect.get(values,"cc");
-      const bcc = Reflect.get(values,"bcc");
-      if(typeof (cc) != "undefined"){
-        cc.split(",");
-        Reflect.set(values,"cc",cc)
-      }
-      if(typeof (bcc) != "undefined"){
-        bcc.split(",");
-        Reflect.set(values,"bcc",bcc)
+      async function handleOK() {
+        const values = await validate();
+        const to = Reflect.get(values, 'to').split(',');
+        const cc = Reflect.get(values, 'cc');
+        const bcc = Reflect.get(values, 'bcc');
+        if (typeof cc != 'undefined') {
+          cc.split(',');
+          Reflect.set(values, 'cc', cc);
+        }
+        if (typeof bcc != 'undefined') {
+          bcc.split(',');
+          Reflect.set(values, 'bcc', bcc);
+        }
+        Reflect.set(values, 'to', to);
+        Reflect.set(values, 'emailFormatEnum', 'HTML');
+        await sendEmail(values);
+        console.log(values, 'values');
+        closeModal();
+        createMessage.success('发送成功');
       }
       }
-      Reflect.set(values,"to",to)
-      Reflect.set(values,"emailFormatEnum","HTML")
-      await sendEmail(values);
-      console.log(values,"values")
-      closeModal();
-      createMessage.success("发送成功")
-    }
 
 
-    return { register, schemas, registerForm, handleOK };
-  },
-});
+      return { register, schemas, registerForm, handleOK };
+    },
+  });
 </script>
 </script>

 <template>
 <template>
-  <BasicModal
-    v-bind="$attrs"
-    @register="register"
-    title="发送参数"
-    @ok="handleOK"
-  >
+  <BasicModal v-bind="$attrs" @register="register" title="发送参数" @ok="handleOK">
     <div class="pt-4px pr-4px">
     <div class="pt-4px pr-4px">
-      <BasicForm @register="registerForm"/>
+      <BasicForm @register="registerForm" />
     </div>
     </div>
   </BasicModal>
   </BasicModal>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
-import {sendSms} from "/@/api/message/template";
-import {useMessage} from "/@/hooks/web/useMessage";
-const schemas: FormSchema[] = [
-  {
-    field: 'id',
-    component: 'Input',
-    label: 'id',
-    show:false
-  },
-  {
-    field: 'templatePurpose',
-    label: '用途',
-    component:'Input',
-    show:false,
-  },
-  {
-    field: 'messageType',
-    component: 'Input',
-    label: 'messageType',
-    show:false
-  },
-  {
-    field: 'phoneNumbers',
-    component: 'Input',
-    label: '手机号码',
-    required: true,
-  },
-  {
-    field: 'params',
-    component: 'InputTextArea',
-    label: '短信参数',
-    required: true,
-    componentProps:{
-      placeholder: '示例：{"code":"3654"}',
-    }
-  },
-  {
-    field: 'remark',
-    component: 'InputTextArea',
-    label: '备注',
-  },
-];
-export default defineComponent({
-  components: { BasicModal, BasicForm},
-  setup() {
-    const {createMessage} = useMessage();
-    const [registerForm,{validate,resetFields,setFieldsValue},] = useForm({
-      labelWidth: 70,
-      schemas,
-      showActionButtonGroup: false,
-      actionColOptions: {
-        span: 24,
+  import { defineComponent } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
+  import { sendSms } from '/@/api/message/template';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  const schemas: FormSchema[] = [
+    {
+      field: 'id',
+      component: 'Input',
+      label: 'id',
+      show: false,
+    },
+    {
+      field: 'templatePurpose',
+      label: '用途',
+      component: 'Input',
+      show: false,
+    },
+    {
+      field: 'messageType',
+      component: 'Input',
+      label: 'messageType',
+      show: false,
+    },
+    {
+      field: 'phoneNumbers',
+      component: 'Input',
+      label: '手机号码',
+      required: true,
+    },
+    {
+      field: 'params',
+      component: 'InputTextArea',
+      label: '短信参数',
+      required: true,
+      componentProps: {
+        placeholder: '示例：{"code":"3654"}',
       },
       },
-    });
-    const [register,{closeModal}] = useModalInner(async(data) => {
-      await resetFields();
-      await setFieldsValue({
-        ...data.record,
+    },
+    {
+      field: 'remark',
+      component: 'InputTextArea',
+      label: '备注',
+    },
+  ];
+  export default defineComponent({
+    components: { BasicModal, BasicForm },
+    setup() {
+      const { createMessage } = useMessage();
+      const [registerForm, { validate, resetFields, setFieldsValue }] = useForm({
+        labelWidth: 70,
+        schemas,
+        showActionButtonGroup: false,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+      const [register, { closeModal }] = useModalInner(async (data) => {
+        await resetFields();
+        await setFieldsValue({
+          ...data.record,
+        });
       });
       });
-    });
 
 
-    async function handleOK() {
-      const values = await validate();
-      //将字符串转为json
-      const smsParams = JSON.parse(Reflect.get(values,'params'))
-      Reflect.set(values, 'params', smsParams);
-      await sendSms(values)
-      closeModal();
-      createMessage.success("发送成功")
-    }
+      async function handleOK() {
+        const values = await validate();
+        //将字符串转为json
+        const smsParams = JSON.parse(Reflect.get(values, 'params'));
+        Reflect.set(values, 'params', smsParams);
+        await sendSms(values);
+        closeModal();
+        createMessage.success('发送成功');
+      }
 
 
-    return {register, schemas, registerForm, handleOK };
-  },
-});
+      return { register, schemas, registerForm, handleOK };
+    },
+  });
 </script>
 </script>

@@ -4,11 +4,11 @@
     @register="registerDrawer"
     @register="registerDrawer"
     showFooter
     showFooter
     :title="getTitle"
     :title="getTitle"
-    :helpMessage="['用户登录、忘记密码模板平台只提供{code}参数','初始密码设置平台提供{name}参数']"
+    :helpMessage="['用户登录、忘记密码模板平台只提供{code}参数', '初始密码设置平台提供{name}参数']"
     width="500px"
     width="500px"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
@@ -16,15 +16,15 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { formSchema } from './template.data';
   import { formSchema } from './template.data';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
-  import {saveOrEditMessageTemplate} from "/@/api/message/template";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { saveOrEditMessageTemplate } from '/@/api/message/template';
+  import { useMessage } from '/@/hooks/web/useMessage';
   export default defineComponent({
   export default defineComponent({
     name: 'TemplateDrawer',
     name: 'TemplateDrawer',
     components: { BasicDrawer, BasicForm },
     components: { BasicDrawer, BasicForm },
     emits: ['success', 'register'],
     emits: ['success', 'register'],
     setup(_, { emit }) {
     setup(_, { emit }) {
       const isUpdate = ref(true);
       const isUpdate = ref(true);
-      const [registerForm, {  validate,setFieldsValue,resetFields }] = useForm({
+      const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
         labelWidth: 120,
         labelWidth: 120,
         schemas: formSchema,
         schemas: formSchema,
         showActionButtonGroup: false,
         showActionButtonGroup: false,
@@ -36,8 +36,8 @@
         isUpdate.value = !!data?.isUpdate;
         isUpdate.value = !!data?.isUpdate;
         if (unref(isUpdate)) {
         if (unref(isUpdate)) {
           const config = data.record.config;
           const config = data.record.config;
-          for (const key in config){
-            Reflect.set(data.record, key+'', config[key]);
+          for (const key in config) {
+            Reflect.set(data.record, key + '', config[key]);
           }
           }
           await setFieldsValue({
           await setFieldsValue({
             ...data.record,
             ...data.record,
@@ -52,27 +52,27 @@
           const values = await validate();
           const values = await validate();
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
-          let config={};
-          if(values.messageType === 'PHONE_MESSAGE'){
-            config ={
-              "accessKeyId":values.accessKeyId,
-              "accessKeySecret":values.accessKeySecret,
-            }
-          }else if(values.messageType === 'EMAIL_MESSAGE'){
-            config ={
-              "host":values.host,
-              "port":values.port,
-              "username":values.username,
-              "password":values.password,
-            }
+          let config = {};
+          if (values.messageType === 'PHONE_MESSAGE') {
+            config = {
+              accessKeyId: values.accessKeyId,
+              accessKeySecret: values.accessKeySecret,
+            };
+          } else if (values.messageType === 'EMAIL_MESSAGE') {
+            config = {
+              host: values.host,
+              port: values.port,
+              username: values.username,
+              password: values.password,
+            };
           }
           }
           Reflect.set(values, 'config', config);
           Reflect.set(values, 'config', config);
-          let saveMessage = "添加成功";
-          let updateMessage = "修改成功";
-          await saveOrEditMessageTemplate(values,unref(isUpdate));
+          let saveMessage = '添加成功';
+          let updateMessage = '修改成功';
+          await saveOrEditMessageTemplate(values, unref(isUpdate));
           closeDrawer();
           closeDrawer();
           emit('success');
           emit('success');
-          createMessage.success(unref(isUpdate)?updateMessage:saveMessage);
+          createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
         } finally {
         } finally {
           setDrawerProps({ confirmLoading: false });
           setDrawerProps({ confirmLoading: false });
         }
         }

@@ -4,24 +4,26 @@
       <template #toolbar>
       <template #toolbar>
         <a-button type="primary" @click="handleCreate"> 新增模板 </a-button>
         <a-button type="primary" @click="handleCreate"> 新增模板 </a-button>
       </template>
       </template>
-      <template #config="{record}">
-        <a-button type="link" class="ml-2" @click="goConfig"> {{record.messageConfig.configName}} </a-button>
+      <template #config="{ record }">
+        <a-button type="link" class="ml-2" @click="goConfig">
+          {{ record.messageConfig.configName }}
+        </a-button>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'发送',
+              label: '发送',
               icon: 'ant-design:send-outlined',
               icon: 'ant-design:send-outlined',
               onClick: handleModal.bind(null, record),
               onClick: handleModal.bind(null, record),
             },
             },
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
@@ -33,119 +35,119 @@
         />
         />
       </template>
       </template>
     </BasicTable>
     </BasicTable>
-    <SendSms @register="registerModal"/>
-    <SendEmail @register="registerMailModal"/>
+    <SendSms @register="registerModal" />
+    <SendEmail @register="registerMailModal" />
     <TemplateDrawer @register="registerDrawer" @success="handleSuccess" />
     <TemplateDrawer @register="registerDrawer" @success="handleSuccess" />
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent} from 'vue';
+  import { defineComponent } from 'vue';
 
 
-import {BasicTable, TableAction, useTable} from '/@/components/Table';
-import {useDrawer} from '/@/components/Drawer';
-import TemplateDrawer from './TemplateDrawer.vue';
-import {columns, searchFormSchema} from './template.data';
-import {CodeEditor} from '/@/components/CodeEditor';
-import {useMessage} from "/@/hooks/web/useMessage";
-import {deleteMessageTemplate, messageTemplatePage} from "/@/api/message/template";
-import {Tag} from "ant-design-vue";
-import {useGo} from '/@/hooks/web/usePage';
-import {PageEnum} from "/@/enums/pageEnum";
-import { useModal } from '/@/components/Modal';
-import SendSms from "/@/views/message/template/SendSms.vue";
-import {MessageEnum} from "/@/enums/messageEnum";
-import SendEmail from "/@/views/message/template/SendEmail.vue";
+  import { BasicTable, TableAction, useTable } from '/@/components/Table';
+  import { useDrawer } from '/@/components/Drawer';
+  import TemplateDrawer from './TemplateDrawer.vue';
+  import { columns, searchFormSchema } from './template.data';
+  import { CodeEditor } from '/@/components/CodeEditor';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { deleteMessageTemplate, messageTemplatePage } from '/@/api/message/template';
+  import { Tag } from 'ant-design-vue';
+  import { useGo } from '/@/hooks/web/usePage';
+  import { PageEnum } from '/@/enums/pageEnum';
+  import { useModal } from '/@/components/Modal';
+  import SendSms from '/@/views/message/template/SendSms.vue';
+  import { MessageEnum } from '/@/enums/messageEnum';
+  import SendEmail from '/@/views/message/template/SendEmail.vue';
 
 
-export default defineComponent({
-  name: 'MessageTemplateManagement',
-  components: {SendSms,SendEmail, BasicTable, TemplateDrawer, TableAction ,CodeEditor,Tag},
-  setup() {
-    const [registerModal, { openModal:openModal }] = useModal();
-    const [registerMailModal, { openModal:openMailModal }] = useModal();
-    const go = useGo();
-    const [registerDrawer, { openDrawer }] = useDrawer();
-    const {createMessage} = useMessage();
-    const [registerTable, { reload }] = useTable({
-      title: '消息模板列表',
-      api: messageTemplatePage,
-      columns,
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-      },
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      actionColumn: {
-        width: 180,
-        title: '操作',
-        dataIndex: 'action',
-        slots: { customRender: 'action' },
-        fixed: undefined,
-      },
-    });
-
-    function handleCreate() {
-      openDrawer(true, {
-        isUpdate: false,
-      });
-    }
-
-    function handleEdit(record: Recordable) {
-      openDrawer(true, {
-        record,
-        isUpdate: true,
+  export default defineComponent({
+    name: 'MessageTemplateManagement',
+    components: { SendSms, SendEmail, BasicTable, TemplateDrawer, TableAction, CodeEditor, Tag },
+    setup() {
+      const [registerModal, { openModal: openModal }] = useModal();
+      const [registerMailModal, { openModal: openMailModal }] = useModal();
+      const go = useGo();
+      const [registerDrawer, { openDrawer }] = useDrawer();
+      const { createMessage } = useMessage();
+      const [registerTable, { reload }] = useTable({
+        title: '消息模板列表',
+        api: messageTemplatePage,
+        columns,
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFormSchema,
+        },
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 180,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
       });
       });
-    }
 
 
-    function handleModal(record: Recordable){
-      let openSms = false;
-      let openEmail = false;
-      const messageType = Reflect.get(record,"messageType");
-      if(messageType===MessageEnum.IS_SMS){
-        openSms = true;
-      }else if(messageType===MessageEnum.IS_EMAIL){
-        openEmail = true;
+      function handleCreate() {
+        openDrawer(true, {
+          isUpdate: false,
+        });
       }
       }
-      if(openSms){
-        openModal(openSms,{
+
+      function handleEdit(record: Recordable) {
+        openDrawer(true, {
           record,
           record,
-        })
+          isUpdate: true,
+        });
       }
       }
-      if(openEmail){
-        openMailModal(openEmail,{
-          record,
-        })
+
+      function handleModal(record: Recordable) {
+        let openSms = false;
+        let openEmail = false;
+        const messageType = Reflect.get(record, 'messageType');
+        if (messageType === MessageEnum.IS_SMS) {
+          openSms = true;
+        } else if (messageType === MessageEnum.IS_EMAIL) {
+          openEmail = true;
+        }
+        if (openSms) {
+          openModal(openSms, {
+            record,
+          });
+        }
+        if (openEmail) {
+          openMailModal(openEmail, {
+            record,
+          });
+        }
       }
       }
-    }
 
 
-    function handleDelete(record: Recordable) {
-      let ids = [record.id];
-      deleteMessageTemplate(ids).then((result)=>{
-        createMessage.success(result.message)
-        handleSuccess()
-      });
-    }
+      function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        deleteMessageTemplate(ids).then((result) => {
+          createMessage.success(result.message);
+          handleSuccess();
+        });
+      }
 
 
-    function handleSuccess() {
-      reload();
-    }
-    function goConfig(){
-      go(PageEnum.MESSAGE_CONFIG)
-    }
-    return {
-      registerTable,
-      registerDrawer,
-      registerModal,
-      registerMailModal,
-      handleCreate,
-      handleEdit,
-      handleDelete,
-      handleSuccess,
-      handleModal,
-      goConfig,
-    };
-  },
-});
+      function handleSuccess() {
+        reload();
+      }
+      function goConfig() {
+        go(PageEnum.MESSAGE_CONFIG);
+      }
+      return {
+        registerTable,
+        registerDrawer,
+        registerModal,
+        registerMailModal,
+        handleCreate,
+        handleEdit,
+        handleDelete,
+        handleSuccess,
+        handleModal,
+        goConfig,
+      };
+    },
+  });
 </script>
 </script>

@@ -16,11 +16,7 @@
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
           <AppLogo class="-enter-x" />
           <AppLogo class="-enter-x" />
           <div class="my-auto">
           <div class="my-auto">
-            <img
-              :alt="title"
-              src="../../../assets/images/iot.png"
-              class="w-4/5 -mt-16 -enter-x"
-            />
+            <img :alt="title" src="../../../assets/images/iot.png" class="w-4/5 -mt-16 -enter-x" />
             <div class="mt-10 font-medium text-white -enter-x">
             <div class="mt-10 font-medium text-white -enter-x">
               <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
               <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
             </div>
             </div>

@@ -25,8 +25,6 @@
       />
       />
     </FormItem>
     </FormItem>
 
 
-   
-
     <FormItem class="enter-x">
     <FormItem class="enter-x">
       <Button type="primary" size="large" block @click="handleLogin" :loading="loading">
       <Button type="primary" size="large" block @click="handleLogin" :loading="loading">
         {{ t('sys.login.loginButton') }}
         {{ t('sys.login.loginButton') }}
@@ -44,10 +42,9 @@
         </Button>
         </Button>
       </ACol>
       </ACol>
     </ARow>
     </ARow>
-     <ARow class="enter-x">
+    <ARow class="enter-x">
       <ACol :span="12">
       <ACol :span="12">
-        <FormItem>
-        </FormItem>
+        <FormItem> </FormItem>
       </ACol>
       </ACol>
       <ACol :span="12">
       <ACol :span="12">
         <FormItem :style="{ 'text-align': 'right' }">
         <FormItem :style="{ 'text-align': 'right' }">
@@ -123,9 +120,12 @@
     } catch (error) {
     } catch (error) {
       createErrorModal({
       createErrorModal({
         title: t('sys.api.loginFailed'),
         title: t('sys.api.loginFailed'),
-        content: (error.response && error.response.status == 401)?
-                t('sys.api.passwordOrUserNameError')
-                :(error.code == 'ECONNABORTED'?t('sys.api.timeoutMessage'):t('sys.api.apiRequestFailed')),
+        content:
+          error.response && error.response.status == 401
+            ? t('sys.api.passwordOrUserNameError')
+            : error.code == 'ECONNABORTED'
+            ? t('sys.api.timeoutMessage')
+            : t('sys.api.apiRequestFailed'),
         getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
         getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
       });
       });
     } finally {
     } finally {

@@ -32,15 +32,15 @@
   </template>
   </template>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
-import {reactive, ref, computed, unref, toRaw} from 'vue';
-  import { Form, Input, Button,message } from 'ant-design-vue';
+  import { reactive, ref, computed, unref, toRaw } from 'vue';
+  import { Form, Input, Button, message } from 'ant-design-vue';
   import { CountdownInput } from '/@/components/CountDown';
   import { CountdownInput } from '/@/components/CountDown';
   import LoginFormTitle from './LoginFormTitle.vue';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useLoginState, useFormRules, useFormValid, LoginStateEnum } from './useLogin';
   import { useLoginState, useFormRules, useFormValid, LoginStateEnum } from './useLogin';
-  import {SendLoginSmsCode, smsCodeLoginApi} from "/@/api/sys/user";
-  import {useUserStore} from "/@/store/modules/user";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { SendLoginSmsCode, smsCodeLoginApi } from '/@/api/sys/user';
+  import { useUserStore } from '/@/store/modules/user';
+  import { useMessage } from '/@/hooks/web/useMessage';
   const { notification, createErrorModal } = useMessage();
   const { notification, createErrorModal } = useMessage();
 
 
   const FormItem = Form.Item;
   const FormItem = Form.Item;
@@ -57,18 +57,18 @@ import {reactive, ref, computed, unref, toRaw} from 'vue';
   });
   });
 
 
   async function sendLoginSms() {
   async function sendLoginSms() {
-    const reg = /^[1](([3][0-9])|([4][0,1,4-9])|([5][0-3,5-9])|([6][2,5,6,7])|([7][0-8])|([8][0-9])|([9][0-3,5-9]))[0-9]{8}$/;
-    if(reg.test(formData.phoneNumber)){
-     const sendRes = await SendLoginSmsCode(formData.phoneNumber);
-     if(!sendRes){
-         message.error('发送失败');
-       return false;
-     }
+    const reg =
+      /^[1](([3][0-9])|([4][0,1,4-9])|([5][0-3,5-9])|([6][2,5,6,7])|([7][0-8])|([8][0-9])|([9][0-3,5-9]))[0-9]{8}$/;
+    if (reg.test(formData.phoneNumber)) {
+      const sendRes = await SendLoginSmsCode(formData.phoneNumber);
+      if (!sendRes) {
+        message.error('发送失败');
+        return false;
+      }
       return true;
       return true;
-    }else{
+    } else {
       message.error('请输入正确手机号码');
       message.error('请输入正确手机号码');
     }
     }
-
   }
   }
 
 
   const { validForm } = useFormValid(formRef);
   const { validForm } = useFormValid(formRef);

 <template>
 <template>
-  <PageWrapper
-    :title="`用户资料`"
-    contentBackground
-    @back="goBack"
-  >
-    <Description
-      size="middle"
-      @register="register"
-    />
+  <PageWrapper :title="`用户资料`" contentBackground @back="goBack">
+    <Description size="middle" @register="register" />
   </PageWrapper>
   </PageWrapper>
 </template>
 </template>
 
 
@@ -16,48 +9,52 @@
   import { useRoute } from 'vue-router';
   import { useRoute } from 'vue-router';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import { useGo } from '/@/hooks/web/usePage';
   import { useGo } from '/@/hooks/web/usePage';
-  import {Description} from "../../../components/Description";
+  import { Description } from '../../../components/Description';
   import { useTabs } from '/@/hooks/web/useTabs';
   import { useTabs } from '/@/hooks/web/useTabs';
   import { Tabs } from 'ant-design-vue';
   import { Tabs } from 'ant-design-vue';
-  import {getAccountInfo} from "../../../api/system/system";
-  import {accountSchema} from "./account.detail.data";
-  import {useDescription} from "../../../components/Description";
+  import { getAccountInfo } from '../../../api/system/system';
+  import { accountSchema } from './account.detail.data';
+  import { useDescription } from '../../../components/Description';
   const accountData = {};
   const accountData = {};
   export default defineComponent({
   export default defineComponent({
     name: 'AccountDetail',
     name: 'AccountDetail',
-    components: { PageWrapper, ATabs: Tabs, ATabPane: Tabs.TabPane,Description },
+    components: { PageWrapper, ATabs: Tabs, ATabPane: Tabs.TabPane, Description },
     setup() {
     setup() {
       const route = useRoute();
       const route = useRoute();
       const go = useGo();
       const go = useGo();
       const { setTitle } = useTabs();
       const { setTitle } = useTabs();
-      const [register,methods] = useDescription({
-        title:"账号基础信息",
-        data:accountData,
-        bordered:false,
-        schema:accountSchema,
-        column:3
-      })
-      getAccountInfo(route.params?.id).then((result)=>{
-        Reflect.set(accountData,"realName",result.realName);
-        Reflect.set(accountData,"phoneNumber",result.phoneNumber);
-        Reflect.set(accountData,"email",result.email);
-        Reflect.set(accountData,"username",result.username);
-        Reflect.set(accountData,"enabled",result.enabled?"正常":!result.enabled?"禁用":"已过期");
-        Reflect.set(accountData,"accountExpireTime",result.accountExpireTime);
-        Reflect.set(accountData,"createTime",result.createTime);
-        Reflect.set(accountData,"updateTime",result.updateTime);
-        Reflect.set(accountData,"deptId",result.deptId);
-        console.log(accountData,"accountData")
+      const [register, methods] = useDescription({
+        title: '账号基础信息',
+        data: accountData,
+        bordered: false,
+        schema: accountSchema,
+        column: 3,
+      });
+      getAccountInfo(route.params?.id).then((result) => {
+        Reflect.set(accountData, 'realName', result.realName);
+        Reflect.set(accountData, 'phoneNumber', result.phoneNumber);
+        Reflect.set(accountData, 'email', result.email);
+        Reflect.set(accountData, 'username', result.username);
+        Reflect.set(
+          accountData,
+          'enabled',
+          result.enabled ? '正常' : !result.enabled ? '禁用' : '已过期'
+        );
+        Reflect.set(accountData, 'accountExpireTime', result.accountExpireTime);
+        Reflect.set(accountData, 'createTime', result.createTime);
+        Reflect.set(accountData, 'updateTime', result.updateTime);
+        Reflect.set(accountData, 'deptId', result.deptId);
+        console.log(accountData, 'accountData');
         // 设置Tab的标题（不会影响页面标题）
         // 设置Tab的标题（不会影响页面标题）
         setTitle('详情：用户' + result.realName);
         setTitle('详情：用户' + result.realName);
-        methods.setDescProps(accountData)
+        methods.setDescProps(accountData);
       });
       });
       // 页面左侧点击返回链接时的操作
       // 页面左侧点击返回链接时的操作
       function goBack() {
       function goBack() {
         // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
         // 本例的效果时点击返回始终跳转到账号列表页，实际应用时可返回上一页
         go('/system/account');
         go('/system/account');
       }
       }
-      return {goBack,accountSchema,accountData,register };
+      return { goBack, accountSchema, accountData, register };
     },
     },
   });
   });
 </script>
 </script>

 <template>
 <template>
-  <BasicModal width="650px" v-bind="$attrs" @register="registerModal" :title="getTitle"
-              @ok="handleSubmit">
+  <BasicModal
+    width="650px"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="getTitle"
+    @ok="handleSubmit"
+  >
     <BasicForm @register="registerForm">
     <BasicForm @register="registerForm">
       <template #groupId="{ model, field }">
       <template #groupId="{ model, field }">
         <BasicTree
         <BasicTree
@@ -17,100 +22,101 @@
   </BasicModal>
   </BasicModal>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref, computed, unref} from 'vue';
-import {BasicModal, useModalInner} from '/@/components/Modal';
-import {BasicForm, useForm} from '/@/components/Form/index';
-import {accountFormSchema} from './account.data';
-import {findCurrentUserRelation, getDeptList, SaveOrUpdateUserInfo} from '/@/api/system/system';
-import {BasicTree, TreeItem} from "/@/components/Tree";
-import {findCurrentUserGroups} from "/@/api/system/group";
-import {RoleOrGroupParam} from "/@/api/system/model/systemModel";
-import {useMessage} from "/@/hooks/web/useMessage";
-export default defineComponent({
-  name: 'AccountModal',
-  components: {BasicModal, BasicForm, BasicTree},
-  emits: ['success', 'register'],
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    const rowId = ref('');
-    const groupTreeData = ref<TreeItem[]>([]);
-    const checkGroup = ref<string[]>([]);
-    const [registerForm, {setFieldsValue, updateSchema, resetFields, validate}] = useForm({
-      labelWidth: 100,
-      schemas: accountFormSchema,
-      showActionButtonGroup: false,
-      actionColOptions: {
-        span: 18,
-      },
-    });
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { accountFormSchema } from './account.data';
+  import { findCurrentUserRelation, getDeptList, SaveOrUpdateUserInfo } from '/@/api/system/system';
+  import { BasicTree, TreeItem } from '/@/components/Tree';
+  import { findCurrentUserGroups } from '/@/api/system/group';
+  import { RoleOrGroupParam } from '/@/api/system/model/systemModel';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  export default defineComponent({
+    name: 'AccountModal',
+    components: { BasicModal, BasicForm, BasicTree },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      const rowId = ref('');
+      const groupTreeData = ref<TreeItem[]>([]);
+      const checkGroup = ref<string[]>([]);
+      const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
+        labelWidth: 100,
+        schemas: accountFormSchema,
+        showActionButtonGroup: false,
+        actionColOptions: {
+          span: 18,
+        },
+      });
 
 
-    const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
-      await resetFields();
-      setModalProps({confirmLoading: false});
-      isUpdate.value = !!data?.isUpdate;
-      const groupListModel = await findCurrentUserGroups();
-      if (unref(groupTreeData).length === 0) {
-        let treeValues = new Array<TreeItem>();
-        groupListModel.map((item) => {
-          const groupData = {
-            name: item.name,
-            key: item.id,
-            id: item.id,
-            children: item.children as any as TreeItem[],
-          }
-          treeValues.push(groupData);
-        })
-        groupTreeData.value = treeValues;
-      }
+      const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+        await resetFields();
+        setModalProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
+        const groupListModel = await findCurrentUserGroups();
+        if (unref(groupTreeData).length === 0) {
+          let treeValues = new Array<TreeItem>();
+          groupListModel.map((item) => {
+            const groupData = {
+              name: item.name,
+              key: item.id,
+              id: item.id,
+              children: item.children as any as TreeItem[],
+            };
+            treeValues.push(groupData);
+          });
+          groupTreeData.value = treeValues;
+        }
 
 
-      if (unref(isUpdate)) {
-        rowId.value = data.record.id;
-        const roleParams = new RoleOrGroupParam(rowId.value,true,false);
-        findCurrentUserRelation(roleParams).then((result)=>{
-          Reflect.set(data.record,"roleIds",result);
-          Reflect.set(data.record,"password","******");
-          setFieldsValue({
-            ...data.record,
+        if (unref(isUpdate)) {
+          rowId.value = data.record.id;
+          const roleParams = new RoleOrGroupParam(rowId.value, true, false);
+          findCurrentUserRelation(roleParams).then((result) => {
+            Reflect.set(data.record, 'roleIds', result);
+            Reflect.set(data.record, 'password', '******');
+            setFieldsValue({
+              ...data.record,
+            });
           });
           });
-        })
-        const groupParams = new RoleOrGroupParam(rowId.value,false,true);
-        checkGroup.value = await findCurrentUserRelation(groupParams);
-      }
-      const deptData = await getDeptList();
-      await updateSchema([
-        {
-          field: 'username',
-          dynamicDisabled: unref(isUpdate),
-        },
-        {
-          field: 'deptId',
-          componentProps: {
-            treeData: deptData
+          const groupParams = new RoleOrGroupParam(rowId.value, false, true);
+          checkGroup.value = await findCurrentUserRelation(groupParams);
+        }
+        const deptData = await getDeptList();
+        await updateSchema([
+          {
+            field: 'username',
+            dynamicDisabled: unref(isUpdate),
           },
           },
-        },
-      ]);
-    });
+          {
+            field: 'deptId',
+            componentProps: {
+              treeData: deptData,
+            },
+          },
+        ]);
+      });
 
 
-    const getTitle = computed(() => (!unref(isUpdate) ? '新增账号' : '编辑账号'));
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增账号' : '编辑账号'));
 
 
-    async function handleSubmit() {
-      try {
-        const { createMessage } = useMessage();
-        const values = await validate();
-        values.accountExpireTime = (typeof values.accountExpireTime != 'undefined' &&
-          values.accountExpireTime != null) ?
-          values.accountExpireTime.format('YYYY-MM-DD HH:mm:ss') : null
-        setModalProps({confirmLoading: true});
-        await SaveOrUpdateUserInfo(values, unref(isUpdate));
-        closeModal();
-        emit('success', {isUpdate: unref(isUpdate), values: {...values, id: rowId.value}});
-        createMessage.success(unref(isUpdate)?"编辑成功":"新增成功");
-      } finally {
-        setModalProps({confirmLoading: false});
+      async function handleSubmit() {
+        try {
+          const { createMessage } = useMessage();
+          const values = await validate();
+          values.accountExpireTime =
+            typeof values.accountExpireTime != 'undefined' && values.accountExpireTime != null
+              ? values.accountExpireTime.format('YYYY-MM-DD HH:mm:ss')
+              : null;
+          setModalProps({ confirmLoading: true });
+          await SaveOrUpdateUserInfo(values, unref(isUpdate));
+          closeModal();
+          emit('success', { isUpdate: unref(isUpdate), values: { ...values, id: rowId.value } });
+          createMessage.success(unref(isUpdate) ? '编辑成功' : '新增成功');
+        } finally {
+          setModalProps({ confirmLoading: false });
+        }
       }
       }
-    }
 
 
-    return {registerModal, registerForm, getTitle, handleSubmit, groupTreeData,checkGroup};
-  },
-});
+      return { registerModal, registerForm, getTitle, handleSubmit, groupTreeData, checkGroup };
+    },
+  });
 </script>
 </script>

@@ -7,32 +7,42 @@
       </template>
       </template>
       <template #status="{ record }">
       <template #status="{ record }">
         <Tag
         <Tag
-          :color="record.userStatusEnum==='NORMAL'?'green':(record.userStatusEnum==='DISABLED'?'red':'orange')">
+          :color="
+            record.userStatusEnum === 'NORMAL'
+              ? 'green'
+              : record.userStatusEnum === 'DISABLED'
+              ? 'red'
+              : 'orange'
+          "
+        >
           {{
           {{
-            record.userStatusEnum === 'NORMAL' ? '正常' : (record.userStatusEnum === 'DISABLED' ? '已禁用' : '已过期')
+            record.userStatusEnum === 'NORMAL'
+              ? '正常'
+              : record.userStatusEnum === 'DISABLED'
+              ? '已禁用'
+              : '已过期'
           }}
           }}
         </Tag>
         </Tag>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
-          :actions="
-[
+          :actions="[
             {
             {
-              label:'用户详情',
+              label: '用户详情',
               icon: 'clarity:info-standard-line',
               icon: 'clarity:info-standard-line',
               tooltip: '用户详情',
               tooltip: '用户详情',
               onClick: handleView.bind(null, record),
               onClick: handleView.bind(null, record),
               ifShow: record.level != 0,
               ifShow: record.level != 0,
             },
             },
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               tooltip: '编辑',
               tooltip: '编辑',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
               ifShow: record.level != 0,
               ifShow: record.level != 0,
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               tooltip: '删除',
               tooltip: '删除',
@@ -52,26 +62,26 @@
 <script lang="ts">
 <script lang="ts">
   import { defineComponent, reactive } from 'vue';
   import { defineComponent, reactive } from 'vue';
 
 
-  import {TenantCodeEnum} from '/@/enums/codeEnum';
+  import { TenantCodeEnum } from '/@/enums/codeEnum';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import {deleteUser, getAccountList} from '/@/api/system/system';
+  import { deleteUser, getAccountList } from '/@/api/system/system';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import DeptTree from './DeptTree.vue';
   import DeptTree from './DeptTree.vue';
-  import {Tag} from "ant-design-vue";
+  import { Tag } from 'ant-design-vue';
   import { useModal } from '/@/components/Modal';
   import { useModal } from '/@/components/Modal';
   import AccountModal from './AccountModal.vue';
   import AccountModal from './AccountModal.vue';
 
 
   import { columns, searchFormSchema } from './account.data';
   import { columns, searchFormSchema } from './account.data';
   import { useGo } from '/@/hooks/web/usePage';
   import { useGo } from '/@/hooks/web/usePage';
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'AccountManagement',
     name: 'AccountManagement',
-    components: { BasicTable, PageWrapper, DeptTree, AccountModal, TableAction,Tag },
+    components: { BasicTable, PageWrapper, DeptTree, AccountModal, TableAction, Tag },
     setup() {
     setup() {
       const go = useGo();
       const go = useGo();
       const [registerModal, { openModal }] = useModal();
       const [registerModal, { openModal }] = useModal();
-      const {createMessage} = useMessage();
+      const { createMessage } = useMessage();
       const searchInfo = reactive<Recordable>({});
       const searchInfo = reactive<Recordable>({});
       const [registerTable, { reload, updateTableDataRecord }] = useTable({
       const [registerTable, { reload, updateTableDataRecord }] = useTable({
         title: '账号列表',
         title: '账号列表',
@@ -113,10 +123,10 @@
 
 
       function handleDelete(record: Recordable) {
       function handleDelete(record: Recordable) {
         let ids = [record.id];
         let ids = [record.id];
-        deleteUser(ids).then(()=>{
-          createMessage.success("删除成功")
+        deleteUser(ids).then(() => {
+          createMessage.success('删除成功');
           reload();
           reload();
-        })
+        });
       }
       }
 
 
       function handleSuccess({ isUpdate, values }) {
       function handleSuccess({ isUpdate, values }) {
@@ -148,7 +158,7 @@
         handleSelect,
         handleSelect,
         handleView,
         handleView,
         searchInfo,
         searchInfo,
-        TenantCodeEnum
+        TenantCodeEnum,
       };
       };
     },
     },
   });
   });

@@ -7,96 +7,97 @@
     width="50%"
     width="50%"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref, computed, unref} from 'vue';
-import {BasicForm, useForm} from '/@/components/Form/index';
-import {formSchema} from './dept.data';
-import {BasicDrawer, useDrawerInner} from '/@/components/Drawer';
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from './dept.data';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
 
 
-// 加载部门
-import { getDeptList } from '/@/api/system/dept';
-import {useI18n} from "/@/hooks/web/useI18n";
-import {saveOrEditDeptApi} from "/@/api/system/dept";
+  // 加载部门
+  import { getDeptList } from '/@/api/system/dept';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { saveOrEditDeptApi } from '/@/api/system/dept';
 
 
+  export default defineComponent({
+    name: 'DeptDrawer',
+    components: { BasicDrawer, BasicForm },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      let deptId, tenantCode, creator, createTime;
 
 
-export default defineComponent({
-  name: 'DeptDrawer',
-  components: {BasicDrawer, BasicForm},
-  emits: ['success', 'register'],
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    let deptId,tenantCode,creator,createTime;
-
-    const [registerForm, {resetFields, setFieldsValue, updateSchema, validate}] = useForm({
-      labelWidth: 100,
-      schemas: formSchema,
-      showActionButtonGroup: false,
-      baseColProps: {lg: 12, md: 24},
-    });
-    const {t} = useI18n(); //加载国际化
+      const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
+        labelWidth: 100,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { lg: 12, md: 24 },
+      });
+      const { t } = useI18n(); //加载国际化
 
 
-    //默认传递页面数据
-    const [registerDrawer, {setDrawerProps, closeDrawer}] = useDrawerInner(async (data) => {
-      resetFields();
-      setDrawerProps({confirmLoading: false});
-      isUpdate.value = !!data?.isUpdate;
+      //默认传递页面数据
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        resetFields();
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
 
 
-      //如果是编辑操作，设置页面数据
-      if (unref(isUpdate)) {
-        //为表单赋值
-        setFieldsValue({
-          ...data.record,
+        //如果是编辑操作，设置页面数据
+        if (unref(isUpdate)) {
+          //为表单赋值
+          setFieldsValue({
+            ...data.record,
+          });
+        }
+        if (isUpdate.value) {
+          tenantCode = Reflect.get(data.record, 'tenantCode');
+          creator = Reflect.get(data.record, 'creator');
+          createTime = Reflect.get(data.record, 'createTime');
+          deptId = Reflect.get(data.record, 'id');
+        }
+        //加载部门
+        let treeData = await getDeptList();
+        updateSchema({
+          field: 'parentId',
+          componentProps: { treeData },
         });
         });
-
-      }
-      if (isUpdate.value) {
-        tenantCode= Reflect.get(data.record, 'tenantCode');
-        creator= Reflect.get(data.record, 'creator');
-        createTime= Reflect.get(data.record, 'createTime');
-        deptId = Reflect.get(data.record, 'id');
-      }
-      //加载部门
-      let treeData = await getDeptList();
-      updateSchema({
-        field: 'parentId',
-        componentProps: {treeData},
       });
       });
-    });
-
-    //得到页面标题
-    const getTitle = computed(() => (!unref(isUpdate) ? t('routes.common.dept.toolCreateDept') : t('routes.common.dept.toolEditDept')));
 
 
-    //提交按钮
-    async function handleSubmit() {
-      try {
-        const values = await validate();
-        setDrawerProps({confirmLoading: true});
+      //得到页面标题
+      const getTitle = computed(() =>
+        !unref(isUpdate)
+          ? t('routes.common.dept.toolCreateDept')
+          : t('routes.common.dept.toolEditDept')
+      );
 
 
-        if (isUpdate.value) {
-          Reflect.set(values, 'id', deptId);
-          Reflect.set(values, 'tenantCode', tenantCode);
-          Reflect.set(values, 'creator', creator);
-          Reflect.set(values, 'createTime', createTime);
-        }
+      //提交按钮
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          setDrawerProps({ confirmLoading: true });
 
 
-        // TODO custom api
-        // console.log("-------------提交后台的参数-------------------");
-        // console.log(values);
-        const data = await saveOrEditDeptApi(values, isUpdate.value);
-        console.log("_______保存返回结果____data:",data);
+          if (isUpdate.value) {
+            Reflect.set(values, 'id', deptId);
+            Reflect.set(values, 'tenantCode', tenantCode);
+            Reflect.set(values, 'creator', creator);
+            Reflect.set(values, 'createTime', createTime);
+          }
 
 
+          // TODO custom api
+          // console.log("-------------提交后台的参数-------------------");
+          // console.log(values);
+          const data = await saveOrEditDeptApi(values, isUpdate.value);
+          console.log('_______保存返回结果____data:', data);
 
 
-        closeDrawer();//关闭侧框
-        emit('success');
-      } finally {
-        setDrawerProps({confirmLoading: false});
+          closeDrawer(); //关闭侧框
+          emit('success');
+        } finally {
+          setDrawerProps({ confirmLoading: false });
+        }
       }
       }
-    }
 
 
-    return {registerDrawer, registerForm, getTitle, handleSubmit};
-  },
-});
+      return { registerDrawer, registerForm, getTitle, handleSubmit };
+    },
+  });
 </script>
 </script>

@@ -18,7 +18,7 @@
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
-                title: getDeleteTitle(),//是否确认删除//getDeleteTitle()
+                title: getDeleteTitle(), //是否确认删除//getDeleteTitle()
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
               },
               },
             },
             },
@@ -30,30 +30,30 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-  import {computed, defineComponent, nextTick} from 'vue';
+  import { computed, defineComponent, nextTick } from 'vue';
 
 
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { getDeptList } from '/@/api/system/dept';
   import { getDeptList } from '/@/api/system/dept';
 
 
   // 加载自定义侧边弹出框 组件
   // 加载自定义侧边弹出框 组件
-  import {useDrawer} from '/@/components/Drawer';
+  import { useDrawer } from '/@/components/Drawer';
   import DeptDrawer from './DeptDrawer.vue';
   import DeptDrawer from './DeptDrawer.vue';
 
 
   import { columns, searchFormSchema } from './dept.data';
   import { columns, searchFormSchema } from './dept.data';
-  import {delDept} from "/@/api/system/dept";
-  import {useI18n} from "/@/hooks/web/useI18n";
-  import {notification} from "ant-design-vue";
+  import { delDept } from '/@/api/system/dept';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { notification } from 'ant-design-vue';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'DeptManagement',
     name: 'DeptManagement',
     components: { BasicTable, DeptDrawer, TableAction },
     components: { BasicTable, DeptDrawer, TableAction },
     setup() {
     setup() {
       const [registerModal, { openDrawer }] = useDrawer();
       const [registerModal, { openDrawer }] = useDrawer();
-      const {t} = useI18n(); //加载国际化
+      const { t } = useI18n(); //加载国际化
       // 新增部门
       // 新增部门
       const getI18nCreateDept = computed(() => t('routes.common.dept.toolCreateDept'));
       const getI18nCreateDept = computed(() => t('routes.common.dept.toolCreateDept'));
 
 
-      const [registerTable, { reload,expandAll }] = useTable({
+      const [registerTable, { reload, expandAll }] = useTable({
         title: t('routes.common.dept.toolDeptList'),
         title: t('routes.common.dept.toolDeptList'),
         api: getDeptList,
         api: getDeptList,
         columns,
         columns,
@@ -71,7 +71,7 @@
         canResize: false,
         canResize: false,
         actionColumn: {
         actionColumn: {
           width: 80,
           width: 80,
-          title: t('routes.common.dept.tableTitleDeptOperation'),//操作
+          title: t('routes.common.dept.tableTitleDeptOperation'), //操作
           dataIndex: 'action',
           dataIndex: 'action',
           slots: { customRender: 'action' },
           slots: { customRender: 'action' },
           fixed: undefined,
           fixed: undefined,
@@ -82,7 +82,7 @@
        */
        */
       function getDeleteTitle(): string {
       function getDeleteTitle(): string {
         let labelText = t('routes.common.system.pageSystemTitleWhetherDelete');
         let labelText = t('routes.common.system.pageSystemTitleWhetherDelete');
-        return labelText
+        return labelText;
       }
       }
 
 
       function handleCreate() {
       function handleCreate() {
@@ -101,11 +101,11 @@
       async function handleDelete(record: Recordable) {
       async function handleDelete(record: Recordable) {
         // console.log(record);
         // console.log(record);
         try {
         try {
-          let ids = [record.id,];
+          let ids = [record.id];
           await delDept(ids);
           await delDept(ids);
           notification.success({
           notification.success({
-            message: "成功",
-            description: "删除部门成功",
+            message: '成功',
+            description: '删除部门成功',
             duration: 3,
             duration: 3,
           });
           });
           await reload();
           await reload();

@@ -7,7 +7,7 @@
     width="500px"
     width="500px"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
@@ -49,18 +49,17 @@
           const values = await validate();
           const values = await validate();
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
-          let successMessage="添加成功";
+          let successMessage = '添加成功';
           //如果是修改需要传入id
           //如果是修改需要传入id
-          if(unref(isUpdate)){
-            successMessage = "修改成功";
+          if (unref(isUpdate)) {
+            successMessage = '修改成功';
             Reflect.set(values, 'id', id);
             Reflect.set(values, 'id', id);
           }
           }
-          await saveOrEditDict(values,unref(isUpdate)).then(() =>{
+          await saveOrEditDict(values, unref(isUpdate)).then(() => {
             closeDrawer();
             closeDrawer();
             emit('success');
             emit('success');
             createMessage.success(successMessage);
             createMessage.success(successMessage);
-          })
-
+          });
         } finally {
         } finally {
           setDrawerProps({ confirmLoading: false });
           setDrawerProps({ confirmLoading: false });
         }
         }

@@ -8,17 +8,17 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'字典值配置',
+              label: '字典值配置',
               icon: 'ant-design:appstore-add-outlined',
               icon: 'ant-design:appstore-add-outlined',
               onClick: handleItem.bind(null, record),
               onClick: handleItem.bind(null, record),
             },
             },
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
@@ -36,30 +36,30 @@
       </template>
       </template>
     </BasicTable>
     </BasicTable>
     <DictDrawer @register="registerDrawer" @success="handleSuccess" />
     <DictDrawer @register="registerDrawer" @success="handleSuccess" />
-    <ItemIndex @register="registerItemDrawer" @success="handleSuccess"/>
+    <ItemIndex @register="registerItemDrawer" @success="handleSuccess" />
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
 
 
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { sysDictPage,deleteDict } from '/@/api/system/dict';
+  import { sysDictPage, deleteDict } from '/@/api/system/dict';
 
 
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import DictDrawer from './DictDrawer.vue';
   import DictDrawer from './DictDrawer.vue';
   import ItemIndex from './item/ItemIndex.vue';
   import ItemIndex from './item/ItemIndex.vue';
 
 
   import { columns, searchFormSchema } from './dict.data';
   import { columns, searchFormSchema } from './dict.data';
-  import {Tag} from "ant-design-vue";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { Tag } from 'ant-design-vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'DictManagement',
     name: 'DictManagement',
-    components: { BasicTable, DictDrawer,ItemIndex, TableAction ,Tag},
+    components: { BasicTable, DictDrawer, ItemIndex, TableAction, Tag },
     setup() {
     setup() {
       const { createMessage } = useMessage();
       const { createMessage } = useMessage();
-      const [registerDrawer, { openDrawer:openDrawer }] = useDrawer();
-      const [registerItemDrawer, { openDrawer: openItemDrawer}] = useDrawer();
+      const [registerDrawer, { openDrawer: openDrawer }] = useDrawer();
+      const [registerItemDrawer, { openDrawer: openItemDrawer }] = useDrawer();
       const [registerTable, { reload }] = useTable({
       const [registerTable, { reload }] = useTable({
         title: '字典配置列表',
         title: '字典配置列表',
         api: sysDictPage,
         api: sysDictPage,
@@ -94,17 +94,17 @@
         });
         });
       }
       }
 
 
-      function handleItem(record: Recordable){
+      function handleItem(record: Recordable) {
         openItemDrawer(true, {
         openItemDrawer(true, {
-          id:record.id,
+          id: record.id,
         });
         });
       }
       }
 
 
       function handleDelete(record: Recordable) {
       function handleDelete(record: Recordable) {
         let ids = [record.id];
         let ids = [record.id];
-        deleteDict(ids).then((result)=>{
-          createMessage.success(result.message)
-          handleSuccess()
+        deleteDict(ids).then((result) => {
+          createMessage.success(result.message);
+          handleSuccess();
         });
         });
       }
       }
 
 

@@ -7,7 +7,7 @@
     width="500px"
     width="500px"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
@@ -29,7 +29,7 @@
         schemas: formSchema,
         schemas: formSchema,
         showActionButtonGroup: false,
         showActionButtonGroup: false,
       });
       });
-      let dictId,id;
+      let dictId, id;
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
       const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
         await resetFields();
         await resetFields();
         setDrawerProps({ confirmLoading: false });
         setDrawerProps({ confirmLoading: false });
@@ -50,16 +50,16 @@
           const values = await validate();
           const values = await validate();
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
-          let message="添加成功";
-          if(unref(isUpdate)){
+          let message = '添加成功';
+          if (unref(isUpdate)) {
             //如果是修改需要传入id
             //如果是修改需要传入id
             Reflect.set(values, 'id', id);
             Reflect.set(values, 'id', id);
-            message = "修改成功";
-          }else{
+            message = '修改成功';
+          } else {
             //添加需要dictId
             //添加需要dictId
             Reflect.set(values, 'dictId', dictId);
             Reflect.set(values, 'dictId', dictId);
           }
           }
-          await saveOrEditDictItem(values,unref(isUpdate));
+          await saveOrEditDictItem(values, unref(isUpdate));
           closeDrawer();
           closeDrawer();
           emit('success');
           emit('success');
           createMessage.success(message);
           createMessage.success(message);

@@ -8,22 +8,22 @@
         <template #action="{ record }">
         <template #action="{ record }">
           <TableAction
           <TableAction
             :actions="[
             :actions="[
-            {
-              label:'编辑',
-              icon: 'clarity:note-edit-line',
-              onClick: handleEdit.bind(null, record),
-            },
-            {
-              label:'删除',
-              icon: 'ant-design:delete-outlined',
-              color: 'error',
-              popConfirm: {
-                title: '是否确认删除',
-                confirm: handleDelete.bind(null, record),
+              {
+                label: '编辑',
+                icon: 'clarity:note-edit-line',
+                onClick: handleEdit.bind(null, record),
               },
               },
-              ifShow: record.status ==0
-            },
-          ]"
+              {
+                label: '删除',
+                icon: 'ant-design:delete-outlined',
+                color: 'error',
+                popConfirm: {
+                  title: '是否确认删除',
+                  confirm: handleDelete.bind(null, record),
+                },
+                ifShow: record.status == 0,
+              },
+            ]"
           />
           />
         </template>
         </template>
       </BasicTable>
       </BasicTable>
@@ -35,18 +35,18 @@
   import { defineComponent } from 'vue';
   import { defineComponent } 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 { BasicDrawer,useDrawer,useDrawerInner } from '/@/components/Drawer';
-  import ItemDrawer from "/@/views/system/dict/item/ItemDrawer.vue";
+  import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
+  import ItemDrawer from '/@/views/system/dict/item/ItemDrawer.vue';
 
 
   import { columns, searchFormSchema } from './dict.item.data';
   import { columns, searchFormSchema } from './dict.item.data';
-  import {Tag} from "ant-design-vue";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { Tag } from 'ant-design-vue';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'ItemIndex',
     name: 'ItemIndex',
-    components: {BasicDrawer, BasicTable, ItemDrawer, TableAction ,Tag},
+    components: { BasicDrawer, BasicTable, ItemDrawer, TableAction, Tag },
     setup() {
     setup() {
       let dictId;
       let dictId;
       const { createMessage } = useMessage();
       const { createMessage } = useMessage();
@@ -73,14 +73,14 @@
           slots: { customRender: 'action' },
           slots: { customRender: 'action' },
           fixed: undefined,
           fixed: undefined,
         },
         },
-        beforeFetch:getDictId,
-        immediate:true
+        beforeFetch: getDictId,
+        immediate: true,
       });
       });
 
 
       function handleCreate() {
       function handleCreate() {
         openDrawer(true, {
         openDrawer(true, {
           isUpdate: false,
           isUpdate: false,
-          dictId:dictId,
+          dictId: dictId,
         });
         });
       }
       }
 
 
@@ -88,7 +88,7 @@
        * 获取父页面传递的dictId值
        * 获取父页面传递的dictId值
        * @param data 请求之前的参数
        * @param data 请求之前的参数
        */
        */
-      function getDictId(data){
+      function getDictId(data) {
         Reflect.set(data, 'dictId', dictId);
         Reflect.set(data, 'dictId', dictId);
       }
       }
 
 
@@ -101,9 +101,9 @@
 
 
       function handleDelete(record: Recordable) {
       function handleDelete(record: Recordable) {
         let ids = [record.id];
         let ids = [record.id];
-        deleteDictItem(ids).then((result)=>{
-          createMessage.success(result.message)
-          handleSuccess()
+        deleteDictItem(ids).then((result) => {
+          createMessage.success(result.message);
+          handleSuccess();
         });
         });
       }
       }
 
 
@@ -118,7 +118,7 @@
         handleCreate,
         handleCreate,
         handleEdit,
         handleEdit,
         handleDelete,
         handleDelete,
-        handleSuccess
+        handleSuccess,
       };
       };
     },
     },
   });
   });

@@ -7,138 +7,140 @@
     width="50%"
     width="50%"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="registerForm"/>
+    <BasicForm @register="registerForm" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref, computed, unref} from 'vue';
-import {BasicForm, useForm} from '/@/components/Form/index';
-import {formSchema} from './menu.data';
-import {BasicDrawer, useDrawerInner} from '/@/components/Drawer';
-
-// 加载菜单
-import {getMenuList} from '/@/api/sys/menu';
-
-import {saveMenuApi} from '/@/api/system/menu';
-import {listToTree} from '/@/utils/menuUtil';
-
-import {useI18n} from "/@/hooks/web/useI18n";
-import {metaModel} from '/@/api/system/model/menuModel';
-
-
-export default defineComponent({
-  name: 'MenuDrawer',
-  components: {BasicDrawer, BasicForm},
-  emits: ['success', 'register'],
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    let menuId;
-
-    const [registerForm, {resetFields, setFieldsValue, updateSchema, validate}] = useForm({
-      labelWidth: 100,
-      schemas: formSchema,
-      showActionButtonGroup: false,
-      baseColProps: {lg: 12, md: 24},
-    });
-    const {t} = useI18n(); //加载国际化
-
-    //默认传递页面数据
-    const [registerDrawer, {setDrawerProps, closeDrawer}] = useDrawerInner(async (data) => {
-      resetFields();
-      setDrawerProps({confirmLoading: false});
-      isUpdate.value = !!data?.isUpdate;
-
-      //初始化，菜单名称为可用
-      updateSchema({field: 'title', componentProps: {disabled: false}});
-      //如果是编辑操作，设置页面数据
-      if (unref(isUpdate)) {
-
-        console.log("------------编辑时获得的值-----------------------");
-        console.log(data.record);
-
-        // // 动态设置 表单值
-        //
-        let menuObj: metaModel = Reflect.get(data.record, 'meta');
-        Reflect.set(data.record, 'menuType', menuObj.menuType);//meta.menuType
-        Reflect.set(data.record, 'title', menuObj.title);//meta.title
-        Reflect.set(data.record, 'icon', menuObj.icon);//meta.icon
-        Reflect.set(data.record, 'hideMenu', menuObj.hideMenu);//meta.hideMenu
-        Reflect.set(data.record, 'ignoreKeepAlive', menuObj.ignoreKeepAlive);//meta.ignoreKeepAlive
-        Reflect.set(data.record, 'isLink', menuObj.isLink);//meta.isLink
-        Reflect.set(data.record, 'status', menuObj.status);//meta.status
-        //为表单赋值
-        setFieldsValue({
-          ...data.record,
-        });
-
-        //编辑模式，菜单名称为不可用
-        updateSchema({field: 'title', componentProps: {disabled: true,}});
-      }
-      if (isUpdate.value) {
-        menuId = Reflect.get(data.record, 'id');
-      }
-      //加载菜单
-      let treeData = await getMenuList();
-      treeData = listToTree(treeData);
-      updateSchema({
-        field: 'parentId',
-        componentProps: {treeData},
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from './menu.data';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+
+  // 加载菜单
+  import { getMenuList } from '/@/api/sys/menu';
+
+  import { saveMenuApi } from '/@/api/system/menu';
+  import { listToTree } from '/@/utils/menuUtil';
+
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { metaModel } from '/@/api/system/model/menuModel';
+
+  export default defineComponent({
+    name: 'MenuDrawer',
+    components: { BasicDrawer, BasicForm },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      let menuId;
+
+      const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
+        labelWidth: 100,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { lg: 12, md: 24 },
       });
       });
-    });
-
-    //得到页面标题
-    const getTitle = computed(() => (!unref(isUpdate) ? t('routes.common.system.pageSystemTitleCreateMenu') : t('routes.common.system.pageSystemTitleEditMenu')));
-
-    //提交按钮
-    async function handleSubmit() {
-      try {
-        const values = await validate();
-        setDrawerProps({confirmLoading: true});
-        // TODO custom api
-
-        // 处理权限标识为null时，后台空指针
-        let permissionStr: string = Reflect.get(values, 'permission');
-        if (permissionStr === undefined || permissionStr === null) {
-          Reflect.set(values, 'permission', " ");
-        }
-
-        // 添加属性;
-        //当前作为默认管理员操作；
-        Reflect.set(values, 'type', 'SYSADMIN');
-        Reflect.set(values, 'name', Reflect.get(values, 'title'));
-        //当前选择为菜单时操作
-        let menuType: string = Reflect.get(values, 'menuType');
-        if (menuType === '0') {
-          Reflect.set(values, 'component', 'LAYOUT');
+      const { t } = useI18n(); //加载国际化
+
+      //默认传递页面数据
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        resetFields();
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
+
+        //初始化，菜单名称为可用
+        updateSchema({ field: 'title', componentProps: { disabled: false } });
+        //如果是编辑操作，设置页面数据
+        if (unref(isUpdate)) {
+          console.log('------------编辑时获得的值-----------------------');
+          console.log(data.record);
+
+          // // 动态设置 表单值
+          //
+          let menuObj: metaModel = Reflect.get(data.record, 'meta');
+          Reflect.set(data.record, 'menuType', menuObj.menuType); //meta.menuType
+          Reflect.set(data.record, 'title', menuObj.title); //meta.title
+          Reflect.set(data.record, 'icon', menuObj.icon); //meta.icon
+          Reflect.set(data.record, 'hideMenu', menuObj.hideMenu); //meta.hideMenu
+          Reflect.set(data.record, 'ignoreKeepAlive', menuObj.ignoreKeepAlive); //meta.ignoreKeepAlive
+          Reflect.set(data.record, 'isLink', menuObj.isLink); //meta.isLink
+          Reflect.set(data.record, 'status', menuObj.status); //meta.status
+          //为表单赋值
+          setFieldsValue({
+            ...data.record,
+          });
+
+          //编辑模式，菜单名称为不可用
+          updateSchema({ field: 'title', componentProps: { disabled: true } });
         }
         }
         if (isUpdate.value) {
         if (isUpdate.value) {
-          Reflect.set(values, 'id', menuId);
+          menuId = Reflect.get(data.record, 'id');
         }
         }
+        //加载菜单
+        let treeData = await getMenuList();
+        treeData = listToTree(treeData);
+        updateSchema({
+          field: 'parentId',
+          componentProps: { treeData },
+        });
+      });
 
 
-        //为meta设置值
-        const metaTemp: metaModel = {
-          icon: Reflect.get(values, 'icon'),
-          title: Reflect.get(values, 'title'),
-          isLink: Reflect.get(values, 'isLink'),
-          menuType: Reflect.get(values, 'menuType'),
-          ignoreKeepAlive: Reflect.get(values, 'ignoreKeepAlive'),  //[创建菜单，才需要]
-          hideMenu: Reflect.get(values, 'hideMenu'),
-          status: Reflect.get(values, 'status'),
+      //得到页面标题
+      const getTitle = computed(() =>
+        !unref(isUpdate)
+          ? t('routes.common.system.pageSystemTitleCreateMenu')
+          : t('routes.common.system.pageSystemTitleEditMenu')
+      );
+
+      //提交按钮
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          setDrawerProps({ confirmLoading: true });
+          // TODO custom api
+
+          // 处理权限标识为null时，后台空指针
+          let permissionStr: string = Reflect.get(values, 'permission');
+          if (permissionStr === undefined || permissionStr === null) {
+            Reflect.set(values, 'permission', ' ');
+          }
+
+          // 添加属性;
+          //当前作为默认管理员操作；
+          Reflect.set(values, 'type', 'SYSADMIN');
+          Reflect.set(values, 'name', Reflect.get(values, 'title'));
+          //当前选择为菜单时操作
+          let menuType: string = Reflect.get(values, 'menuType');
+          if (menuType === '0') {
+            Reflect.set(values, 'component', 'LAYOUT');
+          }
+          if (isUpdate.value) {
+            Reflect.set(values, 'id', menuId);
+          }
+
+          //为meta设置值
+          const metaTemp: metaModel = {
+            icon: Reflect.get(values, 'icon'),
+            title: Reflect.get(values, 'title'),
+            isLink: Reflect.get(values, 'isLink'),
+            menuType: Reflect.get(values, 'menuType'),
+            ignoreKeepAlive: Reflect.get(values, 'ignoreKeepAlive'), //[创建菜单，才需要]
+            hideMenu: Reflect.get(values, 'hideMenu'),
+            status: Reflect.get(values, 'status'),
+          };
+          Reflect.set(values, 'meta', metaTemp);
+
+          // saveMenu
+          const data = await saveMenuApi(values, isUpdate.value);
+          console.log('_______保存返回结果____data:' + data);
+
+          closeDrawer(); //关闭侧框
+          emit('success');
+        } finally {
+          setDrawerProps({ confirmLoading: false });
         }
         }
-        Reflect.set(values, 'meta', metaTemp);
-
-        // saveMenu
-        const data = await saveMenuApi(values, isUpdate.value);
-        console.log("_______保存返回结果____data:" + data);
-
-        closeDrawer();//关闭侧框
-        emit('success');
-      } finally {
-        setDrawerProps({confirmLoading: false});
       }
       }
-    }
 
 
-    return {registerDrawer, registerForm, getTitle, handleSubmit};
-  },
-});
+      return { registerDrawer, registerForm, getTitle, handleSubmit };
+    },
+  });
 </script>
 </script>

@@ -3,12 +3,12 @@
     <!-- register 用于注册 useTable，如果需要使用useTable提供的 api，必须将 register 传入组件的 onRegister-->
     <!-- register 用于注册 useTable，如果需要使用useTable提供的 api，必须将 register 传入组件的 onRegister-->
     <!-- @fetch-success接口请求成功后触发 -->
     <!-- @fetch-success接口请求成功后触发 -->
     <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
     <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
-
       <!-- 通过模板，加载工具栏 -->
       <!-- 通过模板，加载工具栏 -->
       <template #toolbar>
       <template #toolbar>
         <a-button type="primary" @click="handleCreate">
         <a-button type="primary" @click="handleCreate">
           {{ getI18nCreateMenu }}
           {{ getI18nCreateMenu }}
-        </a-button> <!-- 新增菜单-->
+        </a-button>
+        <!-- 新增菜单-->
       </template>
       </template>
 
 
       <!-- 表格单项，操作 -->
       <!-- 表格单项，操作 -->
@@ -23,7 +23,7 @@
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
-                title: getDeleteTitle(),//是否确认删除//getDeleteTitle()
+                title: getDeleteTitle(), //是否确认删除//getDeleteTitle()
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
               },
               },
             },
             },
@@ -33,135 +33,135 @@
     </BasicTable>
     </BasicTable>
 
 
     <!-- 弹出框 -->
     <!-- 弹出框 -->
-    <MenuDrawer @register="registerDrawer" @success="handleSuccess"/>
+    <MenuDrawer @register="registerDrawer" @success="handleSuccess" />
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-//导入所需插件
-import {computed, defineComponent, nextTick} from 'vue';
-
-// 导入表格组件，表格事件
-import {BasicTable, useTable, TableAction} from '/@/components/Table';
-
-// 加载表格数据
-import {getMenuList, delMenu} from '/@/api/sys/menu';
-// 加载自定义侧边弹出框 组件
-import {useDrawer} from '/@/components/Drawer';
-
-// 导入子页面【新增、修改】
-import MenuDrawer from './MenuDrawer.vue';
-
-// 导入列 属性，和搜索栏内容
-import {columns, searchFormSchema} from './menu.data';
-import {useI18n} from "/@/hooks/web/useI18n";
-import {notification} from "ant-design-vue";
-
-// 自定义表格组件和属性
-export default defineComponent({
-  name: 'MenuManagement',
-  components: {BasicTable, MenuDrawer, TableAction},
-  setup() {
-    const [registerDrawer, {openDrawer}] = useDrawer();//使用右侧弹出框
-    const {t} = useI18n(); //加载国际化
-    // 新增菜单
-    const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
-
-    const [registerTable, {reload, expandAll}] = useTable({
-      title: t('routes.common.system.pageSystemTitleMenuList'),//'菜单列表'
-      api: getMenuList, //加载数据
-      columns,          //加载列
-      // formConfig: {
-      //   labelWidth: 120,
-      //   schemas: searchFormSchema,
-      // },
-      isTreeTable: true,
-      pagination: false,
-      striped: false,
-      // useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      canResize: false,
-      actionColumn: {
-        width: 80,
-        title: t('routes.common.system.pageSystemTitleOperation'),//操作
-        dataIndex: 'action',
-        slots: {customRender: 'action'},
-        fixed: undefined,
-      },
-    });
-
-    /**
-     * 获得删除提示框的文字
-     */
-    function getDeleteTitle(): string {
-      let labelText = t('routes.common.system.pageSystemTitleWhetherDelete');
-      return labelText
-    }
-
-    /**
-     * 打开新增菜单
-     */
-    function handleCreate() {
-      openDrawer(true, {
-        isUpdate: false,
+  //导入所需插件
+  import { computed, defineComponent, nextTick } from 'vue';
+
+  // 导入表格组件，表格事件
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+
+  // 加载表格数据
+  import { getMenuList, delMenu } from '/@/api/sys/menu';
+  // 加载自定义侧边弹出框 组件
+  import { useDrawer } from '/@/components/Drawer';
+
+  // 导入子页面【新增、修改】
+  import MenuDrawer from './MenuDrawer.vue';
+
+  // 导入列 属性，和搜索栏内容
+  import { columns, searchFormSchema } from './menu.data';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { notification } from 'ant-design-vue';
+
+  // 自定义表格组件和属性
+  export default defineComponent({
+    name: 'MenuManagement',
+    components: { BasicTable, MenuDrawer, TableAction },
+    setup() {
+      const [registerDrawer, { openDrawer }] = useDrawer(); //使用右侧弹出框
+      const { t } = useI18n(); //加载国际化
+      // 新增菜单
+      const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
+
+      const [registerTable, { reload, expandAll }] = useTable({
+        title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表'
+        api: getMenuList, //加载数据
+        columns, //加载列
+        // formConfig: {
+        //   labelWidth: 120,
+        //   schemas: searchFormSchema,
+        // },
+        isTreeTable: true,
+        pagination: false,
+        striped: false,
+        // useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        canResize: false,
+        actionColumn: {
+          width: 80,
+          title: t('routes.common.system.pageSystemTitleOperation'), //操作
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
       });
       });
-    }
 
 
-    /**
-     * 打开 编辑菜单
-     * @param record
-     */
-    function handleEdit(record: Recordable) {
-      console.log("----------------------------333-------------"+record.parentId);
-      openDrawer(true, {
-        record,
-        isUpdate: true,
-      });
-    }
+      /**
+       * 获得删除提示框的文字
+       */
+      function getDeleteTitle(): string {
+        let labelText = t('routes.common.system.pageSystemTitleWhetherDelete');
+        return labelText;
+      }
 
 
-    /**
-     * 执行 删除操作
-     * @param record
-     */
-    async function handleDelete(record: Recordable) {
-      try {
-        let ids = [record.id,];
-        await delMenu(ids);
-        notification.success({
-          message: "成功",
-          description: "删除菜单成功",
-          duration: 3,
+      /**
+       * 打开新增菜单
+       */
+      function handleCreate() {
+        openDrawer(true, {
+          isUpdate: false,
         });
         });
-        await reload();
-      } catch (e) {
-        return Promise.reject(e);
       }
       }
-    }
 
 
-    /**
-     * 操作成功，重新加载页面
-     */
-    function handleSuccess() {
-      reload();
-    }
+      /**
+       * 打开 编辑菜单
+       * @param record
+       */
+      function handleEdit(record: Recordable) {
+        console.log('----------------------------333-------------' + record.parentId);
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+      }
 
 
-    function onFetchSuccess() {
-      // 演示默认展开所有表项
-      nextTick(expandAll);
-    }
+      /**
+       * 执行 删除操作
+       * @param record
+       */
+      async function handleDelete(record: Recordable) {
+        try {
+          let ids = [record.id];
+          await delMenu(ids);
+          notification.success({
+            message: '成功',
+            description: '删除菜单成功',
+            duration: 3,
+          });
+          await reload();
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+
+      /**
+       * 操作成功，重新加载页面
+       */
+      function handleSuccess() {
+        reload();
+      }
+
+      function onFetchSuccess() {
+        // 演示默认展开所有表项
+        nextTick(expandAll);
+      }
 
 
-    return {
-      getDeleteTitle,
-      getI18nCreateMenu,
-      registerTable,
-      registerDrawer,
-      handleCreate,
-      handleEdit,
-      handleDelete,
-      handleSuccess,
-      onFetchSuccess,
-    };
-  },
-});
+      return {
+        getDeleteTitle,
+        getI18nCreateMenu,
+        registerTable,
+        registerDrawer,
+        handleCreate,
+        handleEdit,
+        handleDelete,
+        handleSuccess,
+        onFetchSuccess,
+      };
+    },
+  });
 </script>
 </script>

@@ -13,15 +13,15 @@
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
-  import {USER_INFO_KEY} from "/@/enums/cacheEnum";
-  import {getAuthCache} from "/@/utils/auth";
+  import { USER_INFO_KEY } from '/@/enums/cacheEnum';
+  import { getAuthCache } from '/@/utils/auth';
   import { formSchema } from './pwd.data';
   import { formSchema } from './pwd.data';
-  import {resetPassword} from "/@/api/system/system";
-  import {useMultipleTabStore} from "/@/store/modules/multipleTab";
-  import {useUserStore} from "/@/store/modules/user";
-  import {useAppStore} from "/@/store/modules/app";
-  import {usePermissionStore} from "/@/store/modules/permission";
-  import {useMessage} from "/@/hooks/web/useMessage";
+  import { resetPassword } from '/@/api/system/system';
+  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
+  import { useUserStore } from '/@/store/modules/user';
+  import { useAppStore } from '/@/store/modules/app';
+  import { usePermissionStore } from '/@/store/modules/permission';
+  import { useMessage } from '/@/hooks/web/useMessage';
   export default defineComponent({
   export default defineComponent({
     name: 'ChangePassword',
     name: 'ChangePassword',
     components: { BasicForm, PageWrapper },
     components: { BasicForm, PageWrapper },
@@ -36,31 +36,31 @@
       const userStore = useUserStore();
       const userStore = useUserStore();
       const appStore = useAppStore();
       const appStore = useAppStore();
       const permissionStore = usePermissionStore();
       const permissionStore = usePermissionStore();
-      const {createMessage} = useMessage();
+      const { createMessage } = useMessage();
       const userInfo = getAuthCache(USER_INFO_KEY);
       const userInfo = getAuthCache(USER_INFO_KEY);
-      console.log(userInfo,"userInfo")
+      console.log(userInfo, 'userInfo');
       async function handleSubmit() {
       async function handleSubmit() {
         try {
         try {
           const values = await validate();
           const values = await validate();
           const { passwordOld, passwordNew } = values;
           const { passwordOld, passwordNew } = values;
           const params = {
           const params = {
-            userId:userInfo.userId,
-            password:passwordOld,
-            resetPassword:passwordNew
+            userId: userInfo.userId,
+            password: passwordOld,
+            resetPassword: passwordNew,
           };
           };
 
 
-          await resetPassword(params).then((result)=>{
-           if(result.data){
-             createMessage.success("修改成功");
-             setTimeout(function (){
-               localStorage.clear();
-               appStore.resetAllState();
-               permissionStore.resetState();
-               tabStore.resetState();
-               userStore.resetState();
-               location.reload();
-             },500)
-           }
+          await resetPassword(params).then((result) => {
+            if (result.data) {
+              createMessage.success('修改成功');
+              setTimeout(function () {
+                localStorage.clear();
+                appStore.resetAllState();
+                permissionStore.resetState();
+                tabStore.resetState();
+                userStore.resetState();
+                location.reload();
+              }, 500);
+            }
           });
           });
         } catch (error) {}
         } catch (error) {}
       }
       }

@@ -23,112 +23,112 @@
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref, computed, unref} from 'vue';
-import {BasicForm, useForm} from '/@/components/Form/index';
-import {formSchema} from './role.data';
-import {BasicDrawer, useDrawerInner} from '/@/components/Drawer';
-import {BasicTree, TreeItem} from '/@/components/Tree';
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from './role.data';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicTree, TreeItem } from '/@/components/Tree';
 
 
-const {t} = useI18n(); //加载国际化
+  const { t } = useI18n(); //加载国际化
 
 
-// import { getMenuList } from '/@/api/demo/system';
+  // import { getMenuList } from '/@/api/demo/system';
 
 
-// 加载菜单数据
-import {getMenuList, getMenusIdsByRoleId} from '/@/api/sys/menu';
-import {useI18n} from "/@/hooks/web/useI18n";
-import {RouteItem} from "/@/api/sys/model/menuModel";
-import {saveOrUpdateRoleInfoWithMenu} from "/@/api/system/system";
+  // 加载菜单数据
+  import { getMenuList, getMenusIdsByRoleId } from '/@/api/sys/menu';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { RouteItem } from '/@/api/sys/model/menuModel';
+  import { saveOrUpdateRoleInfoWithMenu } from '/@/api/system/system';
 
 
-export default defineComponent({
-  name: 'RoleDrawer',
-  components: {BasicDrawer, BasicForm, BasicTree},
-  emits: ['success', 'register'],
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    const treeData = ref<TreeItem[]>([]);
-    const roleMenus = ref<string[]>([]);
-    const roleId = ref("");
+  export default defineComponent({
+    name: 'RoleDrawer',
+    components: { BasicDrawer, BasicForm, BasicTree },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      const treeData = ref<TreeItem[]>([]);
+      const roleMenus = ref<string[]>([]);
+      const roleId = ref('');
 
 
-    const [registerForm, {resetFields, setFieldsValue, validate}] = useForm({
-      labelWidth: 90,
-      schemas: formSchema,
-      showActionButtonGroup: false,
-    });
-
-    function processChildren(items: RouteItem[]) {
-      items.map((item) => {
-        item.menuName = t(item.meta.title);
-        item.icon = item.meta.icon;
-        item.key=item.id;
-        if (item.children) {
-          processChildren(item.children);
-        }
+      const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
+        labelWidth: 90,
+        schemas: formSchema,
+        showActionButtonGroup: false,
       });
       });
-    }
 
 
-    const [registerDrawer, {setDrawerProps, closeDrawer}] = useDrawerInner(async (data) => {
-      resetFields();
-      roleId.value = "";
-      setDrawerProps({confirmLoading: false});
-      // 需要在setFieldsValue之前先填充treeData，否则Tree组件可能会报key not exist警告
-      if (unref(treeData).length === 0) {
-        const menuListModel = await getMenuList();
-        processChildren(menuListModel);
-        let treeValues = new Array<TreeItem>();
-        menuListModel.map((item) => {
-          const data = {
-            menuName: t(item.meta.title),
-            icon: item.meta.icon,
-            key: item.id,
-            children: item.children as any as TreeItem[],
+      function processChildren(items: RouteItem[]) {
+        items.map((item) => {
+          item.menuName = t(item.meta.title);
+          item.icon = item.meta.icon;
+          item.key = item.id;
+          if (item.children) {
+            processChildren(item.children);
           }
           }
-          treeValues.push(data);
-        })
-        treeData.value = treeValues;
-      }
-      if (data.record) {
-        roleMenus.value = await getMenusIdsByRoleId(data.record.id);
-        console.log(roleMenus.value,"roleMenus.value")
-        roleId.value = data.record.id;
-      }
-      isUpdate.value = !!data?.isUpdate;
-      if (unref(isUpdate)) {
-        setFieldsValue({
-          ...data.record,
         });
         });
       }
       }
-    });
 
 
-    const getTitle = computed(() => (!unref(isUpdate) ? '新增角色' : '编辑角色'));
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        resetFields();
+        roleId.value = '';
+        setDrawerProps({ confirmLoading: false });
+        // 需要在setFieldsValue之前先填充treeData，否则Tree组件可能会报key not exist警告
+        if (unref(treeData).length === 0) {
+          const menuListModel = await getMenuList();
+          processChildren(menuListModel);
+          let treeValues = new Array<TreeItem>();
+          menuListModel.map((item) => {
+            const data = {
+              menuName: t(item.meta.title),
+              icon: item.meta.icon,
+              key: item.id,
+              children: item.children as any as TreeItem[],
+            };
+            treeValues.push(data);
+          });
+          treeData.value = treeValues;
+        }
+        if (data.record) {
+          roleMenus.value = await getMenusIdsByRoleId(data.record.id);
+          console.log(roleMenus.value, 'roleMenus.value');
+          roleId.value = data.record.id;
+        }
+        isUpdate.value = !!data?.isUpdate;
+        if (unref(isUpdate)) {
+          setFieldsValue({
+            ...data.record,
+          });
+        }
+      });
+
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增角色' : '编辑角色'));
 
 
-    async function handleSubmit() {
-      try {
-        const values = await validate();
-        setDrawerProps({confirmLoading: true});
-        const req = {
-          id: roleId.value,
-          name: values.name,
-          remark: values.remark,
-          status: values.status,
-          menu: [...values.menu]
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          setDrawerProps({ confirmLoading: true });
+          const req = {
+            id: roleId.value,
+            name: values.name,
+            remark: values.remark,
+            status: values.status,
+            menu: [...values.menu],
+          };
+          saveOrUpdateRoleInfoWithMenu(req).then(() => {
+            closeDrawer();
+            emit('success');
+          });
+        } finally {
+          setDrawerProps({ confirmLoading: false });
         }
         }
-        saveOrUpdateRoleInfoWithMenu(req).then(()=>{
-          closeDrawer();
-          emit('success');
-        })
-      } finally {
-        setDrawerProps({confirmLoading: false});
       }
       }
-    }
 
 
-    return {
-      registerDrawer,
-      registerForm,
-      getTitle,
-      handleSubmit,
-      treeData,
-      roleMenus,
-    };
-  },
-});
+      return {
+        registerDrawer,
+        registerForm,
+        getTitle,
+        handleSubmit,
+        treeData,
+        roleMenus,
+      };
+    },
+  });
 </script>
 </script>

@@ -8,15 +8,15 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
-              ifShow:record.roleType!=RoleEnum.ROLE_SYS_ADMIN,
+              ifShow: record.roleType != RoleEnum.ROLE_SYS_ADMIN,
               popConfirm: {
               popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
@@ -33,12 +33,12 @@
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
 
 
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import {delRole, getRoleListByPage} from '/@/api/system/system';
+  import { delRole, getRoleListByPage } from '/@/api/system/system';
 
 
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import RoleDrawer from './RoleDrawer.vue';
   import RoleDrawer from './RoleDrawer.vue';
   import { columns, searchFormSchema } from './role.data';
   import { columns, searchFormSchema } from './role.data';
-  import {RoleEnum} from "/@/enums/roleEnum";
+  import { RoleEnum } from '/@/enums/roleEnum';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'RoleManagement',
     name: 'RoleManagement',
@@ -49,10 +49,10 @@
         title: '角色列表',
         title: '角色列表',
         api: getRoleListByPage,
         api: getRoleListByPage,
         columns,
         columns,
-        tableSetting:{
-          redo:true,
-          size:false,
-          setting:false
+        tableSetting: {
+          redo: true,
+          size: false,
+          setting: false,
         },
         },
         formConfig: {
         formConfig: {
           labelWidth: 120,
           labelWidth: 120,
@@ -85,11 +85,10 @@
       }
       }
 
 
       async function handleDelete(record: Recordable) {
       async function handleDelete(record: Recordable) {
-        const roleIds = [record.id]
-        delRole(roleIds).then(()=>{
+        const roleIds = [record.id];
+        delRole(roleIds).then(() => {
           reload();
           reload();
-        })
-
+        });
       }
       }
       function handleSuccess() {
       function handleSuccess() {
         reload();
         reload();
@@ -102,7 +101,7 @@
         handleEdit,
         handleEdit,
         handleDelete,
         handleDelete,
         handleSuccess,
         handleSuccess,
-        RoleEnum
+        RoleEnum,
       };
       };
     },
     },
   });
   });

@@ -7,9 +7,7 @@
     width="60%"
     width="60%"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicTable
-      @register="tenantAdminTable"
-    >
+    <BasicTable @register="tenantAdminTable">
       <template #toolbar>
       <template #toolbar>
         <a-button type="primary" @click="handleCreateTenantAdmin">新增租户管理员</a-button>
         <a-button type="primary" @click="handleCreateTenantAdmin">新增租户管理员</a-button>
       </template>
       </template>
@@ -17,31 +15,31 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'短信激活',
+              label: '短信激活',
               icon: 'ant-design:send-outlined',
               icon: 'ant-design:send-outlined',
-              tooltip:'发送激活短信',
-              ifShow:record.phoneNumber!=null&& !record.hasPassword,
+              tooltip: '发送激活短信',
+              ifShow: record.phoneNumber != null && !record.hasPassword,
               onClick: handleSendMsg.bind(null, record),
               onClick: handleSendMsg.bind(null, record),
             },
             },
             {
             {
-              label:'清除密码',
+              label: '清除密码',
               icon: 'ant-design:clear-outlined',
               icon: 'ant-design:clear-outlined',
-              tooltip:'清除密码',
+              tooltip: '清除密码',
               ifShow: record.hasPassword,
               ifShow: record.hasPassword,
               onClick: handleResetPassword.bind(null, record),
               onClick: handleResetPassword.bind(null, record),
             },
             },
-             {
-               label:'编辑',
-               icon: 'clarity:note-edit-line',
-               tooltip:'编辑',
-               onClick: handleEdit.bind(null, record),
+            {
+              label: '编辑',
+              icon: 'clarity:note-edit-line',
+              tooltip: '编辑',
+              onClick: handleEdit.bind(null, record),
             },
             },
-             {
-               label:'删除',
-               icon: 'ant-design:delete-outlined',
-               tooltip:'删除',
-               color: 'error',
-               popConfirm: {
+            {
+              label: '删除',
+              icon: 'ant-design:delete-outlined',
+              tooltip: '删除',
+              color: 'error',
+              popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
                 confirm: handleDelete.bind(null, record),
                 confirm: handleDelete.bind(null, record),
               },
               },
@@ -51,156 +49,169 @@
       </template>
       </template>
       <template #status="{ record }">
       <template #status="{ record }">
         <Tag
         <Tag
-          :color="record.userStatusEnum==='NORMAL'?'green':(record.userStatusEnum==='DISABLED'?'red':'orange')">
+          :color="
+            record.userStatusEnum === 'NORMAL'
+              ? 'green'
+              : record.userStatusEnum === 'DISABLED'
+              ? 'red'
+              : 'orange'
+          "
+        >
           {{
           {{
-            record.userStatusEnum === 'NORMAL' ? '正常' : (record.userStatusEnum === 'DISABLED' ? '已禁用' : '已过期')
+            record.userStatusEnum === 'NORMAL'
+              ? '正常'
+              : record.userStatusEnum === 'DISABLED'
+              ? '已禁用'
+              : '已过期'
           }}
           }}
         </Tag>
         </Tag>
       </template>
       </template>
     </BasicTable>
     </BasicTable>
-    <TenantAdminFormDrawer @register="tenantAdminFormDrawer" @success="handleSuccess"/>
+    <TenantAdminFormDrawer @register="tenantAdminFormDrawer" @success="handleSuccess" />
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref} from 'vue';
-import {BasicDrawer, useDrawer, useDrawerInner} from '/@/components/Drawer';
-import {BasicColumn, BasicTable, TableAction, useTable} from '/@/components/Table';
-import {
-  deleteTenantAdmin,
-  getTenantAdminPage,
-  resetPassword,
-  sendMessageOrEmail
-} from "/@/api/tenant/tenantApi";
-import {Tag} from 'ant-design-vue';
-import TenantAdminFormDrawer from "./TenantAdminFormDrawer.vue"
-import {MessageTypeEnum, SendResetPasswordEmailMsg} from "/@/api/tenant/tenantInfo";
-import {useMessage} from "/@/hooks/web/useMessage";
-import {RoleEnum} from "/@/enums/roleEnum";
-export default defineComponent({
-  name: 'TenantAdminDrawer',
-  components: {
-    BasicDrawer, BasicTable, TenantAdminFormDrawer, Tag, TableAction
-  },
-  setup() {
-    const{createMessage} =useMessage();
-    const [tenantAdminFormDrawer, {openDrawer: openTenantAdminFormDrawer}] = useDrawer();
-
-    function handleCreateTenantAdmin() {
-      openTenantAdminFormDrawer(true, {
-        isUpdate: false,
-        tenantCode: tenantCode
-      });
-    }
+  import { defineComponent, ref } from 'vue';
+  import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicColumn, BasicTable, TableAction, useTable } from '/@/components/Table';
+  import {
+    deleteTenantAdmin,
+    getTenantAdminPage,
+    resetPassword,
+    sendMessageOrEmail,
+  } from '/@/api/tenant/tenantApi';
+  import { Tag } from 'ant-design-vue';
+  import TenantAdminFormDrawer from './TenantAdminFormDrawer.vue';
+  import { MessageTypeEnum, SendResetPasswordEmailMsg } from '/@/api/tenant/tenantInfo';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { RoleEnum } from '/@/enums/roleEnum';
+  export default defineComponent({
+    name: 'TenantAdminDrawer',
+    components: {
+      BasicDrawer,
+      BasicTable,
+      TenantAdminFormDrawer,
+      Tag,
+      TableAction,
+    },
+    setup() {
+      const { createMessage } = useMessage();
+      const [tenantAdminFormDrawer, { openDrawer: openTenantAdminFormDrawer }] = useDrawer();
 
 
-    function handleEdit(record: Recordable) {
-      openTenantAdminFormDrawer(true, {
-        isUpdate: true,
-        record,
-        tenantCode: tenantCode
-      });
-    }
+      function handleCreateTenantAdmin() {
+        openTenantAdminFormDrawer(true, {
+          isUpdate: false,
+          tenantCode: tenantCode,
+        });
+      }
 
 
-    function handleDelete(record: Recordable) {
-      deleteTenantAdmin([record.id]);
-      createMessage.success("删除成功");
-      handleSuccess();
-    }
+      function handleEdit(record: Recordable) {
+        openTenantAdminFormDrawer(true, {
+          isUpdate: true,
+          record,
+          tenantCode: tenantCode,
+        });
+      }
 
 
-    function handleResetPassword(record: Recordable) {
-      resetPassword(record.id);
-      createMessage.success("清空密码成功");
-      handleSuccess();
-    }
-    function handleSendMsg(record: Recordable) {
-      const req = new SendResetPasswordEmailMsg(record.id, MessageTypeEnum.PHONE_MESSAGE)
-      sendMessageOrEmail(req).then(()=>{
-        createMessage.success("短信发送成功");
+      function handleDelete(record: Recordable) {
+        deleteTenantAdmin([record.id]);
+        createMessage.success('删除成功');
         handleSuccess();
         handleSuccess();
-      });
-    }
-
+      }
 
 
-    const tenantAdminColumns = [
-      {
-        title: '用户名',
-        dataIndex: 'username',
-        width: 50,
-      },
-      {
-        title: '真实名字',
-        dataIndex: 'realName',
-        width: 50,
-      },
-      {
-        title: '电话号码',
-        dataIndex: 'phoneNumber',
-        width: 50,
-      },
-      {
-        title: '邮箱',
-        dataIndex: 'email',
-        width: 70,
-      },
-      {
-        title: '状态',
-        dataIndex: 'userStatus',
-        width: 30,
-        slots: {customRender: 'status'},
-      },
-    ];
-    const tenantCode = ref("");
-    const [tenantAdminTable, {reload}] = useTable({
-      api: getTenantAdminPage,
-      columns: tenantAdminColumns as BasicColumn[],
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      searchInfo: {
-        tenantCode: tenantCode,
-        roleType: RoleEnum.ROLE_TENANT_ADMIN
-      },
-      actionColumn: {
-        width: 100,
-        title: '操作',
-        dataIndex: 'action',
-        slots: {customRender: 'action'},
-        fixed: undefined,
-      },
-      tableSetting: {
-        redo: true,
-        size: false,
-        setting: false
+      function handleResetPassword(record: Recordable) {
+        resetPassword(record.id);
+        createMessage.success('清空密码成功');
+        handleSuccess();
+      }
+      function handleSendMsg(record: Recordable) {
+        const req = new SendResetPasswordEmailMsg(record.id, MessageTypeEnum.PHONE_MESSAGE);
+        sendMessageOrEmail(req).then(() => {
+          createMessage.success('短信发送成功');
+          handleSuccess();
+        });
       }
       }
-    });
-    //默认传递页面数据
-    const [tenantAdminDrawer, {closeDrawer}] = useDrawerInner(async (data) => {
-      tenantCode.value = data.record.tenantCode;
-      await reload();
-    });
 
 
-    //提交按钮
-    async function handleSubmit() {
-      closeDrawer();//关闭侧框
-    }
+      const tenantAdminColumns = [
+        {
+          title: '用户名',
+          dataIndex: 'username',
+          width: 50,
+        },
+        {
+          title: '真实名字',
+          dataIndex: 'realName',
+          width: 50,
+        },
+        {
+          title: '电话号码',
+          dataIndex: 'phoneNumber',
+          width: 50,
+        },
+        {
+          title: '邮箱',
+          dataIndex: 'email',
+          width: 70,
+        },
+        {
+          title: '状态',
+          dataIndex: 'userStatus',
+          width: 30,
+          slots: { customRender: 'status' },
+        },
+      ];
+      const tenantCode = ref('');
+      const [tenantAdminTable, { reload }] = useTable({
+        api: getTenantAdminPage,
+        columns: tenantAdminColumns as BasicColumn[],
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        searchInfo: {
+          tenantCode: tenantCode,
+          roleType: RoleEnum.ROLE_TENANT_ADMIN,
+        },
+        actionColumn: {
+          width: 100,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
+        tableSetting: {
+          redo: true,
+          size: false,
+          setting: false,
+        },
+      });
+      //默认传递页面数据
+      const [tenantAdminDrawer, { closeDrawer }] = useDrawerInner(async (data) => {
+        tenantCode.value = data.record.tenantCode;
+        await reload();
+      });
 
 
-    function handleSuccess() {
-      reload();
-    }
+      //提交按钮
+      async function handleSubmit() {
+        closeDrawer(); //关闭侧框
+      }
 
 
-    return {
-      tenantAdminDrawer,
-      handleCreateTenantAdmin,
-      handleSubmit,
-      tenantAdminTable,
-      tenantCode,
-      tenantAdminFormDrawer,
-      handleSuccess,
-      handleEdit,
-      handleDelete,
-      handleResetPassword,
-      handleSendMsg
+      function handleSuccess() {
+        reload();
+      }
 
 
-    };
-  },
-});
+      return {
+        tenantAdminDrawer,
+        handleCreateTenantAdmin,
+        handleSubmit,
+        tenantAdminTable,
+        tenantCode,
+        tenantAdminFormDrawer,
+        handleSuccess,
+        handleEdit,
+        handleDelete,
+        handleResetPassword,
+        handleSendMsg,
+      };
+    },
+  });
 </script>
 </script>

@@ -7,120 +7,123 @@
     width="60%"
     width="60%"
     @ok="handleSubmit"
     @ok="handleSubmit"
   >
   >
-    <BasicForm @register="tenantAdminForm">
-    </BasicForm>
+    <BasicForm @register="tenantAdminForm"> </BasicForm>
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {computed, defineComponent, ref, unref} from 'vue';
-import {BasicDrawer, useDrawerInner} from '/@/components/Drawer';
-import {BasicForm, FormSchema, useForm} from '/@/components/Form/index';
-import {saveTenantAdmin} from "/@/api/tenant/tenantApi";
-import {UserDTO} from "/@/api/tenant/tenantInfo";
+  import { computed, defineComponent, ref, unref } from 'vue';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicForm, FormSchema, useForm } from '/@/components/Form/index';
+  import { saveTenantAdmin } from '/@/api/tenant/tenantApi';
+  import { UserDTO } from '/@/api/tenant/tenantInfo';
 
 
-export default defineComponent({
-  name: 'TenantAdminFormDrawer',
-  components: {
-    BasicDrawer, BasicForm
-  },
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    const tenantCode = ref("");
-    const formSchema: FormSchema[] = [
-      {
-        field: 'id',
-        label: 'id:',
-        show: false,
-        component: 'Input',
-      },
-      {
-        field: 'username',
-        label: '账号:',
-        required: true,
-        component: 'Input',
-      },
-      {
-        field: 'realName',
-        label: '真实名字:',
-        required: true,
-        component: 'Input',
-      },
-      {
-        field: 'phoneNumber',
-        label: '电话号码:',
-        required: true,
-        component: 'Input',
-      },
-      {
-        field: 'email',
-        label: '邮件:',
-        required: true,
-        component: 'Input',
-      },
-      {
-        field: 'enabled',
-        label: '状态',
-        required: true,
-        component: 'RadioButtonGroup',
-        defaultValue: true,
-        componentProps: {
-          options: [
-            {label: '启用', value: true},
-            {label: '停用', value: false},
-          ],
+  export default defineComponent({
+    name: 'TenantAdminFormDrawer',
+    components: {
+      BasicDrawer,
+      BasicForm,
+    },
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      const tenantCode = ref('');
+      const formSchema: FormSchema[] = [
+        {
+          field: 'id',
+          label: 'id:',
+          show: false,
+          component: 'Input',
         },
         },
-      },
-    ]
-    const [tenantAdminForm, {resetFields, setFieldsValue, updateSchema, validate}] = useForm({
-      labelWidth: 100,
-      schemas: formSchema,
-      showActionButtonGroup: false,
-      baseColProps: {lg: 24, md: 24},
-    });
-    const [tenantAdminFormDrawer, {setDrawerProps, closeDrawer}] = useDrawerInner(async (data) => {
-      await resetFields();
-      isUpdate.value = !!data?.isUpdate;
-      tenantCode.value = data?.tenantCode;
-      await updateSchema({field: 'title', componentProps: {disabled: false}});
-      if (unref(isUpdate)) {
-        await setFieldsValue({
-          ...data.record,
-        });
-      }
-    });
-    const getTitle = computed(() => (!unref(isUpdate) ? '新增租户管理员' : '编辑租户管理员'));
-
-    async function handleSubmit() {
-      try {
-        const values = await validate();
-        const requestParams = {
-          id: values.id,
-          username: values.username,
-          realName: values.realName,
-          phoneNumber: values.phoneNumber,
-          email: values.email,
-          enabled: values.enabled,
-          tenantExpireTime: (typeof values.tenantExpireTime != 'undefined' && values.tenantExpireTime != null) ? values.tenantExpireTime.format('YYYY-MM-DD HH:mm:ss') : null,
-          tenantCode: tenantCode.value
+        {
+          field: 'username',
+          label: '账号:',
+          required: true,
+          component: 'Input',
+        },
+        {
+          field: 'realName',
+          label: '真实名字:',
+          required: true,
+          component: 'Input',
+        },
+        {
+          field: 'phoneNumber',
+          label: '电话号码:',
+          required: true,
+          component: 'Input',
+        },
+        {
+          field: 'email',
+          label: '邮件:',
+          required: true,
+          component: 'Input',
+        },
+        {
+          field: 'enabled',
+          label: '状态',
+          required: true,
+          component: 'RadioButtonGroup',
+          defaultValue: true,
+          componentProps: {
+            options: [
+              { label: '启用', value: true },
+              { label: '停用', value: false },
+            ],
+          },
+        },
+      ];
+      const [tenantAdminForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
+        labelWidth: 100,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { lg: 24, md: 24 },
+      });
+      const [tenantAdminFormDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(
+        async (data) => {
+          await resetFields();
+          isUpdate.value = !!data?.isUpdate;
+          tenantCode.value = data?.tenantCode;
+          await updateSchema({ field: 'title', componentProps: { disabled: false } });
+          if (unref(isUpdate)) {
+            await setFieldsValue({
+              ...data.record,
+            });
+          }
         }
         }
-        setDrawerProps({confirmLoading: true});
-        saveTenantAdmin(requestParams as any as UserDTO).then(() => {
-          closeDrawer();//关闭侧框
-          emit('success');
-        })
+      );
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增租户管理员' : '编辑租户管理员'));
 
 
-      } finally {
-        setDrawerProps({confirmLoading: false});
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          const requestParams = {
+            id: values.id,
+            username: values.username,
+            realName: values.realName,
+            phoneNumber: values.phoneNumber,
+            email: values.email,
+            enabled: values.enabled,
+            tenantExpireTime:
+              typeof values.tenantExpireTime != 'undefined' && values.tenantExpireTime != null
+                ? values.tenantExpireTime.format('YYYY-MM-DD HH:mm:ss')
+                : null,
+            tenantCode: tenantCode.value,
+          };
+          setDrawerProps({ confirmLoading: true });
+          saveTenantAdmin(requestParams as any as UserDTO).then(() => {
+            closeDrawer(); //关闭侧框
+            emit('success');
+          });
+        } finally {
+          setDrawerProps({ confirmLoading: false });
+        }
       }
       }
 
 
-    }
-
-    return {
-      tenantAdminFormDrawer,
-      handleSubmit,
-      tenantAdminForm,
-      getTitle
-    };
-  },
-});
+      return {
+        tenantAdminFormDrawer,
+        handleSubmit,
+        tenantAdminForm,
+        getTitle,
+      };
+    },
+  });
 </script>
 </script>

@@ -17,7 +17,7 @@
           :customRequest="customUpload"
           :customRequest="customUpload"
           :before-upload="beforeUpload"
           :before-upload="beforeUpload"
         >
         >
-          <img v-if="tenantLogo" :src="tenantLogo" alt="avatar"/>
+          <img v-if="tenantLogo" :src="tenantLogo" alt="avatar" />
           <div v-else>
           <div v-else>
             <loading-outlined v-if="loading"></loading-outlined>
             <loading-outlined v-if="loading"></loading-outlined>
             <plus-outlined v-else></plus-outlined>
             <plus-outlined v-else></plus-outlined>
@@ -29,130 +29,138 @@
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref, computed, unref} from 'vue';
-import {BasicForm, useForm} from '/@/components/Form/index';
-import {BasicDrawer, useDrawerInner} from '/@/components/Drawer';
-import {CollapseContainer} from '/@/components/Container';
-import {CropperImage, CropperAvatar} from '/@/components/Cropper';
-import {PlusOutlined, LoadingOutlined} from '@ant-design/icons-vue';
-import {message, Upload} from 'ant-design-vue';
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { CollapseContainer } from '/@/components/Container';
+  import { CropperImage, CropperAvatar } from '/@/components/Cropper';
+  import { PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue';
+  import { message, Upload } from 'ant-design-vue';
 
 
-import {useI18n} from "/@/hooks/web/useI18n";
-import {tenantFormSchema} from "/@/views/tenant/management/tenantBaseColumns";
-import {FileItem} from "/@/components/Upload/src/typing";
-import {upload} from "/@/api/oss/ossFileUploader";
-import {getTenantRoles, updateOrCreateTenant} from "/@/api/tenant/tenantApi";
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { tenantFormSchema } from '/@/views/tenant/management/tenantBaseColumns';
+  import { FileItem } from '/@/components/Upload/src/typing';
+  import { upload } from '/@/api/oss/ossFileUploader';
+  import { getTenantRoles, updateOrCreateTenant } from '/@/api/tenant/tenantApi';
 
 
+  export default defineComponent({
+    name: 'TenantDrawer',
+    components: {
+      BasicDrawer,
+      BasicForm,
+      CropperImage,
+      CollapseContainer,
+      CropperAvatar,
+      Upload,
+      PlusOutlined,
+      LoadingOutlined,
+    },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      const tenantLogo = ref('');
 
 
-export default defineComponent({
-  name: 'TenantDrawer',
-  components: {
-    BasicDrawer, BasicForm, CropperImage,
-    CollapseContainer,
-    CropperAvatar,
-    Upload,
-    PlusOutlined, LoadingOutlined
-  },
-  emits: ['success', 'register'],
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    const tenantLogo = ref("");
-
-    async function customUpload({file}) {
-      if (beforeUpload(file)) {
-        const formData = new FormData()
-        formData.append('file', file)
-        const response = await upload(formData);
-        if (response.fileStaticUri) {
-          tenantLogo.value = response.fileStaticUri;
+      async function customUpload({ file }) {
+        if (beforeUpload(file)) {
+          const formData = new FormData();
+          formData.append('file', file);
+          const response = await upload(formData);
+          if (response.fileStaticUri) {
+            tenantLogo.value = response.fileStaticUri;
+          }
         }
         }
       }
       }
-    }
 
 
-    const beforeUpload = (file: FileItem) => {
-      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-      if (!isJpgOrPng) {
-        message.error('只能上传图片文件!');
-      }
-      const isLt2M = file.size as number / 1024 / 1024 < 2;
-      if (!isLt2M) {
-        message.error('图片大小不能超过2MB!');
-      }
-      return isJpgOrPng && isLt2M;
-    };
-    const [tenantForm, {resetFields, setFieldsValue, updateSchema, validate}] = useForm({
-      labelWidth: 100,
-      schemas: tenantFormSchema,
-      showActionButtonGroup: false,
-      baseColProps: {lg: 24, md: 24},
-    });
-    const {t} = useI18n(); //加载国际化
+      const beforeUpload = (file: FileItem) => {
+        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+        if (!isJpgOrPng) {
+          message.error('只能上传图片文件!');
+        }
+        const isLt2M = (file.size as number) / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          message.error('图片大小不能超过2MB!');
+        }
+        return isJpgOrPng && isLt2M;
+      };
+      const [tenantForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
+        labelWidth: 100,
+        schemas: tenantFormSchema,
+        showActionButtonGroup: false,
+        baseColProps: { lg: 24, md: 24 },
+      });
+      const { t } = useI18n(); //加载国际化
 
 
-    //默认传递页面数据
-    const [registerDrawer, {setDrawerProps, closeDrawer}] = useDrawerInner(async (data) => {
-      await resetFields();
-      tenantLogo.value = "";
-      setDrawerProps({confirmLoading: false});
-      isUpdate.value = !!data?.isUpdate;
+      //默认传递页面数据
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        await resetFields();
+        tenantLogo.value = '';
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
 
 
-      //初始化，菜单名称为可用
-      await updateSchema({field: 'title', componentProps: {disabled: false}});
-      //如果是编辑操作，设置页面数据
-      if (unref(isUpdate)) {
-        getTenantRoles(data.record.tenantCode).then((result)=>{
-          Reflect.set(data.record,"roleIds",result);
-          //为表单赋值
-          setFieldsValue({
-            ...data.record,
+        //初始化，菜单名称为可用
+        await updateSchema({ field: 'title', componentProps: { disabled: false } });
+        //如果是编辑操作，设置页面数据
+        if (unref(isUpdate)) {
+          getTenantRoles(data.record.tenantCode).then((result) => {
+            Reflect.set(data.record, 'roleIds', result);
+            //为表单赋值
+            setFieldsValue({
+              ...data.record,
+            });
+            tenantLogo.value = data.record.icon;
+            //编辑模式，菜单名称为不可用
+            updateSchema({ field: 'title', componentProps: { disabled: true } });
           });
           });
-          tenantLogo.value = data.record.icon;
-          //编辑模式，菜单名称为不可用
-          updateSchema({field: 'title', componentProps: {disabled: true,}});
-        });
-      }
-    });
-    //得到页面标题
-    const getTitle = computed(() => (!unref(isUpdate) ? t('routes.common.system.pageSystemTitleCreateTenant') : t('routes.common.system.pageSystemTitleEditTenant')));
-
-    //提交按钮
-    async function handleSubmit() {
-      try {
-        const values = await validate();
-        setDrawerProps({confirmLoading: true});
-        const req = {
-          id: values.id,
-          icon: tenantLogo.value,
-          name: values.name,
-          enabled: values.enabled,
-          description: values.description,
-          roleIds:values.roleIds,
-          tenantExpireTime: (typeof values.tenantExpireTime != 'undefined' && values.tenantExpireTime != null) ? values.tenantExpireTime.format('YYYY-MM-DD HH:mm:ss') : null
-        };
-        updateOrCreateTenant(req).then(() => {
-          closeDrawer();//关闭侧框
-          emit('success');
-        });
+        }
+      });
+      //得到页面标题
+      const getTitle = computed(() =>
+        !unref(isUpdate)
+          ? t('routes.common.system.pageSystemTitleCreateTenant')
+          : t('routes.common.system.pageSystemTitleEditTenant')
+      );
 
 
-      } finally {
-        setDrawerProps({confirmLoading: false});
+      //提交按钮
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          setDrawerProps({ confirmLoading: true });
+          const req = {
+            id: values.id,
+            icon: tenantLogo.value,
+            name: values.name,
+            enabled: values.enabled,
+            description: values.description,
+            roleIds: values.roleIds,
+            tenantExpireTime:
+              typeof values.tenantExpireTime != 'undefined' && values.tenantExpireTime != null
+                ? values.tenantExpireTime.format('YYYY-MM-DD HH:mm:ss')
+                : null,
+          };
+          updateOrCreateTenant(req).then(() => {
+            closeDrawer(); //关闭侧框
+            emit('success');
+          });
+        } finally {
+          setDrawerProps({ confirmLoading: false });
+        }
       }
       }
-    }
 
 
-    return {
-      registerDrawer,
-      tenantForm,
-      getTitle,
-      handleSubmit,
-      tenantLogo,
-      beforeUpload,
-      customUpload,
-    };
-  },
-});
+      return {
+        registerDrawer,
+        tenantForm,
+        getTitle,
+        handleSubmit,
+        tenantLogo,
+        beforeUpload,
+        customUpload,
+      };
+    },
+  });
 </script>
 </script>
 <style>
 <style>
-.ant-upload-select-picture-card i {
-  font-size: 32px;
-  color: #999;
-}
+  .ant-upload-select-picture-card i {
+    font-size: 32px;
+    color: #999;
+  }
 </style>
 </style>

 <template>
 <template>
   <div class="p-4">
   <div class="p-4">
-    <BasicTable
-      @register="tenantTable"
-    >
+    <BasicTable @register="tenantTable">
       <template #toolbar>
       <template #toolbar>
         <a-button type="primary" @click="handleCreate"> 新增租户</a-button>
         <a-button type="primary" @click="handleCreate"> 新增租户</a-button>
       </template>
       </template>
       <template #img="{ record }">
       <template #img="{ record }">
-        <TableImg :size="30" :showBadge="false" :simpleShow="true"
-                  :imgList="(typeof record.icon!=='undefined'&& record.icon!=='' && record.icon!=null)?[record.icon]:null"/>
+        <TableImg
+          :size="30"
+          :showBadge="false"
+          :simpleShow="true"
+          :imgList="
+            typeof record.icon !== 'undefined' && record.icon !== '' && record.icon != null
+              ? [record.icon]
+              : null
+          "
+        />
       </template>
       </template>
       <template #status="{ record }">
       <template #status="{ record }">
         <Tag
         <Tag
-          :color="record.tenantStatus==='NORMAL'?'green':(record.tenantStatus==='DISABLED'?'red':'orange')">
+          :color="
+            record.tenantStatus === 'NORMAL'
+              ? 'green'
+              : record.tenantStatus === 'DISABLED'
+              ? 'red'
+              : 'orange'
+          "
+        >
           {{
           {{
-            record.tenantStatus === 'NORMAL' ? '正常' : (record.tenantStatus === 'DISABLED' ? '已禁用' : '已过期')
+            record.tenantStatus === 'NORMAL'
+              ? '正常'
+              : record.tenantStatus === 'DISABLED'
+              ? '已禁用'
+              : '已过期'
           }}
           }}
         </Tag>
         </Tag>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
-          :actions="
-[
-              {
+          :actions="[
+            {
               icon: 'ant-design:usergroup-add-outlined',
               icon: 'ant-design:usergroup-add-outlined',
-               label:'租户管理员',
+              label: '租户管理员',
               onClick: handleTenantAdminDrawer.bind(null, record),
               onClick: handleTenantAdminDrawer.bind(null, record),
             },
             },
             {
             {
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
-              label:'编辑',
+              label: '编辑',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
-              label:'删除',
+              label: '删除',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
                 title: '是否确认删除',
                 title: '是否确认删除',
@@ -45,99 +61,98 @@
         />
         />
       </template>
       </template>
     </BasicTable>
     </BasicTable>
-    <TenantDrawer @register="tenantDrawer" @success="handleSuccess"/>
-    <TenantAdminDrawer @register="tenantAdminDrawer"/>
+    <TenantDrawer @register="tenantDrawer" @success="handleSuccess" />
+    <TenantAdminDrawer @register="tenantAdminDrawer" />
   </div>
   </div>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent} from 'vue';
-import {BasicTable, TableImg, TableAction, useTable, FormSchema} from '/@/components/Table';
-import {Avatar, Tag} from 'ant-design-vue';
-import {getBasicColumns} from './tenantBaseColumns';
-import {deleteTenant, getTenantPage} from '/@/api/tenant/tenantApi';
-import {useDrawer} from "/@/components/Drawer";
-import TenantDrawer from "./TenantDrawer.vue"
-import TenantAdminDrawer from "./TenantAdminDrawer.vue"
-export default defineComponent({
-  components: {BasicTable, Avatar, TableImg, Tag, TableAction, TenantDrawer, TenantAdminDrawer},
-  setup() {
-    const [tenantDrawer, {openDrawer: openDrawer}] = useDrawer();
-    const [tenantAdminDrawer, {openDrawer: openTenantAdminDrawer}] = useDrawer();
-
-    function handleDelete(record: Recordable) {
-      deleteTenant([record.id]).then(() => {
-        reload();
-      });
-    }
+  import { defineComponent } from 'vue';
+  import { BasicTable, TableImg, TableAction, useTable, FormSchema } from '/@/components/Table';
+  import { Avatar, Tag } from 'ant-design-vue';
+  import { getBasicColumns } from './tenantBaseColumns';
+  import { deleteTenant, getTenantPage } from '/@/api/tenant/tenantApi';
+  import { useDrawer } from '/@/components/Drawer';
+  import TenantDrawer from './TenantDrawer.vue';
+  import TenantAdminDrawer from './TenantAdminDrawer.vue';
+  export default defineComponent({
+    components: { BasicTable, Avatar, TableImg, Tag, TableAction, TenantDrawer, TenantAdminDrawer },
+    setup() {
+      const [tenantDrawer, { openDrawer: openDrawer }] = useDrawer();
+      const [tenantAdminDrawer, { openDrawer: openTenantAdminDrawer }] = useDrawer();
 
 
-    function handleCreate() {
-      openDrawer(true, {
-        isUpdate: false,
-      });
-    }
+      function handleDelete(record: Recordable) {
+        deleteTenant([record.id]).then(() => {
+          reload();
+        });
+      }
 
 
-    function handleEdit(record: Recordable) {
-      openDrawer(true, {
-        record,
-        isUpdate: true,
-      });
-    }
+      function handleCreate() {
+        openDrawer(true, {
+          isUpdate: false,
+        });
+      }
 
 
-    function handleTenantAdminDrawer(record: Recordable) {
-      openTenantAdminDrawer(true, {
-        record
-      });
+      function handleEdit(record: Recordable) {
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+      }
 
 
-    }
+      function handleTenantAdminDrawer(record: Recordable) {
+        openTenantAdminDrawer(true, {
+          record,
+        });
+      }
 
 
-    const searchFiled: FormSchema[] = [
-      {
-        field: 'tenantName',
-        label: '租户名称',
-        component: 'Input',
-        colProps: {span: 8},
-      },
-    ];
+      const searchFiled: FormSchema[] = [
+        {
+          field: 'tenantName',
+          label: '租户名称',
+          component: 'Input',
+          colProps: { span: 8 },
+        },
+      ];
 
 
-    function handleSuccess() {
-      reload();
-    }
+      function handleSuccess() {
+        reload();
+      }
 
 
-    const [tenantTable, {reload}] = useTable({
-      title: '租户',
-      api: getTenantPage,
-      columns: getBasicColumns(),
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      tableSetting: {
-        redo: true,
-        size: false,
-        setting: false
-      },
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFiled,
-      },
-      actionColumn: {
-        width: 150,
-        title: '操作',
-        dataIndex: 'action',
-        slots: {customRender: 'action'},
-        fixed: undefined,
-      },
-    });
-    return {
-      tenantTable,
-      handleEdit,
-      handleDelete,
-      handleCreate,
-      tenantDrawer,
-      tenantAdminDrawer,
-      handleSuccess,
-      handleTenantAdminDrawer,
-    };
-  },
-});
+      const [tenantTable, { reload }] = useTable({
+        title: '租户',
+        api: getTenantPage,
+        columns: getBasicColumns(),
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        tableSetting: {
+          redo: true,
+          size: false,
+          setting: false,
+        },
+        formConfig: {
+          labelWidth: 120,
+          schemas: searchFiled,
+        },
+        actionColumn: {
+          width: 150,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
+      });
+      return {
+        tenantTable,
+        handleEdit,
+        handleDelete,
+        handleCreate,
+        tenantDrawer,
+        tenantAdminDrawer,
+        handleSuccess,
+        handleTenantAdminDrawer,
+      };
+    },
+  });
 </script>
 </script>

@@ -23,113 +23,113 @@
   </BasicDrawer>
   </BasicDrawer>
 </template>
 </template>
 <script lang="ts">
 <script lang="ts">
-import {defineComponent, ref, computed, unref} from 'vue';
-import {BasicForm, useForm} from '/@/components/Form/index';
-import {formSchema} from './role.data';
-import {BasicDrawer, useDrawerInner} from '/@/components/Drawer';
-import {BasicTree, TreeItem} from '/@/components/Tree';
+  import { defineComponent, ref, computed, unref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from './role.data';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicTree, TreeItem } from '/@/components/Tree';
 
 
-const {t} = useI18n(); //加载国际化
+  const { t } = useI18n(); //加载国际化
 
 
-// import { getMenuList } from '/@/api/demo/system';
+  // import { getMenuList } from '/@/api/demo/system';
 
 
-// 加载菜单数据
-import {getMenuList, getMenusIdsByRoleId} from '/@/api/sys/menu';
-import {useI18n} from "/@/hooks/web/useI18n";
-import {RouteItem} from "/@/api/sys/model/menuModel";
-import {saveOrUpdateRoleInfoWithMenu} from "/@/api/system/system";
-import {RoleEnum} from "/@/enums/roleEnum";
-export default defineComponent({
-  name: 'RoleDrawer',
-  components: {BasicDrawer, BasicForm, BasicTree},
-  emits: ['success', 'register'],
-  setup(_, {emit}) {
-    const isUpdate = ref(true);
-    const treeData = ref<TreeItem[]>([]);
-    const roleMenus = ref<string[]>([]);
-    const roleId = ref("");
+  // 加载菜单数据
+  import { getMenuList, getMenusIdsByRoleId } from '/@/api/sys/menu';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  import { RouteItem } from '/@/api/sys/model/menuModel';
+  import { saveOrUpdateRoleInfoWithMenu } from '/@/api/system/system';
+  import { RoleEnum } from '/@/enums/roleEnum';
+  export default defineComponent({
+    name: 'RoleDrawer',
+    components: { BasicDrawer, BasicForm, BasicTree },
+    emits: ['success', 'register'],
+    setup(_, { emit }) {
+      const isUpdate = ref(true);
+      const treeData = ref<TreeItem[]>([]);
+      const roleMenus = ref<string[]>([]);
+      const roleId = ref('');
 
 
-    const [registerForm, {resetFields, setFieldsValue, validate}] = useForm({
-      labelWidth: 90,
-      schemas: formSchema,
-      showActionButtonGroup: false,
-    });
-
-    function processChildren(items: RouteItem[]) {
-      items.map((item) => {
-        item.menuName = t(item.meta.title);
-        item.icon = item.meta.icon;
-        item.key=item.id;
-        if (item.children) {
-          processChildren(item.children);
-        }
+      const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
+        labelWidth: 90,
+        schemas: formSchema,
+        showActionButtonGroup: false,
       });
       });
-    }
 
 
-    const [registerDrawer, {setDrawerProps, closeDrawer}] = useDrawerInner(async (data) => {
-      resetFields();
-      roleId.value = "";
-      setDrawerProps({confirmLoading: false});
-      // 需要在setFieldsValue之前先填充treeData，否则Tree组件可能会报key not exist警告
-      if (unref(treeData).length === 0) {
-        const menuListModel = await getMenuList();
-        processChildren(menuListModel);
-        let treeValues = new Array<TreeItem>();
-        menuListModel.map((item) => {
-          const data = {
-            menuName: t(item.meta.title),
-            icon: item.meta.icon,
-            key: item.id,
-            children: item.children as any as TreeItem[],
+      function processChildren(items: RouteItem[]) {
+        items.map((item) => {
+          item.menuName = t(item.meta.title);
+          item.icon = item.meta.icon;
+          item.key = item.id;
+          if (item.children) {
+            processChildren(item.children);
           }
           }
-          treeValues.push(data);
-        })
-        treeData.value = treeValues;
-      }
-      if (data.record) {
-        roleMenus.value = await getMenusIdsByRoleId(data.record.id);
-        roleId.value = data.record.id;
-      }
-      isUpdate.value = !!data?.isUpdate;
-      if (unref(isUpdate)) {
-        setFieldsValue({
-          ...data.record,
         });
         });
       }
       }
-    });
 
 
-    const getTitle = computed(() => (!unref(isUpdate) ? '新增角色' : '编辑角色'));
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        resetFields();
+        roleId.value = '';
+        setDrawerProps({ confirmLoading: false });
+        // 需要在setFieldsValue之前先填充treeData，否则Tree组件可能会报key not exist警告
+        if (unref(treeData).length === 0) {
+          const menuListModel = await getMenuList();
+          processChildren(menuListModel);
+          let treeValues = new Array<TreeItem>();
+          menuListModel.map((item) => {
+            const data = {
+              menuName: t(item.meta.title),
+              icon: item.meta.icon,
+              key: item.id,
+              children: item.children as any as TreeItem[],
+            };
+            treeValues.push(data);
+          });
+          treeData.value = treeValues;
+        }
+        if (data.record) {
+          roleMenus.value = await getMenusIdsByRoleId(data.record.id);
+          roleId.value = data.record.id;
+        }
+        isUpdate.value = !!data?.isUpdate;
+        if (unref(isUpdate)) {
+          setFieldsValue({
+            ...data.record,
+          });
+        }
+      });
+
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增角色' : '编辑角色'));
 
 
-    async function handleSubmit() {
-      try {
-        const values = await validate();
-        setDrawerProps({confirmLoading: true});
-        const req = {
-          id: roleId.value,
-          name: values.name,
-          remark: values.remark,
-          status: values.status,
-          roleType: RoleEnum.ROLE_TENANT_ADMIN,
-          menu: [...values.menu]
+      async function handleSubmit() {
+        try {
+          const values = await validate();
+          setDrawerProps({ confirmLoading: true });
+          const req = {
+            id: roleId.value,
+            name: values.name,
+            remark: values.remark,
+            status: values.status,
+            roleType: RoleEnum.ROLE_TENANT_ADMIN,
+            menu: [...values.menu],
+          };
+          console.log(req, '请求参数');
+          saveOrUpdateRoleInfoWithMenu(req).then(() => {
+            closeDrawer();
+            emit('success');
+          });
+        } finally {
+          setDrawerProps({ confirmLoading: false });
         }
         }
-        console.log(req,"请求参数")
-        saveOrUpdateRoleInfoWithMenu(req).then(()=>{
-          closeDrawer();
-          emit('success');
-        })
-      } finally {
-        setDrawerProps({confirmLoading: false});
       }
       }
-    }
 
 
-    return {
-      registerDrawer,
-      registerForm,
-      getTitle,
-      handleSubmit,
-      treeData,
-      roleMenus,
-    };
-  },
-});
+      return {
+        registerDrawer,
+        registerForm,
+        getTitle,
+        handleSubmit,
+        treeData,
+        roleMenus,
+      };
+    },
+  });
 </script>
 </script>

@@ -8,12 +8,12 @@
         <TableAction
         <TableAction
           :actions="[
           :actions="[
             {
             {
-              label:'编辑',
+              label: '编辑',
               icon: 'clarity:note-edit-line',
               icon: 'clarity:note-edit-line',
               onClick: handleEdit.bind(null, record),
               onClick: handleEdit.bind(null, record),
             },
             },
             {
             {
-              label:'删除',
+              label: '删除',
               icon: 'ant-design:delete-outlined',
               icon: 'ant-design:delete-outlined',
               color: 'error',
               color: 'error',
               popConfirm: {
               popConfirm: {
@@ -32,12 +32,12 @@
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
 
 
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import {delRole, getRoleListByPage} from '/@/api/system/system';
+  import { delRole, getRoleListByPage } from '/@/api/system/system';
 
 
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
   import RoleDrawer from './RoleDrawer.vue';
   import RoleDrawer from './RoleDrawer.vue';
   import { columns, searchFormSchema } from './role.data';
   import { columns, searchFormSchema } from './role.data';
-  import {RoleEnum} from "/@/enums/roleEnum";
+  import { RoleEnum } from '/@/enums/roleEnum';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'TenantRoleManagement',
     name: 'TenantRoleManagement',
@@ -48,10 +48,10 @@
         title: '租户角色列表',
         title: '租户角色列表',
         api: getRoleListByPage,
         api: getRoleListByPage,
         columns,
         columns,
-        tableSetting:{
-          redo:true,
-          size:false,
-          setting:false
+        tableSetting: {
+          redo: true,
+          size: false,
+          setting: false,
         },
         },
         formConfig: {
         formConfig: {
           labelWidth: 120,
           labelWidth: 120,
@@ -84,11 +84,10 @@
       }
       }
 
 
       async function handleDelete(record: Recordable) {
       async function handleDelete(record: Recordable) {
-        const roleIds = [record.id]
-        delRole(roleIds).then(()=>{
+        const roleIds = [record.id];
+        delRole(roleIds).then(() => {
           reload();
           reload();
-        })
-
+        });
       }
       }
       function handleSuccess() {
       function handleSuccess() {
         reload();
         reload();
@@ -101,7 +100,7 @@
         handleEdit,
         handleEdit,
         handleDelete,
         handleDelete,
         handleSuccess,
         handleSuccess,
-        RoleEnum
+        RoleEnum,
       };
       };
     },
     },
   });
   });

 <template>
 <template>
-  <div class="p-4">
-    tenant setting works
-  </div>
+  <div class="p-4"> tenant setting works </div>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { ref } from 'vue';