Merge branch 'ft-dev' into 'main'

feat:设备配置增加告警,新增租户配置页面

See merge request huang/yun-teng-iot-front!21

@@ -6,6 +6,7 @@ import {
   TenantPageRequestParams,
   TenantPageRequestParams,
   TenantRequestDTO,
   TenantRequestDTO,
   UserDTO,
   UserDTO,
+  tenantProfileDTO,
 } from './tenantInfo';
 } from './tenantInfo';
 import { defHttp } from '/@/utils/http/axios';
 import { defHttp } from '/@/utils/http/axios';
 
 
@@ -19,6 +20,14 @@ enum Api {
   sendMessageOrEmail = '/tenant/sendRestPasswordMsg',
   sendMessageOrEmail = '/tenant/sendRestPasswordMsg',
   deleteTenantAdmin = '/admin/user/deleteTenantAdmin',
   deleteTenantAdmin = '/admin/user/deleteTenantAdmin',
   getTenantRoles = '/admin/tenant/roles/',
   getTenantRoles = '/admin/tenant/roles/',
+  postAddTenantProfile = '/tenantProfile',
+}
+
+export async function saveTenantProfileApi(params: tenantProfileDTO) {
+  await defHttp.post({
+    params: params,
+    url: Api.postAddTenantProfile,
+  });
 }
 }
 
 
 export function getTenantPage(params: TenantPageRequestParams) {
 export function getTenantPage(params: TenantPageRequestParams) {

@@ -43,6 +43,43 @@ export interface TenantAdminPageRequestParams extends BaseQueryParams {
   tenantCode: string;
   tenantCode: string;
 }
 }
 
 
+export interface tenantProfileDTO {
+  name?: string;
+  isolatedTbCore?: boolean;
+  isolatedTbRuleEngine?: boolean;
+  profileData: {
+    configuration: {
+      maxDevices?: 1;
+      maxAssets?: string;
+      maxCustomers?: string;
+      maxUsers?: string;
+      maxDashboards?: string;
+      maxRuleChains?: string;
+      maxResourcesInBytes?: string;
+      maxOtaPackagesInBytes?: string;
+      transportTenantMsgRateLimit?: string;
+      transportTenantTelemetryMsgRateLimit?: string;
+      transportTenantTelemetryDataPointsRateLimit?: string;
+      transportDeviceMsgRateLimit?: string;
+      transportDeviceTelemetryMsgRateLimit?: string;
+      transportDeviceTelemetryDataPointsRateLimit?: string;
+      maxTransportMessages?: string;
+      maxTransportDataPoints?: string;
+      maxREExecutions?: string;
+      maxJSExecutions?: string;
+      maxDPStorageDays?: string;
+      maxRuleNodeExecutionsPerMessage?: string;
+      maxEmails?: string;
+      maxSms?: string;
+      maxCreatedAlarms?: string;
+      defaultStorageTtlDays?: string;
+      alarmsTtlDays?: string;
+      rpcTtlDays?: string;
+      type: 'DEFAULT';
+    };
+  };
+  description: null;
+}
 export interface UserDTO {
 export interface UserDTO {
   id: string;
   id: string;
   username: string;
   username: string;

+import { FormSchema } from '/@/components/Form';
+import { findDictItemByCode } from '/@/api/system/dict';
+
+export const alertContactsSchemas: FormSchema[] = [
+  {
+    field: 'alertType',
+    label: '告警通知方式',
+    required: true,
+    component: 'ApiSelect',
+    componentProps: {
+      api: findDictItemByCode,
+      params: {
+        dictCode: 'message_type',
+      },
+      labelField: 'itemText',
+      valueField: 'itemValue',
+    },
+  },
+];

+<template>
+  <BasicForm :showResetButton="false" :showSubmitButton="false" @register="register" />
+</template>
+<script lang="ts">
+  import { defineComponent, ref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { alertContactsSchemas } from './config';
+
+  export default defineComponent({
+    components: { BasicForm },
+    setup() {
+      const getValueData: any = ref({});
+      const [register, { setProps, getFieldsValue }] = useForm({
+        schemas: alertContactsSchemas,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+      function getAllFields(getV) {
+        const values = getFieldsValue();
+        getValueData.value = values;
+        getV = getValueData.value;
+        return getV;
+      }
+      return {
+        getAllFields,
+        register,
+        setProps,
+      };
+    },
+  });
+</script>

+<template>
+  <div class="step3">
+    <template v-for="(item, index) in alarmList" :key="item.id">
+      <CollapseContainer class="border mb-8">
+        <template #action>
+          <div @click="deleteAlarmRule(index)" class="cursor-pointer">
+            <DeleteOutlined style="font-size: 20px" class="mr-2" />
+          </div>
+        </template>
+        <BasicForm @register="registerForm" />
+        <CollapseContainer>
+          <template #action> 高级设置 </template>
+          <BasicForm @register="registerFormHighSetting">
+            <template #checkBox="{ model, field }">
+              <Checkbox v-model:checked="model[field]">传递报警</Checkbox>
+            </template>
+          </BasicForm>
+        </CollapseContainer>
+        <p>创建报警规则</p>
+        <template v-for="(childItem, createIndex) in item.createRule" :key="childItem.id">
+          <div class="aic mb-4" style="border: 1px solid #bfbfbf">
+            <div class="w-3/4">
+              <BasicForm @register="registerFormCreateAlarm" />
+              <div>
+                <p style="color: #f5594e" class="mt-4 ml-4"
+                  >请添加报警规则条件
+                  <PlusOutlined class="cursor-pointer ml-4" style="font-size: 20px"
+                /></p>
+                <p class="mt-4 ml-4"
+                  >启用规则：始终启用
+                  <EditOutlined class="cursor-pointer ml-4" style="font-size: 20px"
+                /></p>
+                <p class="mt-4 ml-4"
+                  >详情：<EditOutlined class="cursor-pointer ml-4" style="font-size: 20px"
+                /></p>
+                <p class="mt-4 ml-4">dashboard:</p>
+              </div>
+            </div>
+            <div class="w-1/4 flex justify-center">
+              <Tooltip title="移除">
+                <MinusCircleOutlined
+                  style="font-size: 25px; color: #305680"
+                  class="cursor-pointer"
+                  @click="deleteCondition(index, createIndex)"
+                />
+              </Tooltip>
+            </div>
+          </div>
+        </template>
+        <a-button class="mt-5" @click="addCreateRole(index)"
+          ><PlusCircleOutlined />添加创建条件</a-button
+        >
+        <p>清除报警规则</p>
+        <BasicForm @register="registerFormClearAlarm">
+          <template #formHeader> </template>
+        </BasicForm>
+      </CollapseContainer>
+    </template>
+    <div class="flex justify-start">
+      <a-button class="mr-5" @click="prevStep">上一步</a-button>
+      <a-button type="primary" @click="addAlarmRule">添加报警规则</a-button>
+      <a-button style="margin-left: 14px" @click="handleClickAddAlertContacts">下一步</a-button>
+    </div>
+    <BasicModal
+      v-if="statusModel"
+      @register="registerAlert"
+      v-bind="$attrs"
+      :showCancelBtn="true"
+      :showOkBtn="true"
+      :canFullscreen="false"
+      :closable="false"
+      :height="900"
+      :width="500"
+      :maskClosable="false"
+      title="告警通知"
+      :helpMessage="['告警通知']"
+      @ok="handleModal"
+    >
+      <div>
+        <span>请选择告警通知联系人：</span>
+        <Tag v-for="(item, index) in 10" closable @close="log" :key="index"> 冯涛+{{ item }}</Tag>
+      </div>
+      <AlertContacts ref="getAlertContactRef" />
+    </BasicModal>
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent, ref, unref } from 'vue';
+  import type { alarmListItem } from '../types/index';
+  import { CollapseContainer } from '/@/components/Container/index';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { step3Schemas, step3HighSetting, step3CreateAlarm, step3ClearAlarm } from './data';
+  import {
+    DeleteOutlined,
+    MinusCircleOutlined,
+    PlusCircleOutlined,
+    PlusOutlined,
+    EditOutlined,
+  } from '@ant-design/icons-vue';
+  import { Tooltip, Checkbox, Tag } from 'ant-design-vue';
+  import AlertContacts from '../cpns/index.vue';
+  import { BasicModal, useModal } from '/@/components/Modal';
+
+  export default defineComponent({
+    components: {
+      BasicForm,
+      CollapseContainer,
+      DeleteOutlined,
+      MinusCircleOutlined,
+      PlusCircleOutlined,
+      PlusOutlined,
+      EditOutlined,
+      Checkbox,
+      Tooltip,
+      BasicModal,
+      AlertContacts,
+      Tag,
+    },
+    emits: ['prev'],
+    setup(_, { emit }) {
+      //告警列表
+      let alarmList = ref<alarmListItem[]>([]);
+      const log = (e) => {
+        console.log(e);
+      };
+      // 添加和删除告警配置
+      const deleteAlarmRule = (index: number) => {
+        unref(alarmList).splice(index, 1);
+      };
+      // 上一步
+      const prevStep = () => {
+        emit('prev');
+      };
+      const addAlarmRule = () => {
+        unref(alarmList).push({
+          id: Date.now(),
+          alarmType: '',
+          isPass: false,
+          createRule: [
+            {
+              id: Date.now() + Math.random(),
+              alarmVisible: false,
+              addKeyFilterVisible: false,
+              detailVisible: false,
+              detail: '',
+              filterList: [],
+            },
+          ],
+          clearRule: [],
+        });
+      };
+
+      // 表单部分 报警类型
+      const [registerForm] = useForm({
+        labelWidth: 120,
+        schemas: step3Schemas,
+        showResetButton: false,
+        showSubmitButton: false,
+      });
+
+      // 高级设置
+      const [registerFormHighSetting] = useForm({
+        labelWidth: 120,
+        schemas: step3HighSetting,
+        showResetButton: false,
+        showSubmitButton: false,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+
+      // 添加创建条件表单
+      const [registerFormCreateAlarm] = useForm({
+        labelWidth: 120,
+        schemas: step3CreateAlarm,
+        showResetButton: false,
+        showSubmitButton: false,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+
+      // 清除条件表单
+      const [registerFormClearAlarm] = useForm({
+        labelWidth: 120,
+        schemas: step3ClearAlarm,
+        showResetButton: false,
+        showSubmitButton: false,
+        actionColOptions: {
+          span: 24,
+        },
+      });
+
+      // 添加‘创建条件’
+      const addCreateRole = (index: number) => {
+        unref(alarmList)[index].createRule.push({
+          id: Date.now() + Math.random(),
+          alarmVisible: false,
+          addKeyFilterVisible: false,
+          detailVisible: false,
+          detail: '',
+          filterList: [],
+        });
+      };
+      // 删除‘创建条件’
+      const deleteCondition = (index: number, createIndex: number) => {
+        alarmList.value[index].createRule.splice(createIndex, 1);
+      };
+
+      const statusModel = ref(false);
+      const [registerAlert, { openModal }] = useModal();
+      const handleClickAddAlertContacts = () => {
+        statusModel.value = true;
+        openModal(statusModel.value);
+      };
+      const handleModal = () => {
+        console.log(1);
+      };
+
+      return {
+        handleModal,
+        log,
+        statusModel,
+        registerAlert,
+        handleClickAddAlertContacts,
+        alarmList,
+        deleteAlarmRule,
+        prevStep,
+        addAlarmRule,
+        registerForm,
+        registerFormHighSetting,
+        registerFormCreateAlarm,
+        addCreateRole,
+        deleteCondition,
+        registerFormClearAlarm,
+      };
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  .step3 {
+    width: 100%;
+  }
+  .border {
+    border: 1px solid #bfbfbf;
+  }
+
+  .aic {
+    display: flex;
+    align-items: center;
+  }
+
+  :deep(.vben-collapse-container__header) {
+    border: none;
+  }
+</style>

@@ -17,7 +17,7 @@
           </BasicForm>
           </BasicForm>
         </CollapseContainer>
         </CollapseContainer>
         <p>创建报警规则</p>
         <p>创建报警规则</p>
-        <template v-for="(createItem, createIndex) in item.createRule" :key="createItem.id">
+        <template v-for="(childItem, createIndex) in item.createRule" :key="childItem.id">
           <div class="aic mb-4" style="border: 1px solid #bfbfbf">
           <div class="aic mb-4" style="border: 1px solid #bfbfbf">
             <div class="w-3/4">
             <div class="w-3/4">
               <BasicForm @register="registerFormCreateAlarm" />
               <BasicForm @register="registerFormCreateAlarm" />
@@ -59,7 +59,29 @@
     <div class="flex justify-start">
     <div class="flex justify-start">
       <a-button class="mr-5" @click="prevStep">上一步</a-button>
       <a-button class="mr-5" @click="prevStep">上一步</a-button>
       <a-button type="primary" @click="addAlarmRule">添加报警规则</a-button>
       <a-button type="primary" @click="addAlarmRule">添加报警规则</a-button>
+      <a-button style="margin-left: 14px" @click="handleClickAddAlertContacts">下一步</a-button>
     </div>
     </div>
+    <BasicModal
+      v-if="statusModel"
+      @register="registerAlert"
+      v-bind="$attrs"
+      :showCancelBtn="true"
+      :showOkBtn="true"
+      :canFullscreen="false"
+      :closable="false"
+      :height="900"
+      :width="500"
+      :maskClosable="false"
+      title="告警通知"
+      :helpMessage="['告警通知']"
+      @ok="handleModal"
+    >
+      <div>
+        <span>请选择告警通知联系人：</span>
+        <Tag v-for="(item, index) in 10" closable @close="log" :key="index"> 冯涛+{{ item }}</Tag>
+      </div>
+      <AlertContacts ref="getAlertContactRef" />
+    </BasicModal>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -75,9 +97,11 @@
     PlusCircleOutlined,
     PlusCircleOutlined,
     PlusOutlined,
     PlusOutlined,
     EditOutlined,
     EditOutlined,
-    CloseOutlined,
   } from '@ant-design/icons-vue';
   } from '@ant-design/icons-vue';
-  import { Tooltip, Checkbox } from 'ant-design-vue';
+  import { Tooltip, Checkbox, Tag } from 'ant-design-vue';
+  import AlertContacts from '../cpns/index.vue';
+  import { BasicModal, useModal } from '/@/components/Modal';
+
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
       BasicForm,
       BasicForm,
@@ -87,14 +111,19 @@
       PlusCircleOutlined,
       PlusCircleOutlined,
       PlusOutlined,
       PlusOutlined,
       EditOutlined,
       EditOutlined,
-      CloseOutlined,
       Checkbox,
       Checkbox,
       Tooltip,
       Tooltip,
+      BasicModal,
+      AlertContacts,
+      Tag,
     },
     },
     emits: ['prev'],
     emits: ['prev'],
     setup(_, { emit }) {
     setup(_, { emit }) {
       //告警列表
       //告警列表
       let alarmList = ref<alarmListItem[]>([]);
       let alarmList = ref<alarmListItem[]>([]);
+      const log = (e) => {
+        console.log(e);
+      };
       // 添加和删除告警配置
       // 添加和删除告警配置
       const deleteAlarmRule = (index: number) => {
       const deleteAlarmRule = (index: number) => {
         unref(alarmList).splice(index, 1);
         unref(alarmList).splice(index, 1);
@@ -178,20 +207,32 @@
       const deleteCondition = (index: number, createIndex: number) => {
       const deleteCondition = (index: number, createIndex: number) => {
         alarmList.value[index].createRule.splice(createIndex, 1);
         alarmList.value[index].createRule.splice(createIndex, 1);
       };
       };
+
+      const statusModel = ref(false);
+      const [registerAlert, { openModal }] = useModal();
+      const handleClickAddAlertContacts = () => {
+        statusModel.value = true;
+        openModal(statusModel.value);
+      };
+      const handleModal = () => {
+        console.log(1);
+      };
+
       return {
       return {
+        handleModal,
+        log,
+        statusModel,
+        registerAlert,
+        handleClickAddAlertContacts,
         alarmList,
         alarmList,
         deleteAlarmRule,
         deleteAlarmRule,
         prevStep,
         prevStep,
         addAlarmRule,
         addAlarmRule,
-
         registerForm,
         registerForm,
-
         registerFormHighSetting,
         registerFormHighSetting,
-
         registerFormCreateAlarm,
         registerFormCreateAlarm,
         addCreateRole,
         addCreateRole,
         deleteCondition,
         deleteCondition,
-
         registerFormClearAlarm,
         registerFormClearAlarm,
       };
       };
     },
     },

 import { BasicColumn, FormSchema } from '/@/components/Table';
 import { BasicColumn, FormSchema } from '/@/components/Table';
+import { Tag } from 'ant-design-vue';
+import { h } from 'vue';
 
 
 export const columns: BasicColumn[] = [
 export const columns: BasicColumn[] = [
   {
   {
@@ -40,15 +42,22 @@ export const columns: BasicColumn[] = [
     title: '阅读状态',
     title: '阅读状态',
     dataIndex: 'readStatus',
     dataIndex: 'readStatus',
     width: 200,
     width: 200,
-    format: (text: string, record: Recordable) => {
-      return record.readStatus == 0
-        ? '未读'
-        : record.type == 1
-        ? '已读'
-        : record.type == 2
-        ? '其他'
-        : '其他';
+    customRender: ({ record }) => {
+      const status = record.readStatus;
+      const enable = status == 0 ? '未读' : ~~status == 1 ? '已读' : '其他';
+      const color = enable == '未读' ? 'green' : enable == '已读' ? 'yellow' : 'red';
+      const text = enable == '未读' ? '未读' : enable == '已读' ? '已读' : '其他';
+      return h(Tag, { color: color }, () => text);
     },
     },
+    // format: (text: string, record: Recordable) => {
+    //   return record.readStatus == 0
+    //     ? '未读'
+    //     : record.type == 1
+    //     ? '已读'
+    //     : record.type == 2
+    //     ? '其他'
+    //     : '其他';
+    // },
   },
   },
 ];
 ];
 
 

@@ -4,6 +4,7 @@ import { h, ref } from 'vue';
 import { findDictItemByCode } from '/@/api/system/dict';
 import { findDictItemByCode } from '/@/api/system/dict';
 import { getOrganizationList } from '/@/api/system/system';
 import { getOrganizationList } from '/@/api/system/system';
 import { copyTransFun } from '/@/utils/fnUtils';
 import { copyTransFun } from '/@/utils/fnUtils';
+import { Tag } from 'ant-design-vue';
 
 
 export const selectAll = ref(null);
 export const selectAll = ref(null);
 export const selectOrg = ref(null);
 export const selectOrg = ref(null);
@@ -51,9 +52,16 @@ export const columns: BasicColumn[] = [
     title: '状态',
     title: '状态',
     dataIndex: 'status',
     dataIndex: 'status',
     width: 200,
     width: 200,
-    format: (_text: string, record: Recordable) => {
-      return record.status;
+    customRender: ({ record }) => {
+      const status = record.status;
+      const enable = status === '已发布' ? '已发布' : ~~status === '草稿' ? '草稿' : '其他';
+      const color = enable === '已发布' ? 'green' : enable === '草稿' ? 'yellow' : 'red';
+      const text = enable === '已发布' ? '已发布' : enable === '草稿' ? '草稿' : '其他';
+      return h(Tag, { color: color }, () => text);
     },
     },
+    // format: (_text: string, record: Recordable) => {
+    //   return record.status;
+    // },
   },
   },
 ];
 ];
 
 

+import { BasicColumn, FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '创建时间',
+    dataIndex: 'createdTime',
+    width: 200,
+  },
+  {
+    title: '名称',
+    dataIndex: 'name',
+    width: 200,
+  },
+  {
+    title: '说明',
+    dataIndex: 'description',
+    width: 120,
+  },
+  {
+    title: '默认',
+    dataIndex: 'default',
+    width: 200,
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '名称',
+    colProps: { span: 24 },
+    required: true,
+    component: 'Input',
+    componentProps: {
+      placeholder: '名称',
+    },
+  },
+  {
+    field: 'isolatedTbRuleEngine',
+    label: '隔离板芯容器的加工',
+    component: 'Checkbox',
+  },
+  {
+    field: 'isolatedTbCore',
+    label: '在独立的ThinngsBoard规则引擎中处理',
+    component: 'Checkbox',
+  },
+  {
+    field: 'description',
+    label: '说明',
+    colProps: { span: 24 },
+    component: 'InputTextArea',
+    componentProps: {
+      placeholder: '请输入说明',
+    },
+  },
+];

+import { FormSchema } from '/@/components/Table';
+
+export const formSchema: FormSchema[] = [
+  {
+    field: 'maxDevices',
+    label: '最大设备数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大设备数',
+    },
+  },
+  {
+    field: 'maxAssets',
+    label: '最大资产数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大资产',
+    },
+  },
+  {
+    field: 'maxCustomers',
+    label: '最大客户数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大客户数',
+    },
+  },
+  {
+    field: 'maxUsers',
+    label: '最大用户数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大用户数',
+    },
+  },
+  {
+    field: 'maxDashboards',
+    label: '仪表板的最大数量（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入仪表板的最大数量',
+    },
+  },
+  {
+    field: 'maxRuleChains',
+    label: '最大规则链数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大规则链数',
+    },
+  },
+  {
+    field: 'maxResourcesInBytes',
+    label: 'Maximun sum of resource files in bytes（0-unlimited）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入',
+    },
+  },
+  {
+    field: 'maxOtaPackagesInBytes',
+    label: 'Maximun sum of ota packages files size in bytes（0-unlimited）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入',
+    },
+  },
+  {
+    field: 'maxTransportMessages',
+    label: '最大传输消息数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大传输消息数',
+    },
+  },
+  {
+    field: 'maxTransportDataPoints',
+    label: '传输数据点的最大数量（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入传输数据点的最大数量',
+    },
+  },
+  {
+    field: 'maxREExecutions',
+    label: '最大规则引擎数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大规则引擎数',
+    },
+  },
+
+  {
+    field: 'maxJSExecutions',
+    label: '最大JavaScript执行数（0-不受限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大JavaScript执行数',
+    },
+  },
+  {
+    field: 'maxDPStorageDays',
+    label: '最大日存储数据点数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入最大日存储数据点数',
+    },
+  },
+  {
+    field: 'defaultStorageTtlDays',
+    label: '默认存储 TTL 天数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入默认存储 TTL 天数',
+    },
+  },
+  {
+    field: 'alarmsTtlDays',
+    label: 'Alams TTL days（0-unlimaited）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入Alams TTL days',
+    },
+  },
+  {
+    field: 'rpcTtlDays',
+    label: 'RPC TTL days（0-unlimaited）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入RPC TTL days',
+    },
+  },
+  {
+    field: 'maxRuleNodeExecutionsPerMessage',
+    label: '每条消息的最大规则节点执行数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入每条消息的最大规则节点执行数',
+    },
+  },
+  {
+    field: 'maxEmails',
+    label: '发送的最大电子邮件数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入发送的最大电子邮件数',
+    },
+  },
+  {
+    field: 'maxSms',
+    label: '发送的最大短信数（0-无限制）',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入发送的最大短信数',
+    },
+  },
+  {
+    field: 'maxCreatedAlarms',
+    label: 'Maximum number of alarms created (0 - unlimited)',
+    colProps: { span: 24 },
+    component: 'InputNumber',
+    componentProps: {
+      placeholder: '请输入maxCreatedAlarms',
+    },
+  },
+  {
+    field: 'transportTenantMsgRateLimit',
+    label: '传输租户消息速率限制',
+    colProps: { span: 24 },
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入传输租户消息速率限制',
+    },
+  },
+  {
+    field: 'transportTenantTelemetryMsgRateLimit',
+    label: '租户遥测消息速率限制',
+    colProps: { span: 24 },
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入租户遥测消息速率限制',
+    },
+  },
+  {
+    field: 'transportTenantTelemetryDataPointsRateLimit',
+    label: '租户遥测数据点速率限制',
+    colProps: { span: 24 },
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入租户遥测数据点速率限制',
+    },
+  },
+  {
+    field: 'transportDeviceMsgRateLimit',
+    label: '传输设备消息速率限制',
+    colProps: { span: 24 },
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入传输设备消息速率限制',
+    },
+  },
+  {
+    field: 'transportDeviceTelemetryMsgRateLimit',
+    label: '设备遥测消息速率限制',
+    colProps: { span: 24 },
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入设备遥测消息速率限制',
+    },
+  },
+  {
+    field: 'transportDeviceTelemetryDataPointsRateLimit',
+    label: '设备遥测数据点速率限制',
+    colProps: { span: 24 },
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入设备遥测数据点速率限制',
+    },
+  },
+];

+<template>
+  <CollapseContainer title="配置设置">
+    <BasicForm @register="registerForm" />
+  </CollapseContainer>
+</template>
+<script lang="ts">
+  import { defineComponent, ref } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formSchema } from './config';
+  import { CollapseContainer } from '/@/components/Container/index';
+
+  export default defineComponent({
+    name: 'index',
+    components: { BasicForm, CollapseContainer },
+    emits: ['success', 'register'],
+    setup() {
+      const getValueData: any = ref({});
+      const [registerForm, { getFieldsValue }] = useForm({
+        schemas: formSchema,
+        showActionButtonGroup: false,
+      });
+
+      function getAllFields(getV) {
+        const values = getFieldsValue();
+        getValueData.value = values;
+        getV = getValueData.value;
+        return getV;
+      }
+      return {
+        getAllFields,
+        registerForm,
+      };
+    },
+  });
+</script>

 <template>
 <template>
-  <div class="p-4"> tenant setting works </div>
+  <div>
+    <BasicTable
+      :rowSelection="{ type: 'checkbox' }"
+      @selection-change="useSelectionChange"
+      @register="registerTable"
+    >
+      <template #toolbar>
+        <a-button type="primary" @click="handleAdd"> 新增租户配置 </a-button>
+        <a-button type="error" @click="handleToolbarDel"> 删除 </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>
+    <SceneLinkAgeDrawer
+      :getChildrenData="echoEditData"
+      @register="registerDrawer"
+      @success="handleSuccess"
+    />
+  </div>
 </template>
 </template>
-<script lang="ts" setup>
-  import { ref } from 'vue';
-  const loading = ref(true);
+<script lang="ts">
+  import { defineComponent, reactive } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { useDrawer } from '/@/components/Drawer';
+  import SceneLinkAgeDrawer from './useDrawer.vue';
+  import { columns } from './config';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { screenLinkPageGetApi, screenLinkPageDeleteApi } from '/@/api/ruleengine/ruleengineApi';
 
 
-  setTimeout(() => {
-    loading.value = false;
-  }, 1500);
+  export default defineComponent({
+    name: 'index',
+    components: { BasicTable, SceneLinkAgeDrawer, TableAction },
+    setup() {
+      let selectedRowKeys: Array<string> = [];
+      let echoEditData = reactive({});
+      const [registerDrawer, { openDrawer }] = useDrawer();
+      const { createMessage } = useMessage();
+      const [registerTable, { reload, getSelectRowKeys }] = useTable({
+        title: '',
+        clickToRowSelect: false,
+        api: screenLinkPageGetApi,
+        columns,
+        rowKey: 'id',
+        useSearchForm: true,
+        showTableSetting: true,
+        bordered: true,
+        showIndexColumn: false,
+        actionColumn: {
+          width: 180,
+          title: '操作',
+          dataIndex: 'action',
+          slots: { customRender: 'action' },
+          fixed: undefined,
+        },
+      });
+
+      function handleAdd() {
+        openDrawer(true, {
+          isUpdate: false,
+        });
+      }
+
+      const useSelectionChange = () => {
+        selectedRowKeys = getSelectRowKeys();
+      };
+
+      async function handleToolbarDel() {
+        await screenLinkPageDeleteApi(selectedRowKeys);
+        createMessage.success('删除成功');
+        reload();
+      }
+
+      function handleEdit(record: Recordable) {
+        openDrawer(true, {
+          record,
+          isUpdate: true,
+        });
+        echoEditData = record;
+      }
+      async function handleDelete(record: Recordable) {
+        let ids = [record.id];
+        await screenLinkPageDeleteApi(ids);
+        createMessage.success('删除成功');
+        reload();
+      }
+      function handleSuccess() {
+        reload();
+      }
+      return {
+        useSelectionChange,
+        echoEditData,
+        registerTable,
+        registerDrawer,
+        handleAdd,
+        handleToolbarDel,
+        handleEdit,
+        handleDelete,
+        handleSuccess,
+      };
+    },
+  });
 </script>
 </script>

+<template>
+  <div>
+    <BasicDrawer
+      v-bind="$attrs"
+      @register="registerDrawer"
+      showFooter
+      :title="getTitle"
+      width="500px"
+      @ok="handleSubmit"
+    >
+      <BasicForm @register="registerForm" />
+      <CpnsTenantSet ref="getChildData" />
+    </BasicDrawer>
+  </div>
+</template>
+<script lang="ts">
+  import { defineComponent, ref, computed, unref, getCurrentInstance, reactive } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form';
+  import { formSchema } from './config';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import CpnsTenantSet from './cpns/index.vue';
+  import { saveTenantProfileApi } from '/@/api/tenant/tenantApi';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  export default defineComponent({
+    name: 'ConfigDrawer',
+    components: { BasicDrawer, BasicForm, CpnsTenantSet },
+    emits: ['success', 'register'],
+    setup() {
+      const { createMessage } = useMessage();
+      const isUpdate = ref(true);
+      let postAllData: any = reactive({});
+      let getValuesFormData: any = reactive({});
+      const { proxy } = getCurrentInstance();
+      const [registerForm, { validateFields, getFieldsValue, resetFields }] = useForm({
+        schemas: formSchema,
+        showActionButtonGroup: false,
+      });
+      const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+        await resetFields();
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
+      });
+      const getTitle = computed(() => (!unref(isUpdate) ? '新增租户配置' : '编辑租户配置'));
+
+      async function handleSubmit() {
+        let res = validateFields();
+        if (!res) return;
+        getValuesFormData = getFieldsValue();
+        let getChildValues = proxy.$refs.getChildData.getAllFields();
+        let profileData1 = {
+          configuration: getChildValues,
+        };
+        Object.assign(
+          postAllData,
+          {
+            profileData: profileData1,
+          },
+          getValuesFormData
+        );
+        await saveTenantProfileApi(postAllData);
+        createMessage.success('租户配置新增成功');
+        closeDrawer();
+      }
+      return {
+        registerDrawer,
+        registerForm,
+        getTitle,
+        handleSubmit,
+      };
+    },
+  });
+</script>