From 9bd96a3d63e9b4f8d372a6f5eaf11ba0e25e76dc Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Wed, 25 Dec 2024 17:12:16 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E3=80=90=E4=BB=A3=E7=A0=81=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E3=80=91IOT:=20=E7=A1=AE=E4=BF=9D=20ThingModel=20?=
 =?UTF-8?q?=E4=B8=AD=20dataSpecs=20=E5=92=8C=20dataSpecsList=20=E4=B9=8B?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=85=E9=A1=BB=E4=BC=A0=E5=85=A5=E4=B8=94=E5=8F=AA?=
 =?UTF-8?q?=E8=83=BD=E4=BC=A0=E5=85=A5=E4=B8=80=E4=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/thingmodel/ThingModelDataSpecs.vue          | 5 +++--
 src/views/iot/thingmodel/ThingModelForm.vue               | 8 ++++++++
 .../thingmodel/dataSpecs/ThingModelStructDataSpecs.vue    | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/iot/thingmodel/ThingModelDataSpecs.vue b/src/views/iot/thingmodel/ThingModelDataSpecs.vue
index 5bced55c..c0b9771c 100644
--- a/src/views/iot/thingmodel/ThingModelDataSpecs.vue
+++ b/src/views/iot/thingmodel/ThingModelDataSpecs.vue
@@ -121,8 +121,9 @@ const getDataTypeOptions = computed(() => {
 const handleChange = (dataType: any) => {
   property.value.dataSpecsList = []
   property.value.dataSpecs = {}
-
-  property.value.dataSpecs.dataType = dataType
+  // 不是列表型数据才设置 dataSpecs.dataType
+  ![DataSpecsDataType.ENUM, DataSpecsDataType.BOOL, DataSpecsDataType.STRUCT].includes(dataType) &&
+    (property.value.dataSpecs.dataType = dataType)
   switch (dataType) {
     case DataSpecsDataType.ENUM:
       property.value.dataSpecsList.push({
diff --git a/src/views/iot/thingmodel/ThingModelForm.vue b/src/views/iot/thingmodel/ThingModelForm.vue
index 173dab34..f178cdf8 100644
--- a/src/views/iot/thingmodel/ThingModelForm.vue
+++ b/src/views/iot/thingmodel/ThingModelForm.vue
@@ -46,6 +46,7 @@ import { IOT_PROVIDE_KEY } from '@/views/iot/utils/constants'
 import { DataSpecsDataType, ThingModelFormRules } from './config'
 import { cloneDeep } from 'lodash-es'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { isEmpty } from '@/utils/is'
 
 /** IoT 物模型数据表单 */
 defineOptions({ name: 'IoTProductThingModelForm' })
@@ -103,6 +104,13 @@ const submitForm = async () => {
     data.dataType = data.property.dataType
     data.property.identifier = data.identifier
     data.property.name = data.name
+    // 处理 dataSpecs 为空的情况
+    if (isEmpty(data.property.dataSpecs)) {
+      delete data.property.dataSpecs
+    }
+    if (isEmpty(data.property.dataSpecsList)) {
+      delete data.property.dataSpecsList
+    }
     if (formType.value === 'create') {
       await ThingModelApi.createThingModel(data)
       message.success(t('common.createSuccess'))
diff --git a/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue b/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue
index 3ac7b296..354469f2 100644
--- a/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue
+++ b/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue
@@ -111,7 +111,7 @@ const submitForm = async () => {
         !!data.property.dataSpecs && Object.keys(data.property.dataSpecs).length > 1
           ? data.property.dataSpecs
           : undefined,
-      dataSpecsList: data.property.dataSpecsList
+      dataSpecsList: isEmpty(data.property.dataSpecsList) ? undefined : data.property.dataSpecsList
     }
 
     // 查找是否已有相同 identifier 的项

From d7c33b454f5df8fca194461692d7c0c55b6b41e2 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Wed, 25 Dec 2024 18:35:37 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E3=80=91IOT:=20ThingModel=20=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=92=8C=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/thingmodel/index.ts               |  64 ++-
 src/utils/dict.ts                             |   2 +-
 src/views/iot/thingmodel/ThingModelEvent.vue  |  39 ++
 src/views/iot/thingmodel/ThingModelForm.vue   |  57 +-
 ...elDataSpecs.vue => ThingModelProperty.vue} |  13 +-
 .../iot/thingmodel/ThingModelService.vue      |  36 ++
 .../dataSpecs/ThingModelNumberDataSpecs.vue   |   8 +-
 .../dataSpecs/ThingModelStructDataSpecs.vue   |   4 +-
 src/views/iot/utils/constants.ts              | 531 ------------------
 9 files changed, 186 insertions(+), 568 deletions(-)
 create mode 100644 src/views/iot/thingmodel/ThingModelEvent.vue
 rename src/views/iot/thingmodel/{ThingModelDataSpecs.vue => ThingModelProperty.vue} (92%)
 create mode 100644 src/views/iot/thingmodel/ThingModelService.vue

diff --git a/src/api/iot/thingmodel/index.ts b/src/api/iot/thingmodel/index.ts
index 8e2b69ad..3c21ee80 100644
--- a/src/api/iot/thingmodel/index.ts
+++ b/src/api/iot/thingmodel/index.ts
@@ -11,7 +11,7 @@ export interface ThingModelData {
   productId?: number // 产品编号
   productKey?: string // 产品标识
   dataType: string // 数据类型，与 dataSpecs 的 dataType 保持一致
-  type: ProductFunctionTypeEnum // 功能类型
+  type: number // 功能类型
   property: ThingModelProperty // 属性
   event?: ThingModelEvent // 事件
   service?: ThingModelService // 服务
@@ -38,18 +38,58 @@ export interface ThingModelService {
   [key: string]: any
 }
 
-// IOT 产品功能（物模型）类型枚举类
-export enum ProductFunctionTypeEnum {
-  PROPERTY = 1, // 属性
-  SERVICE = 2, // 服务
-  EVENT = 3 // 事件
-}
+// IOT 产品物模型类型枚举类
+export const ThingModelType = {
+  PROPERTY: 1, // 属性
+  SERVICE: 2, // 服务
+  EVENT: 3 // 事件
+} as const
 
-// IOT 产品功能（物模型）访问模式枚举类
-export enum ProductFunctionAccessModeEnum {
-  READ_WRITE = 'rw', // 读写
-  READ_ONLY = 'r' // 只读
-}
+// IOT 产品物模型访问模式枚举类
+export const ThingModelAccessMode = {
+  READ_WRITE: {
+    label: '读写',
+    value: 'rw'
+  },
+  READ_ONLY: {
+    label: '只读',
+    value: 'r'
+  }
+} as const
+
+// IOT 产品物模型服务调用方式枚举
+export const ThingModelServiceCallType = {
+  ASYNC: {
+    label: '异步调用',
+    value: 'async'
+  },
+  SYNC: {
+    label: '同步调用',
+    value: 'sync'
+  }
+} as const
+
+// IOT 产品物模型事件类型枚举
+export const ThingModelServiceEventType = {
+  INFO: {
+    label: '信息',
+    value: 'info'
+  },
+  ALERT: {
+    label: '告警',
+    value: 'alert'
+  },
+  ERROR: {
+    label: '故障',
+    value: 'error'
+  }
+} as const
+
+// IOT 产品物模型参数是输入参数还是输出参数
+export const ThingModelParamDirection = {
+  INPUT: 'input', // 输入参数
+  OUTPUT: 'output' // 输出参数
+} as const
 
 // IoT 产品物模型 API
 export const ThingModelApi = {
diff --git a/src/utils/dict.ts b/src/utils/dict.ts
index eae50a27..c1823631 100644
--- a/src/utils/dict.ts
+++ b/src/utils/dict.ts
@@ -238,7 +238,7 @@ export enum DICT_TYPE {
   IOT_DEVICE_STATUS = 'iot_device_status', // IOT 设备状态
   IOT_PRODUCT_THING_MODEL_TYPE = 'iot_product_thing_model_type', // IOT 产品功能类型
   IOT_DATA_TYPE = 'iot_data_type', // IOT 数据类型
-  IOT_UNIT_TYPE = 'iot_unit_type', // IOT 单位类型
+  IOT_PRODUCT_THING_MODEL_UNIT = 'iot_product_thing_model_unit', // IOT 物模型单位
   IOT_RW_TYPE = 'iot_rw_type', // IOT 读写类型
   IOT_PLUGIN_DEPLOY_TYPE = 'iot_plugin_deploy_type', // IOT 插件部署类型
   IOT_PLUGIN_STATUS = 'iot_plugin_status', // IOT 插件状态
diff --git a/src/views/iot/thingmodel/ThingModelEvent.vue b/src/views/iot/thingmodel/ThingModelEvent.vue
new file mode 100644
index 00000000..7a49b2e7
--- /dev/null
+++ b/src/views/iot/thingmodel/ThingModelEvent.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-form-item
+    :rules="[{ required: true, message: '请选择事件类型', trigger: 'change' }]"
+    label="事件类型"
+    prop="thingModelEvent.type"
+  >
+    <el-radio-group v-model="thingModelEvent.type">
+      <el-radio :value="ThingModelServiceEventType.INFO.value">
+        {{ ThingModelServiceEventType.INFO.label }}
+      </el-radio>
+      <el-radio :value="ThingModelServiceEventType.ALERT.value">
+        {{ ThingModelServiceEventType.ALERT.label }}
+      </el-radio>
+      <el-radio :value="ThingModelServiceEventType.ERROR.value">
+        {{ ThingModelServiceEventType.ERROR.label }}
+      </el-radio>
+    </el-radio-group>
+  </el-form-item>
+</template>
+
+<script lang="ts" setup>
+import { useVModel } from '@vueuse/core'
+import { ThingModelEvent, ThingModelServiceEventType } from '@/api/iot/thingmodel'
+
+/** IoT 物模型事件 */
+defineOptions({ name: 'ThingModelEvent' })
+
+const props = defineProps<{ modelValue: any; isStructDataSpecs?: boolean }>()
+const emits = defineEmits(['update:modelValue'])
+const thingModelEvent = useVModel(props, 'modelValue', emits) as Ref<ThingModelEvent>
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-form-item) {
+  .el-form-item {
+    margin-bottom: 0;
+  }
+}
+</style>
diff --git a/src/views/iot/thingmodel/ThingModelForm.vue b/src/views/iot/thingmodel/ThingModelForm.vue
index f178cdf8..c821f540 100644
--- a/src/views/iot/thingmodel/ThingModelForm.vue
+++ b/src/views/iot/thingmodel/ThingModelForm.vue
@@ -25,10 +25,17 @@
         <el-input v-model="formData.identifier" placeholder="请输入标识符" />
       </el-form-item>
       <!-- 属性配置 -->
-      <ThingModelDataSpecs
-        v-if="formData.type === ProductFunctionTypeEnum.PROPERTY"
+      <ThingModelProperty
+        v-if="formData.type === ThingModelType.PROPERTY"
         v-model="formData.property"
       />
+      <!-- 服务配置 -->
+      <ThingModelService
+        v-if="formData.type === ThingModelType.SERVICE"
+        v-model="formData.service"
+      />
+      <!-- 事件配置 -->
+      <ThingModelEvent v-if="formData.type === ThingModelType.EVENT" v-model="formData.event" />
     </el-form>
 
     <template #footer>
@@ -40,8 +47,10 @@
 
 <script lang="ts" setup>
 import { ProductVO } from '@/api/iot/product/product'
-import ThingModelDataSpecs from './ThingModelDataSpecs.vue'
-import { ProductFunctionTypeEnum, ThingModelApi, ThingModelData } from '@/api/iot/thingmodel'
+import ThingModelProperty from './ThingModelProperty.vue'
+import ThingModelService from './ThingModelService.vue'
+import ThingModelEvent from './ThingModelEvent.vue'
+import { ThingModelApi, ThingModelData, ThingModelType } from '@/api/iot/thingmodel'
 import { IOT_PROVIDE_KEY } from '@/views/iot/utils/constants'
 import { DataSpecsDataType, ThingModelFormRules } from './config'
 import { cloneDeep } from 'lodash-es'
@@ -61,14 +70,16 @@ const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref<ThingModelData>({
-  type: ProductFunctionTypeEnum.PROPERTY,
+  type: ThingModelType.PROPERTY,
   dataType: DataSpecsDataType.INT,
   property: {
     dataType: DataSpecsDataType.INT,
     dataSpecs: {
       dataType: DataSpecsDataType.INT
     }
-  }
+  },
+  service: {},
+  event: {}
 })
 
 const formRef = ref() // 表单 Ref
@@ -104,13 +115,7 @@ const submitForm = async () => {
     data.dataType = data.property.dataType
     data.property.identifier = data.identifier
     data.property.name = data.name
-    // 处理 dataSpecs 为空的情况
-    if (isEmpty(data.property.dataSpecs)) {
-      delete data.property.dataSpecs
-    }
-    if (isEmpty(data.property.dataSpecsList)) {
-      delete data.property.dataSpecsList
-    }
+    removeExtraAttributes(data)
     if (formType.value === 'create') {
       await ThingModelApi.createThingModel(data)
       message.success(t('common.createSuccess'))
@@ -125,10 +130,34 @@ const submitForm = async () => {
   }
 }
 
+/** 删除额外的属性 */
+const removeExtraAttributes = (data: any) => {
+  // 处理 dataSpecs 为空的情况
+  if (isEmpty(data.property.dataSpecs)) {
+    delete data.property.dataSpecs
+  }
+  if (isEmpty(data.property.dataSpecsList)) {
+    delete data.property.dataSpecsList
+  }
+  // 处理不同类型的情况
+  if (data.type === ThingModelType.PROPERTY) {
+    delete data.service
+    delete data.event
+  }
+  if (data.type === ThingModelType.SERVICE) {
+    delete data.property
+    delete data.event
+  }
+  if (data.type === ThingModelType.EVENT) {
+    delete data.property
+    delete data.service
+  }
+}
+
 /** 重置表单 */
 const resetForm = () => {
   formData.value = {
-    type: ProductFunctionTypeEnum.PROPERTY,
+    type: ThingModelType.PROPERTY,
     dataType: DataSpecsDataType.INT,
     property: {
       dataType: DataSpecsDataType.INT,
diff --git a/src/views/iot/thingmodel/ThingModelDataSpecs.vue b/src/views/iot/thingmodel/ThingModelProperty.vue
similarity index 92%
rename from src/views/iot/thingmodel/ThingModelDataSpecs.vue
rename to src/views/iot/thingmodel/ThingModelProperty.vue
index c0b9771c..2f496cdc 100644
--- a/src/views/iot/thingmodel/ThingModelDataSpecs.vue
+++ b/src/views/iot/thingmodel/ThingModelProperty.vue
@@ -77,8 +77,12 @@
   />
   <el-form-item v-if="!isStructDataSpecs" label="读写类型" prop="property.accessMode">
     <el-radio-group v-model="property.accessMode">
-      <el-radio label="rw">读写</el-radio>
-      <el-radio label="r">只读</el-radio>
+      <el-radio :label="ThingModelAccessMode.READ_WRITE.value">
+        {{ ThingModelAccessMode.READ_WRITE.label }}
+      </el-radio>
+      <el-radio :label="ThingModelAccessMode.READ_ONLY.value">
+        {{ ThingModelAccessMode.READ_ONLY.label }}
+      </el-radio>
     </el-radio-group>
   </el-form-item>
   <el-form-item label="属性描述" prop="description">
@@ -101,10 +105,10 @@ import {
   ThingModelNumberDataSpecs,
   ThingModelStructDataSpecs
 } from './dataSpecs'
-import { ThingModelProperty } from '@/api/iot/thingmodel'
+import { ThingModelAccessMode, ThingModelProperty } from '@/api/iot/thingmodel'
 
 /** IoT 物模型数据 */
-defineOptions({ name: 'ThingModelDataSpecs' })
+defineOptions({ name: 'ThingModelProperty' })
 
 const props = defineProps<{ modelValue: any; isStructDataSpecs?: boolean }>()
 const emits = defineEmits(['update:modelValue'])
@@ -117,6 +121,7 @@ const getDataTypeOptions = computed(() => {
           !([DataSpecsDataType.STRUCT, DataSpecsDataType.ARRAY] as any[]).includes(item.value)
       )
 }) // 获得数据类型列表
+
 /** 属性值的数据类型切换时初始化相关数据 */
 const handleChange = (dataType: any) => {
   property.value.dataSpecsList = []
diff --git a/src/views/iot/thingmodel/ThingModelService.vue b/src/views/iot/thingmodel/ThingModelService.vue
new file mode 100644
index 00000000..1a52b739
--- /dev/null
+++ b/src/views/iot/thingmodel/ThingModelService.vue
@@ -0,0 +1,36 @@
+<template>
+  <el-form-item
+    :rules="[{ required: true, message: '请选择调用方式', trigger: 'change' }]"
+    label="调用方式"
+    prop="service.callType"
+  >
+    <el-radio-group v-model="service.callType">
+      <el-radio :value="ThingModelServiceCallType.ASYNC.value">
+        {{ ThingModelServiceCallType.ASYNC.label }}
+      </el-radio>
+      <el-radio :value="ThingModelServiceCallType.SYNC.value">
+        {{ ThingModelServiceCallType.SYNC.label }}
+      </el-radio>
+    </el-radio-group>
+  </el-form-item>
+</template>
+
+<script lang="ts" setup>
+import { useVModel } from '@vueuse/core'
+import { ThingModelService, ThingModelServiceCallType } from '@/api/iot/thingmodel'
+
+/** IoT 物模型服务 */
+defineOptions({ name: 'ThingModelService' })
+
+const props = defineProps<{ modelValue: any; isStructDataSpecs?: boolean }>()
+const emits = defineEmits(['update:modelValue'])
+const service = useVModel(props, 'modelValue', emits) as Ref<ThingModelService>
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-form-item) {
+  .el-form-item {
+    margin-bottom: 0;
+  }
+}
+</style>
diff --git a/src/views/iot/thingmodel/dataSpecs/ThingModelNumberDataSpecs.vue b/src/views/iot/thingmodel/dataSpecs/ThingModelNumberDataSpecs.vue
index bd60d6a4..2340c556 100644
--- a/src/views/iot/thingmodel/dataSpecs/ThingModelNumberDataSpecs.vue
+++ b/src/views/iot/thingmodel/dataSpecs/ThingModelNumberDataSpecs.vue
@@ -47,10 +47,10 @@
       @change="unitChange"
     >
       <el-option
-        v-for="(item, index) in UnifyUnitSpecsDTO"
+        v-for="(item, index) in getStrDictOptions(DICT_TYPE.IOT_PRODUCT_THING_MODEL_UNIT)"
         :key="index"
-        :label="item.Name + '-' + item.Symbol"
-        :value="item.Name + '-' + item.Symbol"
+        :label="item.label + '-' + item.value"
+        :value="item.label + '-' + item.value"
       />
     </el-select>
   </el-form-item>
@@ -58,8 +58,8 @@
 
 <script lang="ts" setup>
 import { useVModel } from '@vueuse/core'
-import { UnifyUnitSpecsDTO } from '@/views/iot/utils/constants'
 import { DataSpecsNumberDataVO } from '../config'
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 
 /** 数值型的 dataSpecs 配置组件 */
 defineOptions({ name: 'ThingModelNumberDataSpecs' })
diff --git a/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue b/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue
index 354469f2..de254e90 100644
--- a/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue
+++ b/src/views/iot/thingmodel/dataSpecs/ThingModelStructDataSpecs.vue
@@ -35,7 +35,7 @@
         <el-input v-model="formData.identifier" placeholder="请输入标识符" />
       </el-form-item>
       <!-- 属性配置 -->
-      <ThingModelDataSpecs v-model="formData.property" is-struct-data-specs />
+      <ThingModelProperty v-model="formData.property" is-struct-data-specs />
     </el-form>
 
     <template #footer>
@@ -47,7 +47,7 @@
 
 <script lang="ts" setup>
 import { useVModel } from '@vueuse/core'
-import ThingModelDataSpecs from '../ThingModelDataSpecs.vue'
+import ThingModelProperty from '../ThingModelProperty.vue'
 import { DataSpecsDataType, ThingModelFormRules } from '../config'
 import { isEmpty } from '@/utils/is'
 
diff --git a/src/views/iot/utils/constants.ts b/src/views/iot/utils/constants.ts
index e6ef25a8..29a9ef98 100644
--- a/src/views/iot/utils/constants.ts
+++ b/src/views/iot/utils/constants.ts
@@ -2,534 +2,3 @@
 export const IOT_PROVIDE_KEY = {
   PRODUCT: 'IOT_PRODUCT'
 }
-// TODO puhui999: 物模型数字数据类型单位类型，后面改成字典获取
-export const UnifyUnitSpecsDTO = [
-  {
-    Symbol: 'L/min',
-    Name: '升每分钟'
-  },
-  {
-    Symbol: 'mg/kg',
-    Name: '毫克每千克'
-  },
-  {
-    Symbol: 'NTU',
-    Name: '浊度'
-  },
-  {
-    Symbol: 'pH',
-    Name: 'PH值'
-  },
-  {
-    Symbol: 'dS/m',
-    Name: '土壤EC值'
-  },
-  {
-    Symbol: 'W/㎡',
-    Name: '太阳总辐射'
-  },
-  {
-    Symbol: 'mm/hour',
-    Name: '降雨量'
-  },
-  {
-    Symbol: 'var',
-    Name: '乏'
-  },
-  {
-    Symbol: 'cP',
-    Name: '厘泊'
-  },
-  {
-    Symbol: 'aw',
-    Name: '饱和度'
-  },
-  {
-    Symbol: 'pcs',
-    Name: '个'
-  },
-  {
-    Symbol: 'cst',
-    Name: '厘斯'
-  },
-  {
-    Symbol: 'bar',
-    Name: '巴'
-  },
-  {
-    Symbol: 'ppt',
-    Name: '纳克每升'
-  },
-  {
-    Symbol: 'ppb',
-    Name: '微克每升'
-  },
-  {
-    Symbol: 'uS/cm',
-    Name: '微西每厘米'
-  },
-  {
-    Symbol: 'N/C',
-    Name: '牛顿每库仑'
-  },
-  {
-    Symbol: 'V/m',
-    Name: '伏特每米'
-  },
-  {
-    Symbol: 'ml/min',
-    Name: '滴速'
-  },
-  {
-    Symbol: 'mmHg',
-    Name: '毫米汞柱'
-  },
-  {
-    Symbol: 'mmol/L',
-    Name: '血糖'
-  },
-  {
-    Symbol: 'mm/s',
-    Name: '毫米每秒'
-  },
-  {
-    Symbol: 'turn/m',
-    Name: '转每分钟'
-  },
-  {
-    Symbol: 'count',
-    Name: '次'
-  },
-  {
-    Symbol: 'gear',
-    Name: '档'
-  },
-  {
-    Symbol: 'stepCount',
-    Name: '步'
-  },
-  {
-    Symbol: 'Nm3/h',
-    Name: '标准立方米每小时'
-  },
-  {
-    Symbol: 'kV',
-    Name: '千伏'
-  },
-  {
-    Symbol: 'kVA',
-    Name: '千伏安'
-  },
-  {
-    Symbol: 'kVar',
-    Name: '千乏'
-  },
-  {
-    Symbol: 'uw/cm2',
-    Name: '微瓦每平方厘米'
-  },
-  {
-    Symbol: '只',
-    Name: '只'
-  },
-  {
-    Symbol: '%RH',
-    Name: '相对湿度'
-  },
-  {
-    Symbol: 'm³/s',
-    Name: '立方米每秒'
-  },
-  {
-    Symbol: 'kg/s',
-    Name: '公斤每秒'
-  },
-  {
-    Symbol: 'r/min',
-    Name: '转每分钟'
-  },
-  {
-    Symbol: 't/h',
-    Name: '吨每小时'
-  },
-  {
-    Symbol: 'KCL/h',
-    Name: '千卡每小时'
-  },
-  {
-    Symbol: 'L/s',
-    Name: '升每秒'
-  },
-  {
-    Symbol: 'Mpa',
-    Name: '兆帕'
-  },
-  {
-    Symbol: 'm³/h',
-    Name: '立方米每小时'
-  },
-  {
-    Symbol: 'kvarh',
-    Name: '千乏时'
-  },
-  {
-    Symbol: 'μg/L',
-    Name: '微克每升'
-  },
-  {
-    Symbol: 'kcal',
-    Name: '千卡路里'
-  },
-  {
-    Symbol: 'GB',
-    Name: '吉字节'
-  },
-  {
-    Symbol: 'MB',
-    Name: '兆字节'
-  },
-  {
-    Symbol: 'KB',
-    Name: '千字节'
-  },
-  {
-    Symbol: 'B',
-    Name: '字节'
-  },
-  {
-    Symbol: 'μg/(d㎡·d)',
-    Name: '微克每平方分米每天'
-  },
-  {
-    Symbol: '',
-    Name: '无'
-  },
-  {
-    Symbol: 'ppm',
-    Name: '百万分率'
-  },
-  {
-    Symbol: 'pixel',
-    Name: '像素'
-  },
-  {
-    Symbol: 'Lux',
-    Name: '照度'
-  },
-  {
-    Symbol: 'grav',
-    Name: '重力加速度'
-  },
-  {
-    Symbol: 'dB',
-    Name: '分贝'
-  },
-  {
-    Symbol: '%',
-    Name: '百分比'
-  },
-  {
-    Symbol: 'lm',
-    Name: '流明'
-  },
-  {
-    Symbol: 'bit',
-    Name: '比特'
-  },
-  {
-    Symbol: 'g/mL',
-    Name: '克每毫升'
-  },
-  {
-    Symbol: 'g/L',
-    Name: '克每升'
-  },
-  {
-    Symbol: 'mg/L',
-    Name: '毫克每升'
-  },
-  {
-    Symbol: 'μg/m³',
-    Name: '微克每立方米'
-  },
-  {
-    Symbol: 'mg/m³',
-    Name: '毫克每立方米'
-  },
-  {
-    Symbol: 'g/m³',
-    Name: '克每立方米'
-  },
-  {
-    Symbol: 'kg/m³',
-    Name: '千克每立方米'
-  },
-  {
-    Symbol: 'nF',
-    Name: '纳法'
-  },
-  {
-    Symbol: 'pF',
-    Name: '皮法'
-  },
-  {
-    Symbol: 'μF',
-    Name: '微法'
-  },
-  {
-    Symbol: 'F',
-    Name: '法拉'
-  },
-  {
-    Symbol: 'Ω',
-    Name: '欧姆'
-  },
-  {
-    Symbol: 'μA',
-    Name: '微安'
-  },
-  {
-    Symbol: 'mA',
-    Name: '毫安'
-  },
-  {
-    Symbol: 'kA',
-    Name: '千安'
-  },
-  {
-    Symbol: 'A',
-    Name: '安培'
-  },
-  {
-    Symbol: 'mV',
-    Name: '毫伏'
-  },
-  {
-    Symbol: 'V',
-    Name: '伏特'
-  },
-  {
-    Symbol: 'ms',
-    Name: '毫秒'
-  },
-  {
-    Symbol: 's',
-    Name: '秒'
-  },
-  {
-    Symbol: 'min',
-    Name: '分钟'
-  },
-  {
-    Symbol: 'h',
-    Name: '小时'
-  },
-  {
-    Symbol: 'day',
-    Name: '日'
-  },
-  {
-    Symbol: 'week',
-    Name: '周'
-  },
-  {
-    Symbol: 'month',
-    Name: '月'
-  },
-  {
-    Symbol: 'year',
-    Name: '年'
-  },
-  {
-    Symbol: 'kn',
-    Name: '节'
-  },
-  {
-    Symbol: 'km/h',
-    Name: '千米每小时'
-  },
-  {
-    Symbol: 'm/s',
-    Name: '米每秒'
-  },
-  {
-    Symbol: '″',
-    Name: '秒'
-  },
-  {
-    Symbol: '′',
-    Name: '分'
-  },
-  {
-    Symbol: '°',
-    Name: '度'
-  },
-  {
-    Symbol: 'rad',
-    Name: '弧度'
-  },
-  {
-    Symbol: 'Hz',
-    Name: '赫兹'
-  },
-  {
-    Symbol: 'μW',
-    Name: '微瓦'
-  },
-  {
-    Symbol: 'mW',
-    Name: '毫瓦'
-  },
-  {
-    Symbol: 'kW',
-    Name: '千瓦特'
-  },
-  {
-    Symbol: 'W',
-    Name: '瓦特'
-  },
-  {
-    Symbol: 'cal',
-    Name: '卡路里'
-  },
-  {
-    Symbol: 'kW·h',
-    Name: '千瓦时'
-  },
-  {
-    Symbol: 'Wh',
-    Name: '瓦时'
-  },
-  {
-    Symbol: 'eV',
-    Name: '电子伏'
-  },
-  {
-    Symbol: 'kJ',
-    Name: '千焦'
-  },
-  {
-    Symbol: 'J',
-    Name: '焦耳'
-  },
-  {
-    Symbol: '℉',
-    Name: '华氏度'
-  },
-  {
-    Symbol: 'K',
-    Name: '开尔文'
-  },
-  {
-    Symbol: 't',
-    Name: '吨'
-  },
-  {
-    Symbol: '°C',
-    Name: '摄氏度'
-  },
-  {
-    Symbol: 'mPa',
-    Name: '毫帕'
-  },
-  {
-    Symbol: 'hPa',
-    Name: '百帕'
-  },
-  {
-    Symbol: 'kPa',
-    Name: '千帕'
-  },
-  {
-    Symbol: 'Pa',
-    Name: '帕斯卡'
-  },
-  {
-    Symbol: 'mg',
-    Name: '毫克'
-  },
-  {
-    Symbol: 'g',
-    Name: '克'
-  },
-  {
-    Symbol: 'kg',
-    Name: '千克'
-  },
-  {
-    Symbol: 'N',
-    Name: '牛'
-  },
-  {
-    Symbol: 'mL',
-    Name: '毫升'
-  },
-  {
-    Symbol: 'L',
-    Name: '升'
-  },
-  {
-    Symbol: 'mm³',
-    Name: '立方毫米'
-  },
-  {
-    Symbol: 'cm³',
-    Name: '立方厘米'
-  },
-  {
-    Symbol: 'km³',
-    Name: '立方千米'
-  },
-  {
-    Symbol: 'm³',
-    Name: '立方米'
-  },
-  {
-    Symbol: 'h㎡',
-    Name: '公顷'
-  },
-  {
-    Symbol: 'c㎡',
-    Name: '平方厘米'
-  },
-  {
-    Symbol: 'm㎡',
-    Name: '平方毫米'
-  },
-  {
-    Symbol: 'k㎡',
-    Name: '平方千米'
-  },
-  {
-    Symbol: '㎡',
-    Name: '平方米'
-  },
-  {
-    Symbol: 'nm',
-    Name: '纳米'
-  },
-  {
-    Symbol: 'μm',
-    Name: '微米'
-  },
-  {
-    Symbol: 'mm',
-    Name: '毫米'
-  },
-  {
-    Symbol: 'cm',
-    Name: '厘米'
-  },
-  {
-    Symbol: 'dm',
-    Name: '分米'
-  },
-  {
-    Symbol: 'km',
-    Name: '千米'
-  },
-  {
-    Symbol: 'm',
-    Name: '米'
-  }
-]

From 5391720b8bb3abee9a7374f85ef80aac0c6bb60c Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Wed, 25 Dec 2024 23:53:14 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E3=80=91IOT:=20ThingModel=20=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=92=8C=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/thingmodel/index.ts               |  53 ------
 src/views/iot/thingmodel/ThingModelEvent.vue  |  24 ++-
 src/views/iot/thingmodel/ThingModelForm.vue   |  18 ++-
 .../thingmodel/ThingModelInputOutputParam.vue | 153 ++++++++++++++++++
 .../iot/thingmodel/ThingModelProperty.vue     |  24 ++-
 .../iot/thingmodel/ThingModelService.vue      |  16 +-
 src/views/iot/thingmodel/config.ts            |  62 ++++++-
 src/views/iot/thingmodel/index.vue            |  67 +++++++-
 8 files changed, 331 insertions(+), 86 deletions(-)
 create mode 100644 src/views/iot/thingmodel/ThingModelInputOutputParam.vue

diff --git a/src/api/iot/thingmodel/index.ts b/src/api/iot/thingmodel/index.ts
index 3c21ee80..9cb795ac 100644
--- a/src/api/iot/thingmodel/index.ts
+++ b/src/api/iot/thingmodel/index.ts
@@ -38,59 +38,6 @@ export interface ThingModelService {
   [key: string]: any
 }
 
-// IOT 产品物模型类型枚举类
-export const ThingModelType = {
-  PROPERTY: 1, // 属性
-  SERVICE: 2, // 服务
-  EVENT: 3 // 事件
-} as const
-
-// IOT 产品物模型访问模式枚举类
-export const ThingModelAccessMode = {
-  READ_WRITE: {
-    label: '读写',
-    value: 'rw'
-  },
-  READ_ONLY: {
-    label: '只读',
-    value: 'r'
-  }
-} as const
-
-// IOT 产品物模型服务调用方式枚举
-export const ThingModelServiceCallType = {
-  ASYNC: {
-    label: '异步调用',
-    value: 'async'
-  },
-  SYNC: {
-    label: '同步调用',
-    value: 'sync'
-  }
-} as const
-
-// IOT 产品物模型事件类型枚举
-export const ThingModelServiceEventType = {
-  INFO: {
-    label: '信息',
-    value: 'info'
-  },
-  ALERT: {
-    label: '告警',
-    value: 'alert'
-  },
-  ERROR: {
-    label: '故障',
-    value: 'error'
-  }
-} as const
-
-// IOT 产品物模型参数是输入参数还是输出参数
-export const ThingModelParamDirection = {
-  INPUT: 'input', // 输入参数
-  OUTPUT: 'output' // 输出参数
-} as const
-
 // IoT 产品物模型 API
 export const ThingModelApi = {
   // 查询产品物模型分页
diff --git a/src/views/iot/thingmodel/ThingModelEvent.vue b/src/views/iot/thingmodel/ThingModelEvent.vue
index 7a49b2e7..827e59dc 100644
--- a/src/views/iot/thingmodel/ThingModelEvent.vue
+++ b/src/views/iot/thingmodel/ThingModelEvent.vue
@@ -2,25 +2,33 @@
   <el-form-item
     :rules="[{ required: true, message: '请选择事件类型', trigger: 'change' }]"
     label="事件类型"
-    prop="thingModelEvent.type"
+    prop="event.type"
   >
     <el-radio-group v-model="thingModelEvent.type">
-      <el-radio :value="ThingModelServiceEventType.INFO.value">
-        {{ ThingModelServiceEventType.INFO.label }}
+      <el-radio :value="ThingModelEventType.INFO.value">
+        {{ ThingModelEventType.INFO.label }}
       </el-radio>
-      <el-radio :value="ThingModelServiceEventType.ALERT.value">
-        {{ ThingModelServiceEventType.ALERT.label }}
+      <el-radio :value="ThingModelEventType.ALERT.value">
+        {{ ThingModelEventType.ALERT.label }}
       </el-radio>
-      <el-radio :value="ThingModelServiceEventType.ERROR.value">
-        {{ ThingModelServiceEventType.ERROR.label }}
+      <el-radio :value="ThingModelEventType.ERROR.value">
+        {{ ThingModelEventType.ERROR.label }}
       </el-radio>
     </el-radio-group>
   </el-form-item>
+  <el-form-item label="输出参数">
+    <ThingModelInputOutputParam
+      v-model="thingModelEvent.outputParams"
+      :direction="ThingModelParamDirection.OUTPUT"
+    />
+  </el-form-item>
 </template>
 
 <script lang="ts" setup>
+import ThingModelInputOutputParam from './ThingModelInputOutputParam.vue'
 import { useVModel } from '@vueuse/core'
-import { ThingModelEvent, ThingModelServiceEventType } from '@/api/iot/thingmodel'
+import { ThingModelEvent } from '@/api/iot/thingmodel'
+import { ThingModelParamDirection, ThingModelEventType } from './config'
 
 /** IoT 物模型事件 */
 defineOptions({ name: 'ThingModelEvent' })
diff --git a/src/views/iot/thingmodel/ThingModelForm.vue b/src/views/iot/thingmodel/ThingModelForm.vue
index c821f540..86bef875 100644
--- a/src/views/iot/thingmodel/ThingModelForm.vue
+++ b/src/views/iot/thingmodel/ThingModelForm.vue
@@ -36,6 +36,15 @@
       />
       <!-- 事件配置 -->
       <ThingModelEvent v-if="formData.type === ThingModelType.EVENT" v-model="formData.event" />
+      <el-form-item label="描述" prop="description">
+        <el-input
+          v-model="formData.description"
+          :maxlength="200"
+          :rows="3"
+          placeholder="请输入属性描述"
+          type="textarea"
+        />
+      </el-form-item>
     </el-form>
 
     <template #footer>
@@ -50,9 +59,9 @@ import { ProductVO } from '@/api/iot/product/product'
 import ThingModelProperty from './ThingModelProperty.vue'
 import ThingModelService from './ThingModelService.vue'
 import ThingModelEvent from './ThingModelEvent.vue'
-import { ThingModelApi, ThingModelData, ThingModelType } from '@/api/iot/thingmodel'
+import { ThingModelApi, ThingModelData } from '@/api/iot/thingmodel'
 import { IOT_PROVIDE_KEY } from '@/views/iot/utils/constants'
-import { DataSpecsDataType, ThingModelFormRules } from './config'
+import { DataSpecsDataType, ThingModelFormRules, ThingModelType } from './config'
 import { cloneDeep } from 'lodash-es'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { isEmpty } from '@/utils/is'
@@ -111,7 +120,6 @@ const submitForm = async () => {
     // 信息补全
     data.productId = product!.value.id
     data.productKey = product!.value.productKey
-    data.description = data.property.description
     data.dataType = data.property.dataType
     data.property.identifier = data.identifier
     data.property.name = data.name
@@ -164,7 +172,9 @@ const resetForm = () => {
       dataSpecs: {
         dataType: DataSpecsDataType.INT
       }
-    }
+    },
+    service: {},
+    event: {}
   }
   formRef.value?.resetFields()
 }
diff --git a/src/views/iot/thingmodel/ThingModelInputOutputParam.vue b/src/views/iot/thingmodel/ThingModelInputOutputParam.vue
new file mode 100644
index 00000000..47d5104f
--- /dev/null
+++ b/src/views/iot/thingmodel/ThingModelInputOutputParam.vue
@@ -0,0 +1,153 @@
+<template>
+  <div
+    v-for="(item, index) in thingModelParams"
+    :key="index"
+    class="w-1/1 param-item flex justify-between px-10px mb-10px"
+  >
+    <span>参数名称：{{ item.name }}</span>
+    <div class="btn">
+      <el-button link type="primary" @click="openParamForm(item)">编辑</el-button>
+      <el-divider direction="vertical" />
+      <el-button link type="danger" @click="deleteParamItem(index)">删除</el-button>
+    </div>
+  </div>
+  <el-button link type="primary" @click="openParamForm(null)">+新增参数</el-button>
+
+  <!-- param 表单 -->
+  <Dialog v-model="dialogVisible" :title="dialogTitle" append-to-body>
+    <el-form
+      ref="paramFormRef"
+      v-loading="formLoading"
+      :model="formData"
+      :rules="ThingModelFormRules"
+      label-width="100px"
+    >
+      <el-form-item label="参数名称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入功能名称" />
+      </el-form-item>
+      <el-form-item label="标识符" prop="identifier">
+        <el-input v-model="formData.identifier" placeholder="请输入标识符" />
+      </el-form-item>
+      <!-- 属性配置 -->
+      <ThingModelProperty v-model="formData.property" is-params />
+    </el-form>
+
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script lang="ts" setup>
+import { useVModel } from '@vueuse/core'
+import ThingModelProperty from './ThingModelProperty.vue'
+import { DataSpecsDataType, ThingModelFormRules } from './config'
+import { isEmpty } from '@/utils/is'
+
+/** 输入输出参数配置组件 */
+defineOptions({ name: 'ThingModelInputOutputParam' })
+
+const props = defineProps<{ modelValue: any; direction: string }>()
+const emits = defineEmits(['update:modelValue'])
+const thingModelParams = useVModel(props, 'modelValue', emits) as Ref<any[]>
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('新增参数') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const paramFormRef = ref() // 表单 ref
+const formData = ref<any>({
+  dataType: DataSpecsDataType.INT,
+  property: {
+    dataType: DataSpecsDataType.INT,
+    dataSpecs: {
+      dataType: DataSpecsDataType.INT
+    }
+  }
+})
+
+/** 打开 param 表单 */
+const openParamForm = (val: any) => {
+  dialogVisible.value = true
+  resetForm()
+  if (isEmpty(val)) {
+    return
+  }
+  // 编辑时回显数据
+  formData.value = {
+    identifier: val.identifier,
+    name: val.name,
+    description: val.description,
+    property: {
+      dataType: val.dataType,
+      dataSpecs: val.dataSpecs,
+      dataSpecsList: val.dataSpecsList
+    }
+  }
+}
+/** 删除 param 项 */
+const deleteParamItem = (index: number) => {
+  thingModelParams.value.splice(index, 1)
+}
+
+/** 添加参数 */
+const submitForm = async () => {
+  // 初始化参数列表
+  if (isEmpty(thingModelParams.value)) {
+    thingModelParams.value = []
+  }
+  // 校验参数
+  await paramFormRef.value.validate()
+  try {
+    const data = unref(formData)
+    // 构建数据对象
+    const item = {
+      identifier: data.identifier,
+      name: data.name,
+      description: data.description,
+      dataType: data.property.dataType,
+      paraOrder: 0, // TODO @puhui999: 先写死默认看看后续
+      direction: props.direction,
+      dataSpecs:
+        !!data.property.dataSpecs && Object.keys(data.property.dataSpecs).length > 1
+          ? data.property.dataSpecs
+          : undefined,
+      dataSpecsList: isEmpty(data.property.dataSpecsList) ? undefined : data.property.dataSpecsList
+    }
+
+    // 查找是否已有相同 identifier 的项
+    const existingIndex = thingModelParams.value.findIndex(
+      (spec) => spec.identifier === data.identifier
+    )
+    if (existingIndex > -1) {
+      // 更新已有项
+      thingModelParams.value[existingIndex] = item
+    } else {
+      // 添加新项
+      thingModelParams.value.push(item)
+    }
+  } finally {
+    // 隐藏对话框
+    dialogVisible.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    dataType: DataSpecsDataType.INT,
+    property: {
+      dataType: DataSpecsDataType.INT,
+      dataSpecs: {
+        dataType: DataSpecsDataType.INT
+      }
+    }
+  }
+  paramFormRef.value?.resetFields()
+}
+</script>
+
+<style lang="scss" scoped>
+.param-item {
+  background-color: #e4f2fd;
+}
+</style>
diff --git a/src/views/iot/thingmodel/ThingModelProperty.vue b/src/views/iot/thingmodel/ThingModelProperty.vue
index 2f496cdc..cb3bfa15 100644
--- a/src/views/iot/thingmodel/ThingModelProperty.vue
+++ b/src/views/iot/thingmodel/ThingModelProperty.vue
@@ -75,7 +75,7 @@
     v-if="property.dataType === DataSpecsDataType.STRUCT"
     v-model="property.dataSpecsList"
   />
-  <el-form-item v-if="!isStructDataSpecs" label="读写类型" prop="property.accessMode">
+  <el-form-item v-if="!isStructDataSpecs && !isParams" label="读写类型" prop="property.accessMode">
     <el-radio-group v-model="property.accessMode">
       <el-radio :label="ThingModelAccessMode.READ_WRITE.value">
         {{ ThingModelAccessMode.READ_WRITE.label }}
@@ -85,32 +85,28 @@
       </el-radio>
     </el-radio-group>
   </el-form-item>
-  <el-form-item label="属性描述" prop="description">
-    <el-input
-      v-model="property.description"
-      :maxlength="200"
-      :rows="3"
-      placeholder="请输入属性描述"
-      type="textarea"
-    />
-  </el-form-item>
 </template>
 
 <script lang="ts" setup>
 import { useVModel } from '@vueuse/core'
-import { DataSpecsDataType, dataTypeOptions, validateBoolName } from './config'
+import {
+  DataSpecsDataType,
+  dataTypeOptions,
+  ThingModelAccessMode,
+  validateBoolName
+} from './config'
 import {
   ThingModelArrayDataSpecs,
   ThingModelEnumDataSpecs,
   ThingModelNumberDataSpecs,
   ThingModelStructDataSpecs
 } from './dataSpecs'
-import { ThingModelAccessMode, ThingModelProperty } from '@/api/iot/thingmodel'
+import { ThingModelProperty } from '@/api/iot/thingmodel'
 
-/** IoT 物模型数据 */
+/** IoT 物模型属性 */
 defineOptions({ name: 'ThingModelProperty' })
 
-const props = defineProps<{ modelValue: any; isStructDataSpecs?: boolean }>()
+const props = defineProps<{ modelValue: any; isStructDataSpecs?: boolean; isParams?: boolean }>()
 const emits = defineEmits(['update:modelValue'])
 const property = useVModel(props, 'modelValue', emits) as Ref<ThingModelProperty>
 const getDataTypeOptions = computed(() => {
diff --git a/src/views/iot/thingmodel/ThingModelService.vue b/src/views/iot/thingmodel/ThingModelService.vue
index 1a52b739..1dba5866 100644
--- a/src/views/iot/thingmodel/ThingModelService.vue
+++ b/src/views/iot/thingmodel/ThingModelService.vue
@@ -13,11 +13,25 @@
       </el-radio>
     </el-radio-group>
   </el-form-item>
+  <el-form-item label="输入参数">
+    <ThingModelInputOutputParam
+      v-model="service.inputParams"
+      :direction="ThingModelParamDirection.INPUT"
+    />
+  </el-form-item>
+  <el-form-item label="输出参数">
+    <ThingModelInputOutputParam
+      v-model="service.outputParams"
+      :direction="ThingModelParamDirection.OUTPUT"
+    />
+  </el-form-item>
 </template>
 
 <script lang="ts" setup>
+import ThingModelInputOutputParam from './ThingModelInputOutputParam.vue'
 import { useVModel } from '@vueuse/core'
-import { ThingModelService, ThingModelServiceCallType } from '@/api/iot/thingmodel'
+import { ThingModelService } from '@/api/iot/thingmodel'
+import { ThingModelParamDirection, ThingModelServiceCallType } from './config'
 
 /** IoT 物模型服务 */
 defineOptions({ name: 'ThingModelService' })
diff --git a/src/views/iot/thingmodel/config.ts b/src/views/iot/thingmodel/config.ts
index 8dc00ee4..d9b43dc7 100644
--- a/src/views/iot/thingmodel/config.ts
+++ b/src/views/iot/thingmodel/config.ts
@@ -1,4 +1,4 @@
-import {isEmpty} from '@/utils/is'
+import { isEmpty } from '@/utils/is'
 
 /** dataSpecs 数值型数据结构 */
 export interface DataSpecsNumberDataVO {
@@ -48,9 +48,69 @@ export const dataTypeOptions = [
 
 /** 获得物体模型数据类型配置项名称 */
 export const getDataTypeOptionsLabel = (value: string) => {
+  if (isEmpty(value)) {
+    return value
+  }
   return dataTypeOptions.find((option) => option.value === value)?.label
 }
 
+// IOT 产品物模型类型枚举类
+export const ThingModelType = {
+  PROPERTY: 1, // 属性
+  SERVICE: 2, // 服务
+  EVENT: 3 // 事件
+} as const
+
+// IOT 产品物模型访问模式枚举类
+export const ThingModelAccessMode = {
+  READ_WRITE: {
+    label: '读写',
+    value: 'rw'
+  },
+  READ_ONLY: {
+    label: '只读',
+    value: 'r'
+  }
+} as const
+
+// IOT 产品物模型服务调用方式枚举
+export const ThingModelServiceCallType = {
+  ASYNC: {
+    label: '异步调用',
+    value: 'async'
+  },
+  SYNC: {
+    label: '同步调用',
+    value: 'sync'
+  }
+} as const
+export const getCallTypeByValue = (value: string): string | undefined =>
+  Object.values(ThingModelServiceCallType).find((type) => type.value === value)?.label
+
+// IOT 产品物模型事件类型枚举
+export const ThingModelEventType = {
+  INFO: {
+    label: '信息',
+    value: 'info'
+  },
+  ALERT: {
+    label: '告警',
+    value: 'alert'
+  },
+  ERROR: {
+    label: '故障',
+    value: 'error'
+  }
+} as const
+export const getEventTypeByValue = (value: string): string | undefined =>
+  Object.values(ThingModelEventType).find((type) => type.value === value)?.label
+
+// IOT 产品物模型参数是输入参数还是输出参数
+export const ThingModelParamDirection = {
+  INPUT: 'input', // 输入参数
+  OUTPUT: 'output' // 输出参数
+} as const
+
 /** 公共校验规则 */
 export const ThingModelFormRules = {
   name: [
diff --git a/src/views/iot/thingmodel/index.vue b/src/views/iot/thingmodel/index.vue
index ed2fd7f7..1096a616 100644
--- a/src/views/iot/thingmodel/index.vue
+++ b/src/views/iot/thingmodel/index.vue
@@ -56,13 +56,63 @@
         <el-table-column align="center" label="标识符" prop="identifier" />
         <el-table-column align="center" label="数据类型" prop="identifier">
           <template #default="{ row }">
-            {{ dataTypeOptionsLabel(row.property.dataType) ?? '-' }}
+            {{ dataTypeOptionsLabel(row.property?.dataType) ?? '-' }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="数据定义" prop="identifier">
+        <el-table-column align="left" label="数据定义" prop="identifier">
           <template #default="{ row }">
-            <!-- TODO puhui999: 数据定义展示待完善 -->
-            {{ row.property.dataSpecs ?? row.property.dataSpecsList }}
+            <!-- 属性 -->
+            <template v-if="row.type === ThingModelType.PROPERTY">
+              <!-- 非列表型：数值 -->
+              <div
+                v-if="
+                  [
+                    DataSpecsDataType.INT,
+                    DataSpecsDataType.DOUBLE,
+                    DataSpecsDataType.FLOAT
+                  ].includes(row.property.dataType)
+                "
+              >
+                取值范围：{{ `${row.property.dataSpecs.min}~${row.property.dataSpecs.max}` }}
+              </div>
+              <!-- 非列表型：文本 -->
+              <div v-if="DataSpecsDataType.TEXT === row.property.dataType">
+                数据长度：{{ row.property.dataSpecs.length }}
+              </div>
+              <!-- 列表型: 数组、结构、时间（特殊） -->
+              <div
+                v-if="
+                  [
+                    DataSpecsDataType.ARRAY,
+                    DataSpecsDataType.STRUCT,
+                    DataSpecsDataType.DATE
+                  ].includes(row.property.dataType)
+                "
+              >
+                -
+              </div>
+              <!-- 列表型: 布尔值、枚举 -->
+              <div
+                v-if="
+                  [DataSpecsDataType.BOOL, DataSpecsDataType.ENUM].includes(row.property.dataType)
+                "
+              >
+                <div>
+                  {{ DataSpecsDataType.BOOL === row.property.dataType ? '布尔值' : '枚举值' }}：
+                </div>
+                <div v-for="item in row.property.dataSpecsList" :key="item.value">
+                  {{ `${item.name}-${item.value}` }}
+                </div>
+              </div>
+            </template>
+            <!-- 服务 -->
+            <div v-if="row.type === ThingModelType.SERVICE">
+              调用方式：{{ getCallTypeByValue(row.service.callType) }}
+            </div>
+            <!-- 事件 -->
+            <div v-if="row.type === ThingModelType.EVENT">
+              事件类型：{{ getEventTypeByValue(row.event.type) }}
+            </div>
           </template>
         </el-table-column>
         <el-table-column align="center" label="操作">
@@ -104,7 +154,14 @@ import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import ThingModelForm from './ThingModelForm.vue'
 import { ProductVO } from '@/api/iot/product/product'
 import { IOT_PROVIDE_KEY } from '@/views/iot/utils/constants'
-import { getDataTypeOptionsLabel } from '@/views/iot/thingmodel/config'
+import {
+  DataSpecsDataType,
+  getCallTypeByValue,
+  getDataTypeOptionsLabel,
+  getEventTypeByValue,
+  ThingModelType
+} from './config'
+import { ThingModelNumberDataSpecs } from '@/views/iot/thingmodel/dataSpecs'
 
 defineOptions({ name: 'IoTProductThingModel' })
 

From 9b628620e11112516a0adc24bfec7aa521adb4fc Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Thu, 26 Dec 2024 00:09:50 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E3=80=91IOT:=20ThingModel=20=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=92=8C=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/thingmodel/ThingModelForm.vue | 41 ++++++++++++++-------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/views/iot/thingmodel/ThingModelForm.vue b/src/views/iot/thingmodel/ThingModelForm.vue
index 86bef875..c2260149 100644
--- a/src/views/iot/thingmodel/ThingModelForm.vue
+++ b/src/views/iot/thingmodel/ThingModelForm.vue
@@ -113,6 +113,7 @@ defineExpose({ open, close: () => (dialogVisible.value = false) })
 /** 提交表单 */
 const emit = defineEmits(['success'])
 const submitForm = async () => {
+  debugger
   await formRef.value.validate()
   formLoading.value = true
   try {
@@ -120,10 +121,7 @@ const submitForm = async () => {
     // 信息补全
     data.productId = product!.value.id
     data.productKey = product!.value.productKey
-    data.dataType = data.property.dataType
-    data.property.identifier = data.identifier
-    data.property.name = data.name
-    removeExtraAttributes(data)
+    fillExtraAttributes(data)
     if (formType.value === 'create') {
       await ThingModelApi.createThingModel(data)
       message.success(t('common.createSuccess'))
@@ -138,29 +136,46 @@ const submitForm = async () => {
   }
 }
 
-/** 删除额外的属性 */
-const removeExtraAttributes = (data: any) => {
-  // 处理 dataSpecs 为空的情况
-  if (isEmpty(data.property.dataSpecs)) {
-    delete data.property.dataSpecs
-  }
-  if (isEmpty(data.property.dataSpecsList)) {
-    delete data.property.dataSpecsList
-  }
+/** 填写额外的属性 */
+const fillExtraAttributes = (data: any) => {
   // 处理不同类型的情况
+  // 属性
   if (data.type === ThingModelType.PROPERTY) {
+    removeDataSpecs(data.property)
+    data.dataType = data.property.dataType
+    data.property.identifier = data.identifier
+    data.property.name = data.name
     delete data.service
     delete data.event
   }
+  // 服务
   if (data.type === ThingModelType.SERVICE) {
+    removeDataSpecs(data.service)
+    data.dataType = data.service.dataType
+    data.service.identifier = data.identifier
+    data.service.name = data.name
     delete data.property
     delete data.event
   }
+  // 事件
   if (data.type === ThingModelType.EVENT) {
+    removeDataSpecs(data.event)
+    data.dataType = data.event.dataType
+    data.event.identifier = data.identifier
+    data.event.name = data.name
     delete data.property
     delete data.service
   }
 }
+/** 处理 dataSpecs 为空的情况 */
+const removeDataSpecs = (val: any) => {
+  if (isEmpty(val.dataSpecs)) {
+    delete val.dataSpecs
+  }
+  if (isEmpty(val.dataSpecsList)) {
+    delete val.dataSpecsList
+  }
+}
 
 /** 重置表单 */
 const resetForm = () => {