fix: 优化物模型-编辑表格标识校验

src/views/device/components/Metadata/Base/Base.vue

@@ -89,7 +89,7 @@
             {{ sourceMap?.[data.record?.expands?.source] || '' }}
         </template>
         <template #inputs="{ data }">
-          <InputParams v-model:value="dataSource[data.index]" />
+          <InputParams v-model:value="data.record" />
         </template>
         <template #output="{ data }">
           {{ data.record.output?.type }}
@@ -101,7 +101,7 @@
           {{ levelMap?.[data.record.expands?.level] || '-' }}
         </template>
         <template #properties="{ data }">
-          <ConfigParams v-model:value="dataSource[data.index]" />
+          <ConfigParams v-model:value="data.record" />
         </template>
         <template #outInput>
           object
@@ -112,7 +112,7 @@
           </j-tag>
         </template>
         <template #other="{ data }">
-          <OtherSetting v-model:value="dataSource[data.index]" />
+          <OtherSetting v-model:value="data.record" />
         </template>
         <template #action="{data}">
           <j-space>

src/views/device/components/Metadata/Base/columns.tsx

@@ -4,7 +4,7 @@ import SelectColumn from './components/Events/SelectColumn.vue';
 import AsyncSelect from './components/Function/AsyncSelect.vue';
 import { EventLevel } from "@/views/device/data";
 import {MetadataType} from "@/views/device/Product/typings";
-import rule from "components/Metadata/Rule";
+import { getUnit } from '@/api/device/instance';
 import {Ref} from "vue";
 interface DataTableColumnProps extends ColumnProps {
   type?: string,
@@ -352,6 +352,25 @@ export const useColumns = (type?: MetadataType, target?: 'device' | 'product', n
   return {columns}
 }
 
+export const useUnit = (type: Ref<string>) => {
+  const unitOptions = ref<Array<{ label: string, value: any }>>([])
+
+  watch(() => type.value, () => {
+    if (['float', 'double', 'int', 'long'].includes(type.value) && !unitOptions.value.length) {
+      getUnit().then((res) => {
+        if (res.success) {
+          unitOptions.value = res.result.map((item: any) => ({
+                label: item.description,
+                value: item.id,
+            }));
+      }
+    });
+  }
+  })
+
+  return { unitOptions }
+}
+
 
 // const MetadataMapping = new Map<string, DataTableColumnProps[]>();
 // MetadataMapping.set('properties', PropertyColumns);

src/views/device/components/Metadata/Base/components/ConfigModal.vue

@@ -2,7 +2,7 @@
   <DataTableArray
       v-if="type === 'array'"
       v-model:value="myValue.elementType"
-      :unitOptions="options"
+      :unitOptions="unitOptions"
       placement="topRight"
       @confirm="valueChange"
   >
@@ -17,8 +17,44 @@
       placement="topRight"
       :onAdd="objectAdd"
       :columns="[
-                { title: '参数标识', dataIndex: 'id', type: 'text', width: 100 },
+                {
-                { title: '参数名称', dataIndex: 'name', type: 'text', width: 100 },
+                  title: '参数标识',
+                  dataIndex: 'id',
+                  type: 'text',
+                  width: 100,
+                  form: {
+                    required: true,
+                    rules: [
+                      {
+                        callback(rule:any,value: any, _dataSource: any[]) {
+                          if (value) {
+                            const field = rule.field.split('.')
+                            const fieldIndex = Number(field[1])
+                            const hasId = _dataSource.some((item, index) => item.id === value && fieldIndex !== index)
+                            if (hasId) {
+                              return Promise.reject('该标识存在')
+                            }
+                            return Promise.resolve()
+                          }
+                          return Promise.reject('请输入标识')
+                        }
+                      }
+                    ]
+                  }
+                },
+                {
+                  title: '参数名称',
+                  dataIndex: 'name',
+                  type: 'text',
+                  width: 100,
+                  form: {
+                    required: true,
+                    rules: [{
+                          required: true,
+                          message: '请输入参数名称'
+                      }]
+                  }
+                },
                 {
                     title: '数据类型',
                     type: 'components',
@@ -83,7 +119,7 @@
   </DataTableBoolean>
   <DataTableDouble
       v-else-if="['float', 'double'].includes(type)"
-      :options="options"
+      :options="unitOptions"
       v-model:value="myValue"
       placement="topRight"
       @confirm="valueChange"
@@ -95,7 +131,7 @@
   </DataTableDouble>
   <DataTableInteger
       v-else-if="['int', 'long'].includes(type)"
-      :options="options"
+      :options="unitOptions"
       v-model:value="myValue.unit"
       placement="topRight"
       @confirm="valueChange"
@@ -171,6 +207,7 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['update:value'])
+import {useUnit} from "@/views/device/components/Metadata/Base/columns";
 
 const objectAdd = () => {
   return {
@@ -186,6 +223,8 @@ const options = ref([])
 
 const type = ref(props.value?.[props.valueKey]?.type)
 
+const { unitOptions } = useUnit(type)
+
 const myValue = ref(props.value?.[props.valueKey])
 
 const valueChange = () => {

src/views/device/components/Metadata/Base/components/DataType.vue

@@ -6,7 +6,7 @@
         <DataTableArray
             v-if="type === 'array'"
             v-model:value="_valueType.elementType"
-            :unitOptions="options"
+            :unitOptions="unitOptions"
             placement="topRight"
             @confirm="(data) => {valueChange(data, 'array')}"
         />
@@ -22,7 +22,7 @@
             </template>
             <template #config="{ data }">
 <!--                <OtherConfigInfo :value="data.record.valueType"></OtherConfigInfo>-->
-              <ConfigModal v-model:value="data.record" />
+              <ConfigModal v-model:value="data.record" :unitOptions="unitOptions" />
             </template>
         </DataTableObject>
         <DataTableEnum v-else-if="type === 'enum'" v-model:value="_valueType" placement="topRight" @confirm="(data) => {valueChange(data, 'enum')}"/>
@@ -68,7 +68,7 @@ import {
     DataTableObject,
 } from 'jetlinks-ui-components';
 import { cloneDeep } from 'lodash-es';
-import {handleTypeValue, typeSelectChange} from '../columns'
+import {handleTypeValue, typeSelectChange, useUnit } from '../columns'
 import ConfigModal from './ConfigModal.vue'
 
 const props = defineProps({
@@ -155,22 +155,24 @@ const valueChange = (_data: any, _type: string) => {
   });
 }
 
+const { unitOptions } = useUnit(type)
+
 watch(
     () => JSON.stringify(props.value),
     () => {
         type.value = props.value?.valueType?.type;
         _valueType.value = props.value?.valueType
         // elements.value = props.value?.valueType.elements;
-        if (['float', 'double', 'int', 'long'].includes(type.value)) {
+        // if (['float', 'double', 'int', 'long'].includes(type.value)) {
-            const res = getUnit().then((res) => {
+        //     const res = getUnit().then((res) => {
-                if (res.success) {
+        //         if (res.success) {
-                    options.value = res.result.map((item) => ({
+        //             options.value = res.result.map((item) => ({
-                        label: item.description,
+        //                 label: item.description,
-                        value: item.id,
+        //                 value: item.id,
-                    }));
+        //             }));
-                }
+        //         }
-            });
+        //     });
-        }
+        // }
     },
     { immediate: true },
 );

src/views/device/components/Metadata/Base/components/DataTypeObjectChild.vue

@@ -29,7 +29,6 @@
 
 <script setup lang="ts" name="DataTypeObjectChild">
 import { getUnit } from '@/api/device/instance';
-import { OtherConfigInfo } from '../components'
 import {
     DataTableString,
     DataTableArray,

src/views/device/components/Metadata/Base/components/Events/ConfigParams.vue

@@ -4,22 +4,23 @@
                 <span>{{ data.record.valueType?.type }}</span>
             </template>
             <template #config="{ data }">
-                <OtherConfigInfo :value="data.record.valueType"></OtherConfigInfo>
+                <ConfigModal v-model:value="data.record" />
             </template>
             <j-button>
-      <AIcon type="SettingOutlined" />
+                <AIcon type="SettingOutlined" />
-      配置
+                配置
-    </j-button>
+            </j-button>
         </DataTableObject>
 </template>
 
 <script setup lang="ts" name="InputParams">
 import type { PropType } from 'vue';
-import DataTypeObjectChild from '../DataTypeObjectChild.vue'
 import {
     DataTableObject,
 } from 'jetlinks-ui-components';
-import { OtherConfigInfo, ValueObject } from '../index'
+import { ValueObject } from '../index'
+
+import ConfigModal from '@/views/device/components/Metadata/Base/components/ConfigModal.vue'
 
 const columns = [
     { 
@@ -29,8 +30,18 @@ const columns = [
         form: {
             required: true,
             rules: [{
-                required: true,
+                callback(rule:any,value: any, _dataSource: any[]) {
-                message: '请输入参数标识'
+                    if (value) {
+                    const field = rule.field.split('.')
+                    const fieldIndex = Number(field[1])
+                    const hasId = _dataSource.some((item, index) => item.id === value && fieldIndex !== index)
+                    if (hasId) {
+                        return Promise.reject('该标识存在')
+                    }
+                    return Promise.resolve()
+                    }
+                    return Promise.reject('请输入标识')
+                }
             }]
         }
     },
@@ -52,15 +63,14 @@ const columns = [
         dataIndex: 'valueType',
         components: {
             name: ValueObject,
+            props: {
+                filter: ['object']
+            }
         },
     },
     {
         title: '其他配置',
         dataIndex: 'config',
-        type: 'components',
-        components: {
-            name: DataTypeObjectChild
-        }
     },
     {
         title: '操作',
@@ -91,18 +101,21 @@ const props = defineProps({
 });
 
 const value = ref(props.value.valueType?.properties);
+const type = computed(() => {
+    return props.value.valueType?.type
+})
 
 const change = (v: string) => {
     emit('update:value', { ...props.value, async: value.value });
     emit('change', v);
 };
 
-const confirm = () => {
+const confirm = (data: any) => {
-  const newObject = value.value.map((item) => {
+  const newObject = data.map((item) => {
-    const { config, action, ...extra } = item
+    const { config, action, _sortIndex, ...extra } = item
     return extra
   })
-
+  
   emit('update:value', {
     ...props.value,
     valueType: {

src/views/device/components/Metadata/Base/components/Function/InputParams.vue

@@ -22,7 +22,7 @@ import ConfigModal from '@/views/device/components/Metadata/Base/components/Conf
 import {
     DataTableObject,
 } from 'jetlinks-ui-components';
-import { ConstraintSelect, OtherConfigInfo, ValueObject } from '../index'
+import { ConstraintSelect, ValueObject } from '../index'
 
 
 type Emits = {
@@ -70,12 +70,11 @@ const columns = ref([
       rules: [
         { required: true, message: '请输入标识' },
         {
-          validator(va:any,value: any) {
+          callback(rule:any,value: any, _dataSource: any[]) {
-            const fieldIndex = va.field.split('.')[1]
-            const oldValue = (dataSource!.value || []).filter((_, index) => index != fieldIndex)
-            console.log(dataSource!.value)
-            const hasId = oldValue.some((item) => item.id === value)
             if (value) {
+              const field = rule.field.split('.')
+              const fieldIndex = Number(field[1])
+              const hasId = _dataSource.some((item, index) => item.id === value && fieldIndex !== index)
               if (hasId) {
                 return Promise.reject('该标识存在')
               }
@@ -103,6 +102,9 @@ const columns = ref([
     dataIndex: 'valueType',
     components: {
       name: ValueObject,
+      form: {
+        required: true
+      }
     },
   },
   {

src/views/device/components/Metadata/Base/components/Function/OutputParams.vue

@@ -11,6 +11,7 @@
         <DataTableObject
             v-else-if="type === 'object'"
             v-model:value="data.properties"
+            placement="topRight"
             :columns="[
                 { 
                   title: '参数标识',
@@ -19,8 +20,18 @@
                   form: {
                       required: true,
                       rules: [{
-                          required: true,
+                        callback(rule:any,value: any, dataSource: any[]) {
-                          message: '请输入参数标识'
+                          if (value) {
+                            const field = rule.field.split('.')
+                            const fieldIndex = Number(field[1])
+                            const hasId = dataSource.some((item, index) => item.id === value && fieldIndex !== index)
+                            if (hasId) {
+                              return Promise.reject('该标识存在')
+                            }
+                            return Promise.resolve()
+                          }
+                          return Promise.reject('请输入标识')
+                        }
                       }]
                   }
               },
@@ -32,7 +43,7 @@
                       required: true,
                       rules: [{
                           required: true,
-                          message: '请输入参数标识名称'
+                          message: '请输入参数名称'
                       }]
                   }
               },
@@ -42,15 +53,18 @@
                     dataIndex: 'valueType',
                     components: {
                       name: Type,
-                    }
+                    },
+                    form: {
+                      required: true,
+                      rules: [{
+                          required: true,
+                          message: '请选择数据类型'
+                      }]
+                  }
                 },
                 {
                   title: '其他配置',
-                  type: 'components',
                   dataIndex: 'config',
-                  components: {
-                    name: DataTypeObjectChild
-                  }
                 },
                 {
                   title: '操作',
@@ -61,24 +75,24 @@
             @confirm="valueChange"
             :onAdd="addItem"
         >
-        <template #valueType="{ data }">
+          <template #valueType="{ data }">
-          <span>{{ data.record.valueType?.type }}</span>
+            <span>{{ data.record.valueType?.type }}</span>
-        </template>
+          </template>
           <template #config="{ data }">
-            <OtherConfigInfo :value="data.record.valueType"></OtherConfigInfo>
+            <ConfigModal v-model:value="data.record" />
           </template>
         </DataTableObject>
         <DataTableEnum v-else-if="type === 'enum'" v-model:value="data" @confirm="valueChange"/>
         <DataTableBoolean v-else-if="type === 'boolean'" v-model:value="data" @confirm="valueChange"/>
         <DataTableDouble
             v-else-if="['float', 'double'].includes(type)"
-            :options="options"
+            :options="unitOptions"
             v-model:value="data"
             @confirm="valueChange"
         />
         <DataTableInteger
             v-else-if="['int', 'long'].includes(type)"
-            :options="options"
+            :options="unitOptions"
             v-model:value="data.unit"
             @confirm="valueChange"
         />
@@ -107,10 +121,9 @@ import {
     DataTableObject,
 } from 'jetlinks-ui-components';
 
-import DataTypeObjectChild from '../DataTypeObjectChild.vue';
+import ConfigModal from '@/views/device/components/Metadata/Base/components/ConfigModal.vue'
 import { cloneDeep } from 'lodash-es';
-import {typeSelectChange} from "@/views/device/components/Metadata/Base/columns";
+import {typeSelectChange, useUnit} from "@/views/device/components/Metadata/Base/columns";
-import { OtherConfigInfo } from '../index'
 import Type from './Type.vue'
 
 const props = defineProps({
@@ -120,12 +133,15 @@ const props = defineProps({
     },
 });
 
+
 const options = ref<{ label: string; value: string }[]>([]);
 const emit = defineEmits(['update:value']);
 
 const type = ref(props.value?.output?.type);
 const data = ref(cloneDeep(props.value?.output));
 
+const { unitOptions } = useUnit(type)
+
 const typeChange = (e: string) => {
     data.value = typeSelectChange(e)
     emit('update:value', {
@@ -139,16 +155,16 @@ watch(
     () => {
         type.value = props.value?.output?.type;
         data.value = props.value?.output
-        if (['float', 'double', 'int', 'long'].includes(type.value)) {
+        // if (['float', 'double', 'int', 'long'].includes(type.value)) {
-            const res = getUnit().then((res) => {
+        //     const res = getUnit().then((res) => {
-                if (res.success) {
+        //         if (res.success) {
-                    options.value = res.result.map((item) => ({
+        //             options.value = res.result.map((item) => ({
-                        label: item.description,
+        //                 label: item.description,
-                        value: item.id,
+        //                 value: item.id,
-                    }));
+        //             }));
-                }
+        //         }
-            });
+        //     });
-        }
+        // }
     },
     { immediate: true, deep: true },
 );