feat: add filter model of matter list

 import { BasicPageParams } from '../model/baseModel';
 import { GetModelTslParams, ModelOfMatterParams } from './model/modelOfMatterModel';
 import { defHttp } from '/@/utils/http/axios';
+import { FunctionType } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 
 enum ModelOfMatter {
   CREATE = '/things_model',
@@ -8,9 +9,16 @@ enum ModelOfMatter {
   DELETE = '/things_model',
   TSL = '/things_model',
   LIST = '/things_model/page',
+  RELEASE = '/things_model',
 }
 
-export const getModelList = (params: BasicPageParams) => {
+export const getModelList = (
+  params: BasicPageParams & {
+    deviceProfileId: string;
+    functionTyp?: FunctionType;
+    nameOrIdentifier?: string;
+  }
+) => {
   return defHttp.get({
     url: `${ModelOfMatter.LIST}`,
     params,
@@ -46,3 +54,9 @@ export const deleteModel = (params: string[]) => {
     },
   });
 };
+
+export const releaseModel = (deviceProfileId: string) => {
+  return defHttp.put({
+    url: `${ModelOfMatter.RELEASE}/${deviceProfileId}`,
+  });
+};

@@ -50,6 +50,7 @@
 
   const [register, {}] = useDrawerInner(async (data: { record: DeviceRecord }) => {
     activeKey.value = 'product';
+    record.value = data.record;
     record.value = await deviceConfigGetDetail(data.record.id);
     setDeviceConfFormData(unref(record));
   });

@@ -6,6 +6,8 @@ import { numberRule } from '/@/utils/rules';
 
 import { deviceConfigGetRuleChain } from '/@/api/device/deviceConfigApi';
 import { FormField, FunctionType } from './step/cpns/physical/cpns/config';
+import { h } from 'vue';
+import { Tag } from 'ant-design-vue';
 
 export const steps = [
   {
@@ -52,12 +54,49 @@ export const physicalColumn: BasicColumn[] = [
     },
   },
   {
+    title: '状态',
+    dataIndex: 'status',
+    width: 100,
+    customRender: (value: Record<'text', number>) => {
+      const { text } = value;
+      return h(
+        Tag,
+        {
+          color: text ? 'green' : 'red',
+        },
+        () => (text ? '已发布' : '待发布')
+      );
+    },
+  },
+  {
     title: '创建时间',
     dataIndex: 'createTime',
     width: 150,
   },
 ];
 
+export const modelOfMatterForm: FormSchema[] = [
+  {
+    field: 'functionType',
+    label: '功能类型',
+    component: 'Select',
+    colProps: { span: 8 },
+    componentProps: {
+      options: [
+        { label: '属性', value: FunctionType.PROPERTIES },
+        { label: '事件', value: FunctionType.EVENTS },
+        { label: '服务', value: FunctionType.SERVICE },
+      ],
+    },
+  },
+  {
+    field: 'nameOrIdentifier',
+    label: '功能名称/标识符',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+];
+
 export const step1Schemas: FormSchema[] = [
   {
     field: 'image',

@@ -2,6 +2,7 @@
   <div class="p-style">
     <BasicTable
       :rowSelection="{ type: 'checkbox' }"
+      class="bg-gray-100"
       :clickToRowSelect="false"
       @register="registerTable"
     >
@@ -41,7 +42,9 @@
                   cancel-text="取消"
                   @confirm="handleEmit"
                 >
-                  <Button v-if="isShowBtn" type="primary"> 发布上线 </Button>
+                  <Button v-if="isShowBtn" type="primary" :loading="releaseLoading">
+                    发布上线
+                  </Button>
                 </Popconfirm>
                 <Button v-if="isShowBtn" class="!bg-gray-200" type="text" @click="handleReturn">
                   返回
@@ -108,7 +111,7 @@
 <script lang="ts" setup>
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useModal } from '/@/components/Modal';
-  import { physicalColumn } from '../device.profile.data';
+  import { modelOfMatterForm, physicalColumn } from '../device.profile.data';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Authority } from '/@/components/Authority';
   import PhysicalModelModal from './cpns/physical/PhysicalModelModal.vue';
@@ -116,13 +119,13 @@
   import { Popconfirm, Button, Alert } from 'ant-design-vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
-  import { deleteModel, getModelList } from '/@/api/device/modelOfMatter';
+  import { deleteModel, getModelList, releaseModel } from '/@/api/device/modelOfMatter';
   import { OpenModelOfMatterModelParams, OpenModelMode } from './cpns/physical/types';
   import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { ref } from 'vue';
   defineEmits(['register']);
 
-  defineProps<{
+  const props = defineProps<{
     record: DeviceRecord;
   }>();
 
@@ -132,13 +135,19 @@
   const [registerModalTsl, { openModal: openModalTsl }] = useModal();
 
   const [registerTable, { reload, setProps }] = useTable({
-    api: getModelList,
+    api: async (params: Record<'page' | 'pageSize', number>) => {
+      return await getModelList({ ...params, deviceProfileId: props.record.id });
+    },
     columns: physicalColumn,
     showIndexColumn: false,
     clickToRowSelect: false,
-    useSearchForm: false,
     showTableSetting: true,
     bordered: true,
+    useSearchForm: true,
+    formConfig: {
+      schemas: modelOfMatterForm,
+      labelWidth: 120,
+    },
     actionColumn: {
       width: 200,
       title: '操作',
@@ -200,9 +209,19 @@
   const handleEditPhysicalModel = () => (isShowBtn.value = true);
 
   const handleReturn = () => (isShowBtn.value = false);
-  const handleEmit = () => {
-    isShowBtn.value = false;
-    createMessage.success('发布成功');
+
+  const releaseLoading = ref(false);
+  const handleEmit = async () => {
+    try {
+      releaseLoading.value = true;
+      await releaseModel(props.record.id);
+      handleReturn();
+      createMessage.success('发布成功');
+      reload();
+    } catch (error) {
+    } finally {
+      releaseLoading.value = false;
+    }
   };
 
   defineExpose({});

@@ -30,7 +30,7 @@
     </div>
     <div>
       <Spin :spinning="loading">
-        <div id="jsoneditor" ref="jsoneditorRef"></div>
+        <div id="jsoneditor" ref="jsoneditorEl"></div>
       </Spin>
     </div>
   </div>
@@ -60,9 +60,12 @@
 
   const jsonValue = ref();
 
-  const jsonInstance = ref();
+  const jsonInstance = ref<{
+    set: (value?: Recordable) => void;
+    get: () => Recordable;
+  }>();
 
-  const jsoneditorRef = ref<Recordable>();
+  const jsoneditorEl = ref<HTMLDivElement>();
 
   const activeKey = ref(FunctionType.PROPERTIES);
 
@@ -73,7 +76,7 @@
         mainMenuBar: false,
         statusBar: false,
       };
-      let editor = new jsoneditor(jsoneditorRef.value, options);
+      let editor = new jsoneditor(jsoneditorEl.value, options);
       editor.set(jsonValue.value);
       jsonInstance.value = editor;
     });
@@ -83,7 +86,7 @@
 
   const handleCopy = () => {
     try {
-      const valueRef = unref(jsonInstance).get();
+      const valueRef = unref(jsonInstance)?.get();
       const value = JSON.stringify(unref(valueRef));
       if (!value) {
         createMessage.warning('请输入要拷贝的内容！');
@@ -99,31 +102,36 @@
   };
 
   const getFormData = () => {
-    const value = unref(jsonInstance).get();
+    const value = unref(jsonInstance)?.get();
     if (!value) return;
     return value;
   };
 
   const resetFormData = () => {
-    unref(jsonInstance).set();
+    unref(jsonInstance)?.set();
   };
 
   const handlePremitter = () => {
-    const value = unref(jsonInstance).get();
-    return unref(jsonInstance).set(value);
+    const value = unref(jsonInstance)?.get();
+    return unref(jsonInstance)?.set(value);
   };
 
   const handleSwitchTsl = async (functionType: FunctionType) => {
     try {
       loading.value = true;
       const record = await getModelTsl({ deviceProfileId: props.record.id, functionType });
-      console.log(record);
+      jsonInstance.value?.set(record);
     } catch (error) {
     } finally {
       loading.value = false;
     }
   };
 
+  onMounted(() => {
+    activeKey.value = FunctionType.PROPERTIES;
+    handleSwitchTsl(FunctionType.PROPERTIES);
+  });
+
   defineExpose({
     getFormData,
     resetFormData,