diff --git a/src/components/FRuleEditor/index.vue b/src/components/FRuleEditor/index.vue
index 9415e7fb..c45a2204 100644
--- a/src/components/FRuleEditor/index.vue
+++ b/src/components/FRuleEditor/index.vue
@@ -5,6 +5,7 @@
         visible
         width="70vw"
         title="编辑规则"
+        :getContainer="(node) => fullRef || node"
         @cancel="handleCancel"
         :destroyOnClose="true"
     >
@@ -57,6 +58,7 @@
 import Editor from './Editor/index.vue';
 import Debug from './Debug/index.vue';
 import Operator from './Operator/index.vue';
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 interface Emits {
     (e: 'save', data: string | undefined): void;
@@ -73,6 +75,7 @@ const props = defineProps({
 
 const _value = ref<string | undefined>(props.value);
 const _disabled = ref<boolean>(true);
+const fullRef = inject(FULL_CODE);
 
 const handleCancel = () => {
     emit('close');
diff --git a/src/components/ValueItem/index.vue b/src/components/ValueItem/index.vue
index 0b5c4b1d..da46528a 100644
--- a/src/components/ValueItem/index.vue
+++ b/src/components/ValueItem/index.vue
@@ -8,6 +8,7 @@
             :options="options"
             allowClear
             style="width: 100%"
+            :getPopupContainer="getPopupContainer"
             @change='selectChange'
         />
         <j-time-picker
@@ -16,6 +17,7 @@
           allowClear
           valueFormat="HH:mm:ss"
           style="width: 100%"
+          :getPopupContainer="getPopupContainer"
           @change='timeChange'
         />
         <j-date-picker
@@ -25,6 +27,7 @@
             showTime
             valueFormat="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
+            :getPopupContainer="getPopupContainer"
             @change='dateChange'
         />
         <j-input-number
@@ -93,6 +96,7 @@
             cancel-text="取消"
             v-model:visible="modalVis"
             width="700px"
+            :getPopupContainer="getPopupContainer"
             @cancel="modalVis = false"
             @ok="handleItemModalSubmit"
             :zIndex='1100'
@@ -149,6 +153,10 @@ const props = defineProps({
     placeholder: {
         type: String,
         default: () => '',
+    },
+    getPopupContainer: {
+        type: Function,
+        default: undefined
     }
 });
 // type Props = {
diff --git a/src/views/device/Instance/Detail/Parsing/index.vue b/src/views/device/Instance/Detail/Parsing/index.vue
index c047bf1b..d70bd7e4 100644
--- a/src/views/device/Instance/Detail/Parsing/index.vue
+++ b/src/views/device/Instance/Detail/Parsing/index.vue
@@ -164,7 +164,16 @@ import { isBoolean } from 'lodash';
 import { onlyMessage } from '@/utils/comm';
 
 const defaultValue =
-    '//解码函数\r\nfunction decode(context) {\r\n    //原始报文\r\n    var buffer = context.payload();\r\n    // 转为json\r\n    // var json = context.json();\r\n    //mqtt 时通过此方法获取topic\r\n    // var topic = context.topic();\r\n\r\n    // 提取变量\r\n    // var topicVars = context.pathVars("/{deviceId}/**",topic)\r\n    //温度属性\r\n    var temperature = buffer.getShort(3) * 10;\r\n    //湿度属性\r\n    var humidity = buffer.getShort(6) * 10;\r\n    return {\r\n        "temperature": temperature,\r\n        "humidity": humidity\r\n    };\r\n}\r\n';
+    `//注册设备下行数据监听器,当平台下发指令给设备时,回调将被调用,用于构造下发给设备的报文
+      codec.onDownstream(function(ctx){
+
+      });
+
+      //注册设备上行数据监听器,当设备上行数据时,回调将被调用,用于解析设备上报的数据.
+      codec.onUpstream(function(ctx){
+
+      });
+    `;
 
 const el = ref<HTMLElement | null>(null);
 const { toggle } = useFullscreen(el);
diff --git a/src/views/device/Product/Detail/DataAnalysis/index.vue b/src/views/device/Product/Detail/DataAnalysis/index.vue
index c3fec662..1d117db8 100644
--- a/src/views/device/Product/Detail/DataAnalysis/index.vue
+++ b/src/views/device/Product/Detail/DataAnalysis/index.vue
@@ -123,7 +123,16 @@ import { isBoolean } from 'lodash';
 import { onlyMessage } from '@/utils/comm';
 
 const defaultValue =
-    '//解码函数\r\nfunction decode(context) {\r\n    //原始报文\r\n    var buffer = context.payload();\r\n    // 转为json\r\n    // var json = context.json();\r\n    //mqtt 时通过此方法获取topic\r\n    // var topic = context.topic();\r\n\r\n    // 提取变量\r\n    // var topicVars = context.pathVars("/{deviceId}/**",topic)\r\n    //温度属性\r\n    var temperature = buffer.getShort(3) * 10;\r\n    //湿度属性\r\n    var humidity = buffer.getShort(6) * 10;\r\n    return {\r\n        "temperature": temperature,\r\n        "humidity": humidity\r\n    };\r\n}\r\n';
+    `//注册设备下行数据监听器,当平台下发指令给设备时,回调将被调用,用于构造下发给设备的报文
+      codec.onDownstream(function(ctx){
+
+      });
+
+      //注册设备上行数据监听器,当设备上行数据时,回调将被调用,用于解析设备上报的数据.
+      codec.onUpstream(function(ctx){
+
+      });
+    `;
 
 const el = ref<HTMLElement | null>(null);
 const { toggle } = useFullscreen(el);
diff --git a/src/views/device/components/Metadata/Base/columns.tsx b/src/views/device/components/Metadata/Base/columns.tsx
index 829b8226..007a0372 100644
--- a/src/views/device/components/Metadata/Base/columns.tsx
+++ b/src/views/device/components/Metadata/Base/columns.tsx
@@ -341,7 +341,6 @@ export const useColumns = (type?: MetadataType, target?: 'device' | 'product', n
             const fieldIndex = Number(field[1])
 
             const values = dataSource.find((item, index) => index === fieldIndex)
-
             return validatorConfig(values.output)
           }
         }]
diff --git a/src/views/device/components/Metadata/Base/components/Constraint.vue b/src/views/device/components/Metadata/Base/components/Constraint.vue
index 754f6cff..e73f125b 100644
--- a/src/views/device/components/Metadata/Base/components/Constraint.vue
+++ b/src/views/device/components/Metadata/Base/components/Constraint.vue
@@ -12,6 +12,7 @@
 
 <script setup name="ConstraintSelect">
 import { set, get } from 'lodash-es'
+import {FULL_CODE} from "jetlinks-ui-components/es/DataTable";
 
 const props = defineProps({
   value: {
@@ -25,6 +26,7 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['update:value'])
+const fullRef = inject(FULL_CODE);
 
 const myValue = ref()
 
diff --git a/src/views/device/components/Metadata/Base/components/Events/SelectColumn.vue b/src/views/device/components/Metadata/Base/components/Events/SelectColumn.vue
index 09d62bad..57b035ba 100644
--- a/src/views/device/components/Metadata/Base/components/Events/SelectColumn.vue
+++ b/src/views/device/components/Metadata/Base/components/Events/SelectColumn.vue
@@ -3,6 +3,7 @@
       v-model:value="value"
       :options="options"
       :placeholder="placeholder"
+      :getPopupContainer="(node) => fullRef || node"
       @change="change"
   />
 </template>
@@ -10,7 +11,7 @@
 <script setup lang="ts" name="SelectColumnn">
 import type { PropType } from 'vue';
 import { ref, watch } from 'vue';
-
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 type Emits = {
   (e: 'update:value', data: Record<string, any>): void;
@@ -18,6 +19,8 @@ type Emits = {
 };
 
 type SizeType = 'small' | 'middle' | 'large' | undefined;
+
+const fullRef = inject(FULL_CODE);
 const emit = defineEmits<Emits>();
 const props = defineProps({
   value: {
diff --git a/src/views/device/components/Metadata/Base/components/Function/AsyncSelect.vue b/src/views/device/components/Metadata/Base/components/Function/AsyncSelect.vue
index ec332d6b..289f1d4b 100644
--- a/src/views/device/components/Metadata/Base/components/Function/AsyncSelect.vue
+++ b/src/views/device/components/Metadata/Base/components/Function/AsyncSelect.vue
@@ -3,6 +3,7 @@
         v-model:value="value"
         :options="options"
         :placeholder="placeholder"
+        :get-popup-container="(node) => fullRef || node"
         @change="change"
     />
   </template>
@@ -10,8 +11,8 @@
   <script setup lang="ts" name="SelectColumnn">
   import type { PropType } from 'vue';
   import { ref, watch } from 'vue';
-  
-  
+  import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
+
   type Emits = {
     (e: 'update:value', data: Record<string, any>): void;
     (e: 'change', data: string): void;
@@ -36,7 +37,7 @@
   });
   
   const value = ref(props.value.async);
-  
+  const fullRef = inject(FULL_CODE);
   const change = (v: string) => {
     emit('update:value', {...props.value, async: value.value});
     emit('change', v);
diff --git a/src/views/device/components/Metadata/Base/components/Properties/Metrics/BooleanSelect.vue b/src/views/device/components/Metadata/Base/components/Properties/Metrics/BooleanSelect.vue
index 863ccc15..74fc2d46 100644
--- a/src/views/device/components/Metadata/Base/components/Properties/Metrics/BooleanSelect.vue
+++ b/src/views/device/components/Metadata/Base/components/Properties/Metrics/BooleanSelect.vue
@@ -5,11 +5,13 @@
           { label: '固定值', value: 'false' },
           { label: '范围值', value: 'true' },
       ]"
+      :get-popup-container="(node) => fullRef || node"
       @select="select"
   />
 </template>
 
 <script name="BooleanSelect" setup>
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 const props = defineProps({
   value: {
@@ -17,8 +19,10 @@ const props = defineProps({
     default: () => ({})
   }
 })
+
 const emit = defineEmits(['update:value'])
 
+const fullRef = inject(FULL_CODE);
 const myValue = ref()
 const select = (e) => {
   emit('update:value', {
diff --git a/src/views/device/components/Metadata/Base/components/Properties/Metrics/Metrics.vue b/src/views/device/components/Metadata/Base/components/Properties/Metrics/Metrics.vue
index 91f00cba..7b0d0044 100644
--- a/src/views/device/components/Metadata/Base/components/Properties/Metrics/Metrics.vue
+++ b/src/views/device/components/Metadata/Base/components/Properties/Metrics/Metrics.vue
@@ -90,6 +90,14 @@ const columns: any = [
     form: {
       required: true,
       rules: [
+        {
+          callback(rule:any,value: any) {
+            if (!value) {
+              return Promise.reject('请输入指标名称')
+            }
+            return Promise.resolve()
+          }
+        },
         { max: 64, message: '最多可输入64个字符' },
       ]
     },
@@ -107,11 +115,11 @@ const columns: any = [
       required: true,
       rules: [
         {
-          validator(_: any, value: any) {
+          callback(rule:any,value: any) {
             if (!value) {
               return Promise.reject('请配置指标')
             }
-            return validatorConfig(value, true)
+            return Promise.resolve()
           }
         },
       ]
@@ -148,7 +156,7 @@ const addItem = () => {
   const data = {
     id: undefined,
     name: undefined,
-    range: 'false',
+    range: false,
     value: undefined,
   }
 
diff --git a/src/views/device/components/Metadata/Base/components/Properties/Metrics/ValueItem.vue b/src/views/device/components/Metadata/Base/components/Properties/Metrics/ValueItem.vue
index 564a1924..264816b6 100644
--- a/src/views/device/components/Metadata/Base/components/Properties/Metrics/ValueItem.vue
+++ b/src/views/device/components/Metadata/Base/components/Properties/Metrics/ValueItem.vue
@@ -6,6 +6,7 @@
     <j-popconfirm-modal
         :show-cancel="false"
         body-style="width: 300px"
+        :get-popup-container="(node) => fullRef || node"
         @confirm="confirm"
     >
       <template #content>
@@ -39,6 +40,7 @@ import type { PropType } from 'vue';
 import Item from './item.vue'
 import {Form} from "jetlinks-ui-components";
 import {cloneDeep} from "lodash";
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 type ValueType = number | Array<number | undefined> | undefined;
 
@@ -55,7 +57,7 @@ const props = defineProps({
 
 const emit = defineEmits<Emit>();
 const formItemContext = Form.useInjectFormItemContext();
-
+const fullRef = inject(FULL_CODE);
 
 
 const formData = reactive<{
@@ -89,6 +91,7 @@ const confirm = () => {
   return new Promise((resolve, reject) => {
     formRef.value.validate().then(() => {
       const value = props.value.range === true ? formData.rangeValue : formData.value
+      console.log('confirm',value, props.value)
       emit('update:value', {
         ...props.value,
         value: value
diff --git a/src/views/device/components/Metadata/Base/components/Properties/Metrics/item.vue b/src/views/device/components/Metadata/Base/components/Properties/Metrics/item.vue
index 8b658f28..7dcbdc7e 100644
--- a/src/views/device/components/Metadata/Base/components/Properties/Metrics/item.vue
+++ b/src/views/device/components/Metadata/Base/components/Properties/Metrics/item.vue
@@ -23,17 +23,20 @@
             { label: '否', value: 'false'},
             { label: '是', value: 'true'},
         ]"
+        :get-popup-container="(node) => fullRef || node"
     />
     <j-date-picker
         v-else-if="type === 'date' "
         v-model:value="myValue"
         show-time
         placeholder="请选择"
+        :get-popup-container="(node) => fullRef || node"
         @change="change"
     />
 </template>
 <script setup name="MetricValueItem">
 import { Form } from 'jetlinks-ui-components'
+import {FULL_CODE} from "jetlinks-ui-components/es/DataTable";
 
 const props = defineProps({
     value: {
@@ -47,6 +50,7 @@ const formItemContext = Form.useInjectFormItemContext();
 
 const type = inject('metricsType')
 const myValue = ref(props.value)
+const fullRef = inject(FULL_CODE);
 
 const change = () => {
     // formItemContext.onFieldChange()
diff --git a/src/views/device/components/Metadata/Base/components/Properties/OtherSetting.vue b/src/views/device/components/Metadata/Base/components/Properties/OtherSetting.vue
index 86e0f06d..2f158ec8 100644
--- a/src/views/device/components/Metadata/Base/components/Properties/OtherSetting.vue
+++ b/src/views/device/components/Metadata/Base/components/Properties/OtherSetting.vue
@@ -3,6 +3,7 @@
       body-style="padding-top:4px;width:600px;"
       placement="topRight"
       :disabled="disabled"
+      :get-popup-container="(node) => fullRef || node"
       @confirm="confirm"
       @cancel="cancel"
       @visibleChange="visibleChange"
@@ -27,6 +28,7 @@
                            label: a.text,
                            value: a.value,
                     }))"
+                    :get-popup-container="(node) => fullRef || node"
                 />
               </template>
             </j-table>
@@ -63,6 +65,7 @@ import {useInstanceStore} from "store/instance";
 import {getMetadataConfig, getMetadataDeviceConfig} from "@/api/device/product";
 import ModelButton from '@/views/device/components/Metadata/Base/components/ModelButton.vue'
 import {omit} from "lodash-es";
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 const props = defineProps({
   value: {
@@ -83,6 +86,8 @@ const props = defineProps({
   },
 })
 
+const fullRef = inject(FULL_CODE);
+
 const type = inject('_metadataType')
 
 const productStore = useProductStore()
diff --git a/src/views/device/components/Metadata/Base/components/Properties/StorageSetting.vue b/src/views/device/components/Metadata/Base/components/Properties/StorageSetting.vue
index 83ea79cb..fadcee4b 100644
--- a/src/views/device/components/Metadata/Base/components/Properties/StorageSetting.vue
+++ b/src/views/device/components/Metadata/Base/components/Properties/StorageSetting.vue
@@ -16,6 +16,7 @@
                    label: a.text,
                    value: a.value,
             }))"
+            :get-popup-container="(node) => fullRef || node"
         />
       </template>
     </j-table>
@@ -29,6 +30,7 @@ import type { PropType } from "vue";
 import { defineExpose } from 'vue'
 import {getMetadataConfig, getMetadataDeviceConfig} from "@/api/device/product";
 import { omit } from 'lodash-es'
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 const props = defineProps({
   type: {
@@ -47,7 +49,7 @@ const props = defineProps({
 
 const productStore = useProductStore()
 const deviceStore = useInstanceStore()
-
+const fullRef = inject(FULL_CODE);
 const config = ref<any>([])
 const configValue = ref(props.record?.expands)
 
diff --git a/src/views/device/components/Metadata/Base/components/Source.vue b/src/views/device/components/Metadata/Base/components/Source.vue
index 122c9b6a..66d84c80 100644
--- a/src/views/device/components/Metadata/Base/components/Source.vue
+++ b/src/views/device/components/Metadata/Base/components/Source.vue
@@ -4,17 +4,20 @@
             v-model:value="myValue"
             :options="PropertySource"
             placeholder="请选择来源"
-            @change="onChange"
             :disabled="disabled"
+            :get-popup-container="(node) => fullRef || node"
+            @change="onChange"
         >
         </j-select>
         <j-popconfirm-modal
             v-if="myValue != 'manual'"
-            @confirm="confirm"
             :bodyStyle="{
                 width: '450px',
                 height: myValue === 'rule' ? '300px' : '80px',
             }"
+            :get-popup-container="(node) => fullRef || node"
+            placement="topLeft"
+            @confirm="confirm"
         >
             <template #content>
                 <j-scrollbar v-if="myValue">
@@ -39,6 +42,7 @@
 import { isNoCommunity } from '@/utils/utils';
 import VirtualRule from './VirtualRule/index.vue';
 import { Form } from 'jetlinks-ui-components';
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 const PropertySource: { label: string; value: string }[] = isNoCommunity
     ? [
@@ -72,6 +76,8 @@ type Emit = {
     (e: 'update:value', data: Record<string, any>): void;
 };
 
+const fullRef = inject(FULL_CODE);
+
 const props = defineProps({
     value: {
         type: Object,
diff --git a/src/views/device/components/Metadata/Base/components/Tags/Type.vue b/src/views/device/components/Metadata/Base/components/Tags/Type.vue
index 2a6e3753..97823be7 100644
--- a/src/views/device/components/Metadata/Base/components/Tags/Type.vue
+++ b/src/views/device/components/Metadata/Base/components/Tags/Type.vue
@@ -7,6 +7,7 @@
         { label: '写', value: 'write'},
         { label: '上报', value: 'report'},
       ]"
+      :get-popup-container="(node) => fullRef || node"
       placeholder="请选择读写类型"
       @change="onChange"
   />
@@ -15,6 +16,7 @@
 <script setup lang="ts">
 
 import type {PropType} from "vue";
+import { FULL_CODE } from 'jetlinks-ui-components/es/DataTable'
 
 type Emit = {
 (e: 'update:value', data: any): void
@@ -28,7 +30,7 @@ const props = defineProps({
 })
 
 const emit = defineEmits<Emit>()
-
+const fullRef = inject(FULL_CODE);
 const myValue = ref<Array<string>>([])
 
 const onChange = () =>{
diff --git a/src/views/link/DashBoard/components/Network.vue b/src/views/link/DashBoard/components/Network.vue
index a9ffe20c..ab9de9e3 100644
--- a/src/views/link/DashBoard/components/Network.vue
+++ b/src/views/link/DashBoard/components/Network.vue
@@ -7,6 +7,7 @@
                     <j-radio-group
                         button-style="solid"
                         v-model:value="data.type"
+                        @change="() => { getNetworkEcharts(data) }"
                     >
                         <j-radio-button value="bytesRead">
                             上行
@@ -105,6 +106,7 @@ const serverData = reactive({
 
 const pickerTimeChange = (value: any) => {
     data.value.time.type = undefined;
+    getNetworkEcharts(data.value);
 };
 
 const getNetworkEcharts = async (val: any) => {
@@ -220,13 +222,6 @@ watch(
     { immediate: true, deep: true },
 );
 
-// watchEffect(() => {
-//   const time = data.value.time.time
-//   if (time && Array.isArray(time) && time.length === 2 && time[0] && props.serviceId) {
-//
-//   }
-// })
-
 </script>
 
 <style lang="less" scoped>
diff --git a/yarn.lock b/yarn.lock
index 267e7848..a73ec182 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3755,8 +3755,8 @@ jetlinks-ui-components@^1.0.23:
 
 jetlinks-ui-components@^1.0.27:
   version "1.0.27"
-  resolved "http://registry.jetlinks.cn/jetlinks-ui-components/-/jetlinks-ui-components-1.0.27.tgz#c2e62ebf26d9465aed5489fdde37297738d57f2b"
-  integrity sha512-IVWCPfC5awTIIMQ5t6V5KTHLjfENj0owb6HsHxqRLrHebz7FaDng6oNfebvn17P+gHGVwwMemTCF7b8PpWFiwg==
+  resolved "http://registry.jetlinks.cn/jetlinks-ui-components/-/jetlinks-ui-components-1.0.27.tgz#03a2a9ba49d669c6d63e6c5d5b144f31a27253df"
+  integrity sha512-I9A05UXUtjRsSWU/jgRDfDNeCv2ZV21/PV4FEV3UG5bQOYa1/CvL7Lr7F7iB1m4Hjn9mnXTqAQ2pU11b6T2U8Q==
   dependencies:
     "@vueuse/core" "^9.12.0"
     "@vueuse/router" "^9.13.0"