feat: 基础配置-班组管理-暂存（列表中中英文配置、查询&列表column&操作按钮显示、批量操作按钮显示、班组人员插槽写点击事件、新增-字段配置，还缺少其他的）

+import {DeviceModel, DeviceQueryParam} from "/@/api/device/model/deviceModel";
+import {omit} from "lodash-es";
+import {defHttp} from "/@/utils/http/axios";
+import {PaginationResult} from "/#/axios";
+
+enum DeviceManagerApi {
+    /**
+     * 设备URL
+     */
+    DEVICE_URL = '/device',
+}
+
+
+export const unitPage = (params: DeviceQueryParam) => {
+    const { page, pageSize } = params;
+    const otherParams = omit(params, ['page', 'pageSize']);
+    return defHttp.post<PaginationResult<DeviceModel>>({
+        url: `${DeviceManagerApi.DEVICE_URL}?page=${page}&pageSize=${pageSize}`,
+        params: otherParams,
+    });
+};

+export default {
+    unitCode: 'Team code',
+    unitName: 'Team name',
+    unitType: 'Team type',
+    unitMembers: 'Team members',
+    creator: 'Create members',
+    unitListText: 'Team management',
+    typeMaintenance: 'maintenance',
+    typeInspection: 'On-Site Inspection',
+    typeCheck: 'Spot check',
+    stop: 'stop using',
+    enable: 'go live',
+};

@@ -29,4 +29,5 @@ export default {
   commandDeliveryText: 'Command delivery',
   commandDeliveryText: 'Command delivery',
   serviceText: 'Service',
   serviceText: 'Service',
   dateRangeText: 'Date range',
   dateRangeText: 'Date range',
+  directorName: 'person in charge',
 };
 };

+export default {
+    unitCode: '班组编码',
+    unitName: '班组名称',
+    unitType: '班组类型',
+    unitMembers: '班组人员',
+    creator: '创建人',
+    unitListText: '班组管理',
+    typeMaintenance: '保养',
+    typeInspection: '巡检',
+    typeCheck: '点检',
+    stop: '停用',
+    enable: '启用',
+};

+<template>
+  <div class="stt">
+    <div>222</div>
+    <div>{{dialogMembersVisible}}</div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+// 接收父组件传递的 props
+const props = defineProps({
+  detailId: {
+    type: Object,
+    default: () => ({})
+  },
+  modelValue: { // v-model 控制显示
+    type: Boolean,
+    default: false
+  }
+});
+
+// 更新 v-model 状态
+const emit = defineEmits(['update:modelValue']);
+const dialogMembersVisible = computed({
+  get: () => props.modelValue,
+  set: (value) => emit('update:modelValue', value)
+});
+</script>

+<template>
+  2
+  <BasicDrawer
+    destroyOnClose
+    v-bind="$attrs"
+    showFooter
+    width="35%"
+    :maskClosable="true"
+    :title="titleText"
+    @register="registerDrawer"
+    wrapClassName="report-drawer"
+    @ok="handleSubmit"
+    @close="handleClose"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicDrawer>
+</template>
+<script setup lang="ts">
+  import { nextTick, reactive, ref } from 'vue';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { SchemaFiled } from '../../config/enum';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formSchema } from '../../config/data';
+  import { useHooks } from '/@/views/report/config/hooks/index.hooks';
+  // import { getEquipmentTypeDetail, saveEquipmentType } from '/@/api/archive/type';
+  import { useThrottleFn } from '@vueuse/shared/index';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  const { setDefaultTime, disableCustomWeekly, removeFields } = useHooks();
+  const restData = reactive({
+    data: {},
+  });
+  const { createMessage } = useMessage();
+  const { t } = useI18n();
+
+  const emits = defineEmits(['success', 'register']);
+  const [registerForm, { validate, resetFields, setFieldsValue, updateSchema }] = useForm({
+    labelWidth: 140,
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    fieldMapToTime: [[SchemaFiled.DATE_RANGE, [SchemaFiled.START_TS, SchemaFiled.END_TS]]],
+  });
+
+  const titleText = ref('');
+  const businessText = ref('');
+  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+    try {
+      await nextTick();
+      handleClose();
+      businessText.value = data.text;
+      titleText.value =
+        data.text === 'add'
+          ? '创建设备类型'
+          : data.text === 'edit'
+          ? '编辑设备类型'
+          : '查看设备类型';
+      setFieldsValue(setDefaultTime());
+      updateSchema(disableCustomWeekly(0));
+      if (businessText.value === 'add') return;
+      // const rest = await getEquipmentTypeDetail({ id: data.record?.id });
+      // restData.data = rest ?? {};
+      // await setFieldsValue({
+      //   ...restData.data,
+      // });
+    } finally {
+      setDrawerProps({ loading: false });
+    }
+  });
+  const handleClose = () => {
+    resetValue();
+  };
+  //重置表单
+  const resetValue = () => {
+    resetFields();
+  };
+
+  const handleSubmit = () => {
+    if (businessText.value === 'view') {
+      closeDrawer();
+      handleClose();
+      return;
+    }
+    useThrottle();
+  };
+
+  const useThrottle = useThrottleFn(() => {
+    getValue();
+  }, 2000);
+
+  const getValue = async () => {
+    try {
+      setDrawerProps({ confirmLoading: true });
+      const values = await validate();
+      if (!values) return;
+      const data = {
+        ...values,
+      };
+      removeFields.forEach((item) => {
+        Reflect.deleteProperty(data, item);
+      });
+      // businessText.value === 'add'
+      //   ? await saveEquipmentType(data)
+      //   : saveEquipmentType({ ...restData.data, ...data });
+      // createMessage.success(
+      //   t(businessText.value !== 'add' ? 'common.editSuccessText' : 'common.createSuccessText')
+      // );
+      closeDrawer();
+      handleClose();
+      setTimeout(() => {
+        emits('success');
+      }, 500);
+    } finally {
+      setDrawerProps({ confirmLoading: false });
+    }
+  };
+</script>
+<style scoped>
+  .inputTitle::before {
+    display: inline-block;
+    margin-right: 4px;
+    color: #ff4d4f;
+    font-size: 14px;
+    font-family: SimSun, sans-serif;
+    line-height: 1;
+    content: '*';
+  }
+</style>

+import TypeDrawer from './TypeDrawer.vue';
+import MembersDialog from './MembersDialog.vue';
+
+export { TypeDrawer, MembersDialog };

+import { FormSchema as BFormSchema } from '../../../../components/Form';
+import { useI18n } from '/@/hooks/web/useI18n';
+const { t } = useI18n();
+const statusOptions = [
+  { label: t('common.enableText'), value: 'ENABLE' },
+  { label: t('common.stop'), value: 'STOP' },
+];
+const typeOptions = [
+  { label: t('common.maintenance'), value: '1' },
+  { label: t('basicConfiguration.unit.typeMaintenance'), value: '2' },
+  { label: t('basicConfiguration.unit.typeInspection'), value: '3' },
+  { label: t('basicConfiguration.unit.typeCheck'), value: '4' },
+];
+
+export const formSchema: BFormSchema[] = [
+  {
+    field: 'code',
+    label: t('basicConfiguration.unit.unitCode'),
+    component: 'Input',
+    colProps: { span: 24 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'name',
+    label: t('basicConfiguration.unit.unitName'),
+    component: 'Input',
+    colProps: { span: 24 },
+    required: true,
+    componentProps: {
+      maxLength: 20,
+    },
+  },
+  {
+    field: 'type',
+    component: 'Select',
+    label: t('basicConfiguration.unit.unitType'),
+    required: true,
+    colProps: { span: 24 },
+    componentProps: {
+      options: typeOptions,
+    },
+  },
+  {
+    field: 'status',
+    component: 'Select',
+    label: t('common.status'),
+    required: true,
+    colProps: { span: 24 },
+    componentProps: {
+      options: statusOptions,
+    },
+  },
+  {
+    field: 'notes',
+    label: t('common.remarkText'),
+    component: 'InputTextArea',
+    colProps: { span: 24 },
+    componentProps: {
+      maxLength: 200,
+    },
+  },
+];

+export enum SchemaFiled {
+  WAY = 'queryMode',
+  TIME_PERIOD = 'timePeriod',
+  KEYS = 'keys',
+  DATE_RANGE = 'dataRange',
+  START_TS = 'startTs',
+  END_TS = 'endTs',
+  INTERVAL = 'interval',
+  LIMIT = 'limit',
+  AGG = 'agg',
+  ORDER_BY = 'orderBy',
+  DATA_TYPE = 'dataType',
+}

+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { h } from 'vue';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { Tag } from 'ant-design-vue';
+const { t } = useI18n();
+
+export enum UnitListAuthEnum {
+  /**
+   * @description 新增
+   */
+  CREATE = 'api:yt:basicConfiguration:unit:post',
+
+  /**
+   * @description 删除
+   */
+  DELETE = 'api:yt:basicConfiguration:unit:delete',
+
+  /**
+   * @description 编辑
+   */
+  UPDATE = 'api:yt:basicConfiguration:unit:update',
+
+  /**
+   * @description 启用
+   */
+  ENABLE = 'api:yt:basicConfiguration:unit:enable',
+
+  /**
+   * @description 停用
+   */
+  STOP = 'api:yt:basicConfiguration:unit:stop',
+}
+
+// 表格列数据
+export const columns: BasicColumn[] = [
+  {
+    dataIndex: 'code',
+    title: t('basicConfiguration.unit.unitCode'),
+    width: 120,
+  },
+  {
+    title: t('basicConfiguration.unit.unitName'),
+    dataIndex: 'name',
+    width: 100,
+  },
+  {
+    title: t('basicConfiguration.unit.unitType'),
+    dataIndex: 'type',
+    width: 100,
+  },
+  {
+    title: t('business.directorName'),
+    dataIndex: 'directorName',
+    width: 100,
+  },
+  {
+    title: t('basicConfiguration.unit.unitMembers'),
+    dataIndex: 'members',
+    slots: { customRender: 'members' },
+    width: 200
+  },
+  {
+    title: t('common.status'),
+    dataIndex: 'status',
+    width: 110,
+    customRender: ({ record }) => {
+      console.log('record', record)
+      const color = record?.status == 'ENABLE' ? 'blue' : 'red';
+      const text = record.status == 'ENABLE' ? t('basicConfiguration.unit.enable') : t('basicConfiguration.unit.stop');
+      return h(Tag, { color: color }, () => text);
+    },
+  },
+  {
+    title: t('common.remarkText'),
+    dataIndex: 'notes',
+    width: 120,
+  },
+  {
+    title: t('basicConfiguration.unit.creator'),
+    dataIndex: 'creatorName',
+    width: 120,
+  },
+  {
+    title: t('common.createTimeText'),
+    dataIndex: 'createTime',
+    width: 120,
+  },
+];
+
+// 查询字段
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: t('basicConfiguration.unit.unitName'),
+    component: 'Input',
+    colProps: { span: 6 },
+    componentProps: {
+      maxLength: 255,
+    },
+  },
+  {
+    field: 'creatorName',
+    label: t('basicConfiguration.unit.creator'),
+    component: 'Input',
+    colProps: { span: 6 },
+    componentProps: {
+      maxLength: 255,
+    },
+  },
+];

+<template>
+  <div>
+    <PageWrapper dense contentFullHeight contentClass="flex">
+      <BasicTable style="flex: auto" @register="registerTable" class="w-5/6 xl:w-4/5 type-table">
+        <template #toolbar>
+          <Authority :value="UnitListAuthEnum.CREATE">
+            <a-button
+              type="primary"
+              @click="handleBussinessDrawer('add', null)"
+              v-if="authBtn(role)"
+            >
+              {{ t('common.createText') }}
+            </a-button>
+          </Authority>
+          <Authority
+              :value="[UnitListAuthEnum.DELETE, UnitListAuthEnum.ENABLE, UnitListAuthEnum.STOP]"
+          >
+            <AuthDropDown
+                v-if="authBtn(role)"
+                :disabled="!isExistOption"
+                :dropMenuList="[
+                {
+                  text: t('common.delText'),
+                  auth: UnitListAuthEnum.DELETE,
+                  icon: 'ant-design:delete-outlined',
+                  popconfirm: {
+                    title: t('common.batchDeleteConfirmText'),
+                    onConfirm: () => handleDelete(),
+                  },
+                },
+                {
+                  text: t('common.enableText'),
+                  auth: UnitListAuthEnum.ENABLE,
+                  icon: 'ant-design:check-circle-outlined',
+                  onClick: handleChangeStatus.bind(null, 'enable'),
+                },
+
+                {
+                  text: t('common.stop'),
+                  auth: UnitListAuthEnum.STOP,
+                  icon: 'ant-design:close-circle-outlined',
+                  onClick: handleChangeStatus.bind(null, 'stop'),
+                },
+              ]"
+            >
+              <a-button type="primary" :disabled="!isExistOption">
+                {{ t('deviceManagement.device.batchActionText') }}
+              </a-button>
+            </AuthDropDown>
+          </Authority>
+        </template>
+        <template #members="{ record }">
+          <span @click="lookMembers(record)">
+            {{ record.profileName }}
+          </span>
+        </template>
+        <template #action="{ record }">
+          <TableAction
+            :actions="[
+              {
+                label: t('common.editText'),
+                auth: UnitListAuthEnum.UPDATE,
+                icon: 'clarity:note-edit-line',
+                onClick: handleBussinessDrawer.bind(null, 'edit', record),
+              },
+              {
+                label: t('common.delText'),
+                icon: 'ant-design:delete-outlined',
+                auth: UnitListAuthEnum.DELETE,
+                color: 'error',
+                popConfirm: {
+                  title: t('common.isDelete'),
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+              {
+                label: t('common.stop'),
+                auth: UnitListAuthEnum.STOP,
+                icon: 'ant-design:check-circle-outlined',
+                onClick: handleChangeStatus.bind(null, 'stop', record),
+                ifShow: record.status === 'ENABLE',
+              },
+              {
+                label: t('common.enableText'),
+                auth: UnitListAuthEnum.ENABLE,
+                icon: 'ant-design:close-circle-outlined',
+                ifShow: record.status === 'STOP',
+                onClick: handleChangeStatus.bind(null, 'enable', record),
+              },
+            ]"
+          />
+        </template>
+      </BasicTable>
+      <TypeDrawer @register="registerDrawer" @success="handleSuccess" @reload="handleSuccess" />
+      <!-- 弹窗组件 -->
+      <MembersDialog
+          v-model="dialogMembersVisible"
+          :detail-id="selectedRowId"
+      />
+    </PageWrapper>
+  </div>
+</template>
+<script setup lang="ts">
+import {reactive, ref} from 'vue';
+  import { PageWrapper } from '/@/components/Page';
+  import { TypeDrawer, MembersDialog } from './components/modal/index';
+  const searchInfo = reactive<Recordable>({});
+  import { BasicTable, TableAction, useTable } from '/@/components/Table';
+  // import {
+  //   getEquipmentTypeList,
+  //   deleteEquipmentType,
+  //   updateEquipmentTypeStatus,
+  // } from '/@/api/archive/type';
+import {
+  unitPage,
+} from '/@/api/basicConfiguration/unit';
+  import { columns, searchFormSchema, UnitListAuthEnum } from './config/type.data';
+  import { useBatchOperation } from '/@/utils/useBatchOperation';
+  import { useI18n } from '/@/hooks/web/useI18n';
+import { AuthDropDown } from '/@/components/Widget';
+  import { authBtn } from '/@/enums/roleEnum';
+  import { Authority } from '/@/components/Authority';
+  import { getAuthCache } from '/@/utils/auth';
+  import { USER_INFO_KEY } from '/@/enums/cacheEnum';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  import { useDrawer } from '/@/components/Drawer';
+
+
+  // 业务弹窗
+  const [registerDrawer, { openDrawer }] = useDrawer();
+  const { t } = useI18n();
+  const userInfo: any = getAuthCache(USER_INFO_KEY);
+  const role: string = userInfo.roles[0];
+
+  console.log('role----', role)
+
+  const { createMessage } = useMessage();
+
+
+  const [
+    registerTable,
+    { reload, setLoading, getSelectRowKeys, setSelectedRowKeys, getRowSelection },
+  ] = useTable({
+    title: t('basicConfiguration.unit.unitListText'),
+    api: unitPage,
+    columns,
+    beforeFetch: (params) => {
+      const { deviceProfileId } = params;
+      if (!deviceProfileId) return;
+      const obj = {
+        ...params,
+        ...{
+          deviceProfileIds: deviceProfileId ? [deviceProfileId] : null,
+        },
+      };
+      delete obj.deviceProfileId;
+      return obj;
+    },
+    formConfig: {
+      labelWidth: 140,
+      schemas: searchFormSchema,
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    bordered: true,
+    showIndexColumn: false,
+    rowKey: 'id',
+    searchInfo: searchInfo,
+    clickToRowSelect: false,
+    rowClassName: (record) => ((record as any).alarmStatus ? 'device-alarm-badge' : ''),
+    rowSelection: { type: 'checkbox' },
+    actionColumn: {
+      width: 200,
+      title: t('common.actionText'),
+      slots: { customRender: 'action' },
+      fixed: 'right',
+    },
+  });
+
+  const { isExistOption } = useBatchOperation(getRowSelection, setSelectedRowKeys);
+
+  // 业务弹窗
+  const handleBussinessDrawer = (text, record) => {
+    const modalParams = {
+      text,
+      record,
+    };
+    openDrawer(true, modalParams);
+  };
+
+  // 删除
+  const handleDelete = async (record?: any) => {
+    // eslint-disable-next-line no-console
+    console.log(record, '这是一条临时调试用的日志');
+    let ids: string[] = [];
+    if (record) {
+      ids = [record.id];
+    } else {
+      ids = getSelectRowKeys();
+    }
+    try {
+      setLoading(true);
+      // await deleteEquipmentType({ ids });
+      createMessage.success(t('common.deleteSuccessText'));
+      handleReload();
+    } catch (error) {
+      throw error;
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 启用 停用
+  const handleChangeStatus = async (type: 'enable' | 'stop', record?: any) => {
+    let ids: string[] = [];
+    if (record?.id) {
+      ids = [record?.id];
+    } else {
+      ids = getSelectRowKeys();
+    }
+    if (ids?.length)
+      try {
+        setLoading(true);
+        if (type === 'enable') {
+          // await updateEquipmentTypeStatus({ ids, status: 'ENABLE' });
+        } else {
+          // await updateEquipmentTypeStatus({ ids, status: 'STOP' });
+        }
+        createMessage.success(t('common.editSuccessText'));
+        handleReload();
+      } catch (error) {
+        throw error;
+      } finally {
+        setLoading(false);
+      }
+  };
+
+
+  // 控制弹窗显示
+  const dialogMembersVisible = ref(false);
+  // 存储当前选中行数据
+  const selectedRowId = ref(null);
+
+  const lookMembers = (item: any) => {
+    console.log('lookMembers--item', item)
+    console.log('lookMembers--item.organizationName', item.organizationName)
+    selectedRowId.value = item.id; // 存储行数据
+    dialogMembersVisible.value = true; // 显示弹窗
+  }
+
+  // 重置
+  function handleReload() {
+    setSelectedRowKeys([]);
+    handleSuccess();
+  }
+
+  function handleSuccess() {
+    reload();
+  }
+
+</script>
+
+<style scoped lang="less">
+  .type-table {
+    :deep(.ant-form-item-control-input-content) {
+      & > div > div {
+        width: 100%;
+      }
+    }
+  }
+</style>
+
+<style lang="less">
+  .type-status {
+    position: relative;
+
+    .type-collect {
+      width: 0;
+      height: 0;
+      border-top: 30px solid #377dff;
+      border-right: 30px solid transparent;
+    }
+  }
+
+  .type-name-edge {
+    width: 100%;
+    height: 100%;
+    padding: 0 !important;
+    position: relative;
+  }
+</style>