From 8a3662419f15d26c6cc37a2d027e6d8da9a34536 Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Mon, 24 Jul 2023 14:45:57 +0800
Subject: [PATCH 01/14] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=BF=90?=
 =?UTF-8?q?=E7=BB=B4=E7=AE=A1=E7=90=86=E4=BB=AA=E8=A1=A8=E7=9B=98=E5=9C=A8?=
 =?UTF-8?q?=E6=9A=82=E6=97=A0=E6=95=B0=E6=8D=AE=E6=83=85=E5=86=B5=E4=B8=8B?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E5=AF=BC=E8=87=B4=E6=97=A0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/link/DashBoard/components/Cpu.vue     | 1 +
 src/views/link/DashBoard/components/Jvm.vue     | 1 +
 src/views/link/DashBoard/components/Network.vue | 1 +
 src/views/link/DashBoard/components/echarts.vue | 2 +-
 4 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/link/DashBoard/components/Cpu.vue b/src/views/link/DashBoard/components/Cpu.vue
index 96098663..f7e39658 100644
--- a/src/views/link/DashBoard/components/Cpu.vue
+++ b/src/views/link/DashBoard/components/Cpu.vue
@@ -139,6 +139,7 @@ const getCPUEcharts = async (val: any) => {
         const _cpuOptions = {};
         const _cpuXAxis = new Set();
         if (res.result?.length) {
+          isEmpty.value = false;
           // 根据服务节点来筛选数据
           // const filterArray = props.isNoCommunity ? res.result.filter((item : any) => item.data?.clusterNodeId === props.serviceId) : res.result
           const filterArray = res.result
diff --git a/src/views/link/DashBoard/components/Jvm.vue b/src/views/link/DashBoard/components/Jvm.vue
index 7da8f2cb..6c1ef7fc 100644
--- a/src/views/link/DashBoard/components/Jvm.vue
+++ b/src/views/link/DashBoard/components/Jvm.vue
@@ -103,6 +103,7 @@ const getJVMEcharts = async (val: any) => {
         const _jvmOptions = {};
         const _jvmXAxis = new Set();
         if (res.result?.length) {
+          isEmpty.value = false;
           // const filterArray =  props.isNoCommunity ? res.result.filter((item : any) => item.data?.clusterNodeId === props.serviceId) : res.result
           const filterArray =  res.result
           filterArray.forEach((item: any) => {
diff --git a/src/views/link/DashBoard/components/Network.vue b/src/views/link/DashBoard/components/Network.vue
index e6c32143..a9ffe20c 100644
--- a/src/views/link/DashBoard/components/Network.vue
+++ b/src/views/link/DashBoard/components/Network.vue
@@ -114,6 +114,7 @@ const getNetworkEcharts = async (val: any) => {
         const _networkOptions = {};
         const _networkXAxis = new Set();
         if (resp.result.length) {
+          isEmpty.value = false;
           const filterArray = resp.result
           // const filterArray = resp.result.filter((item : any) => item.data?.clusterNodeId === props.serviceId)
           filterArray.forEach((item: any) => {
diff --git a/src/views/link/DashBoard/components/echarts.vue b/src/views/link/DashBoard/components/echarts.vue
index ddd49fa5..43336de4 100644
--- a/src/views/link/DashBoard/components/echarts.vue
+++ b/src/views/link/DashBoard/components/echarts.vue
@@ -44,7 +44,7 @@ watch(() => props.options, () => {
       echartsRender()
     })
   }
-}, { deep: true })
+}, { immediate: true, deep: true })
 
 </script>
 

From 8d874e27a6b8945d4abd1fdd8def32d3ff0b332f Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Mon, 24 Jul 2023 17:57:05 +0800
Subject: [PATCH 02/14] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=AE=A2?=
 =?UTF-8?q?=E9=98=85=E7=AE=A1=E7=90=86=E6=96=87=E5=AD=97=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/device/Product/Save/index.vue       |  2 +-
 .../NoticeRule/components/Auth/index.vue      | 21 ++++-
 .../NoticeRule/components/Item/index.vue      | 94 ++++++++++---------
 .../NoticeRule/components/Role/index.vue      |  2 +-
 .../Save/components/NotifyConfig.vue          |  2 +-
 .../Save/components/NotifyTemplate.vue        |  2 +-
 .../components/Save/components/NotifyWay.vue  |  4 +-
 .../NoticeRule/components/Save/index.vue      | 23 +++--
 8 files changed, 92 insertions(+), 58 deletions(-)

diff --git a/src/views/device/Product/Save/index.vue b/src/views/device/Product/Save/index.vue
index d8ad9cc1..9d2e7409 100644
--- a/src/views/device/Product/Save/index.vue
+++ b/src/views/device/Product/Save/index.vue
@@ -164,7 +164,7 @@ const deviceList = ref([
         label: '网关子设备',
         value: 'childrenDevice',
         iconUrl: getImage('/device-type-2.png'),
-        tooltip: '作为网关的子设备，有网关代理连接到物联网平台',
+        tooltip: '作为网关的子设备，由网关代理连接到物联网平台',
     },
     {
         label: '网关设备',
diff --git a/src/views/system/NoticeRule/components/Auth/index.vue b/src/views/system/NoticeRule/components/Auth/index.vue
index f987ffb4..5d61cae3 100644
--- a/src/views/system/NoticeRule/components/Auth/index.vue
+++ b/src/views/system/NoticeRule/components/Auth/index.vue
@@ -6,6 +6,10 @@
         @cancel="emit('close')"
         @ok="onSave"
     >
+        <div class="alert">
+            <AIcon type="InfoCircleOutlined" />
+            通过角色控制【{{ name }}】的所有的通知方式可被哪些用户订阅。
+        </div>
         <Role v-model="_selectedRowKeys" :gridColumn="2" />
     </j-modal>
 </template>
@@ -20,6 +24,10 @@ const props = defineProps({
         type: Array as PropType<string[]>,
         default: () => [],
     },
+    name: {
+        type: String,
+        default: ''
+    }
 });
 
 const _selectedRowKeys = ref<string[]>([]);
@@ -31,4 +39,15 @@ watchEffect(() => {
 const onSave = () => {
     emit('save', _selectedRowKeys.value);
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="less" scoped>
+.alert {
+    height: 40px;
+    padding: 0 20px 0 10px;
+    margin-bottom: 10px;
+    color: rgba(0, 0, 0, 0.55);
+    line-height: 40px;
+    background-color: #f6f6f6;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/NoticeRule/components/Item/index.vue b/src/views/system/NoticeRule/components/Item/index.vue
index 661ecd06..b4c49b9e 100644
--- a/src/views/system/NoticeRule/components/Item/index.vue
+++ b/src/views/system/NoticeRule/components/Item/index.vue
@@ -22,7 +22,7 @@
                         <template #title>
                             <span v-if="!update">暂无权限，请联系管理员</span>
                             <div v-else>
-                                用于配制外层权限<br />未配置外层权限将执行通知方式中配置的权限<br />配置外层权限后将覆盖所有通知方式中配置的权限
+                                通过角色控制【{{ data.name }}】的所有的通知方式可被哪些用户订阅。
                             </div>
                         </template>
                         <j-button
@@ -129,6 +129,7 @@
         @save="onSave"
         :loading="loading"
         :provider="provider"
+        :name="data.name"
     />
     <Detail
         :data="current"
@@ -140,6 +141,7 @@
         :data="data?.grant?.role?.idList"
         @close="authVisible = false"
         @save="onAuthSave"
+        :name="data.name"
     />
 </template>
 
@@ -346,49 +348,53 @@ const onSwitchChange = (e: boolean) => {
     if (_checked) {
         onAction(e);
     } else {
-        Modal.confirm({
-            title: e
-                ? '开启后默认平台所有用户都能接收到该通知'
-                : '关闭后平台所有用户都不能接收到该通知',
-            cancelText: '取消',
-            okText: e ? '确认开启' : '确认关闭',
-            content: h(
-                'div',
-                {
-                    style: {
-                        display: 'flex',
-                        justifyContent: 'flex-end',
-                        marginTop: '20px',
-                    },
-                },
-                [
-                    h(
-                        Checkbox,
-                        {
-                            onChange: (_e: any) => {
-                                LocalStore.set(
-                                    user.userInfos?.username,
-                                    e
-                                        ? {
-                                              ..._value,
-                                              open: _e.target?.checked,
-                                          }
-                                        : {
-                                              ..._value,
-                                              close: _e.target?.checked,
-                                          },
-                                );
-                            },
+        if (e) {
+            onAction(e);
+        } else {
+            Modal.confirm({
+                title: e
+                    ? '开启后默认平台所有用户都能接收到该通知'
+                    : '关闭后平台所有用户都不能接收到该通知',
+                cancelText: '取消',
+                okText: e ? '确认开启' : '确认关闭',
+                content: h(
+                    'div',
+                    {
+                        style: {
+                            display: 'flex',
+                            justifyContent: 'flex-end',
+                            marginTop: '20px',
                         },
-                        '不再提示',
-                    ),
-                ],
-            ),
-            onOk() {
-                onAction(e);
-            },
-            onCancel() {},
-        });
+                    },
+                    [
+                        h(
+                            Checkbox,
+                            {
+                                onChange: (_e: any) => {
+                                    LocalStore.set(
+                                        user.userInfos?.username,
+                                        e
+                                            ? {
+                                                  ..._value,
+                                                  open: _e.target?.checked,
+                                              }
+                                            : {
+                                                  ..._value,
+                                                  close: _e.target?.checked,
+                                              },
+                                    );
+                                },
+                            },
+                            '不再提示',
+                        ),
+                    ],
+                ),
+                onOk() {
+                    onAction(e);
+                },
+                onCancel() {},
+            });
+        }
     }
 };
 
@@ -489,7 +495,7 @@ const onSave = (_data: any) => {
 
         .box-item-add {
             cursor: pointer;
-            background-color: #F7F8FA;
+            background-color: #f7f8fa;
             width: 54px;
             height: 54px;
             display: flex;
diff --git a/src/views/system/NoticeRule/components/Role/index.vue b/src/views/system/NoticeRule/components/Role/index.vue
index 4b1010af..7188b5ed 100644
--- a/src/views/system/NoticeRule/components/Role/index.vue
+++ b/src/views/system/NoticeRule/components/Role/index.vue
@@ -70,7 +70,7 @@
                 </j-alert>
             </div>
         </template>
-        <j-scrollbar height="400px">
+        <j-scrollbar :height="gridColumn <= 2 ? '320px' : '250px'">
             <j-pro-table
                 ref="tableRef"
                 :columns="columns"
diff --git a/src/views/system/NoticeRule/components/Save/components/NotifyConfig.vue b/src/views/system/NoticeRule/components/Save/components/NotifyConfig.vue
index eb1c7e3e..5d575424 100644
--- a/src/views/system/NoticeRule/components/Save/components/NotifyConfig.vue
+++ b/src/views/system/NoticeRule/components/Save/components/NotifyConfig.vue
@@ -20,7 +20,7 @@
         <AIcon type="InfoCircleOutlined" />
         钉钉群机器人类型的配置在当前页面将被过滤
     </div>
-    <div style="height: 400px; overflow-y: auto">
+    <div style="max-height: 400px; overflow-y: auto">
         <JProTable
             :columns="columns"
             :request="query"
diff --git a/src/views/system/NoticeRule/components/Save/components/NotifyTemplate.vue b/src/views/system/NoticeRule/components/Save/components/NotifyTemplate.vue
index 83a0b9af..22db2459 100644
--- a/src/views/system/NoticeRule/components/Save/components/NotifyTemplate.vue
+++ b/src/views/system/NoticeRule/components/Save/components/NotifyTemplate.vue
@@ -19,7 +19,7 @@
         <AIcon type="InfoCircleOutlined" />
         已规定固定收信人的模板在当前页面将被过滤
     </div>
-    <div style="height: 400px; overflow-y: auto">
+    <div style="max-height: 400px; overflow-y: auto">
         <JProTable
             :columns="columns"
             :request="(e) => handleData(e)"
diff --git a/src/views/system/NoticeRule/components/Save/components/NotifyWay.vue b/src/views/system/NoticeRule/components/Save/components/NotifyWay.vue
index cdcf1f40..f18d9397 100644
--- a/src/views/system/NoticeRule/components/Save/components/NotifyWay.vue
+++ b/src/views/system/NoticeRule/components/Save/components/NotifyWay.vue
@@ -69,10 +69,12 @@ onMounted(() => {
                     iconUrl: iconMap.get(item.id),
                 };
             });
+            emit('update:value', options.value?.[0]?.value);
+            emit('update:name', options.value?.[0]?.label);
+            emit('change', {label: options.value?.[0]?.label, value: options.value?.[0]?.value});
         }
         loading.value = false;
     });
-    notifyType.value = props.value;
 });
 </script>
 
diff --git a/src/views/system/NoticeRule/components/Save/index.vue b/src/views/system/NoticeRule/components/Save/index.vue
index a4c3d280..fca7e00c 100644
--- a/src/views/system/NoticeRule/components/Save/index.vue
+++ b/src/views/system/NoticeRule/components/Save/index.vue
@@ -11,11 +11,12 @@
                 <j-step v-for="(item, index) in stepList" :key="item">
                     <template #title>
                         {{ item
-                        }}<j-tooltip
-                            v-if="index === 4"
-                            >
+                        }}<j-tooltip v-if="index === 4">
                             <template #title>
-                                <span>内层权限配置<br />外层权限已配置的情况下，将取外层权限与当前页面分配权限的交集，向对应角色发送通知。<br />外层权限未配置的情况下，将按此处配置的权限发送通知。</span>
+                                <span>
+                                    通过角色控制【{{ name }}】下的【{{ showName }}通知】可被哪些用户订阅。<br />
+                                    注意：当前配置会被外层【{{ name }}】中的权限控制覆盖。
+                                </span>
                             </template>
                             <AIcon type="QuestionCircleOutlined"
                         /></j-tooltip>
@@ -32,6 +33,7 @@
             <template v-if="current === 0">
                 <NotifyWay
                     :value="formModel.channelProvider"
+                    v-model:name="showName"
                     @change="onWayChange"
                 />
             </template>
@@ -161,6 +163,10 @@ const props = defineProps({
         type: String,
         default: '',
     },
+    name: {
+        type: String,
+        default: '',
+    },
 });
 
 const stepList = [
@@ -190,14 +196,15 @@ const formModel = reactive<{
 });
 const variableRef = ref();
 const formRef = ref();
+const showName = ref<string>('钉钉')
 
 const _getType = computed(() => {
-    if(['notifier-dingTalk'].includes(props.data?.channelProvider)) {
-        return ['user', 'tag']
+    if (['notifier-dingTalk'].includes(props.data?.channelProvider)) {
+        return ['user', 'tag'];
     } else {
-        return ['user', 'org', 'tag']
+        return ['user', 'org', 'tag'];
     }
-})
+});
 
 const _variableDefinitions = computed(() => {
     return variable.value.filter((item: any) => {

From e65a7c4c6dbe9cc2fce0d406cc7faf6a1117e461 Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Mon, 24 Jul 2023 18:09:49 +0800
Subject: [PATCH 03/14] fix: totalFlow

---
 src/views/iot-card/CardManagement/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/iot-card/CardManagement/index.vue b/src/views/iot-card/CardManagement/index.vue
index 50435e0e..efb3d633 100644
--- a/src/views/iot-card/CardManagement/index.vue
+++ b/src/views/iot-card/CardManagement/index.vue
@@ -193,11 +193,11 @@
                                 <div class="progress-text">
                                     <div>
                                         {{
-                                            (
-                                                (slotProps.usedFlow /
+                                            slotProps.totalFlow ? (
+                                                 (slotProps.usedFlow /
                                                     slotProps.totalFlow) *
                                                 100
-                                            ).toFixed(2)
+                                            ).toFixed(2) : '0.00'
                                         }}
                                         %
                                     </div>
@@ -209,9 +209,9 @@
                                     :strokeColor="'#ADC6FF'"
                                     :showInfo="false"
                                     :percent="
-                                        (slotProps.usedFlow /
+                                        slotProps.totalFlow ? (slotProps.usedFlow /
                                             slotProps.totalFlow) *
-                                        100
+                                        100 : 0
                                     "
                                 />
                             </div>

From 49b3dce2e3d3f3a7b0d183653377f4c68939216b Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Tue, 25 Jul 2023 14:58:38 +0800
Subject: [PATCH 04/14] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E8=AE=A2=E9=98=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Center/components/EditInfo/index.vue      |  4 +-
 .../components/Subscribe/components/Bind.vue  |  2 +-
 .../components/Subscribe/components/Card.vue  | 62 ++++++++++++++++---
 .../Subscribe/components/Detail.vue           | 49 ++-------------
 .../Subscribe/components/Unsubscribe.vue      |  2 +-
 5 files changed, 62 insertions(+), 57 deletions(-)

diff --git a/src/views/account/Center/components/EditInfo/index.vue b/src/views/account/Center/components/EditInfo/index.vue
index f2e52dff..edec55fd 100644
--- a/src/views/account/Center/components/EditInfo/index.vue
+++ b/src/views/account/Center/components/EditInfo/index.vue
@@ -6,6 +6,8 @@
         width="770px"
         @cancel="emits('close')"
         :confirmLoading="loading"
+        :zIndex="1100"
+        :maskClosable='false'
     >
         <j-form :model="form" layout="vertical" ref="formRef">
             <j-row :gutter="24">
@@ -66,7 +68,7 @@
                         :rules="[
                             {
                                 pattern: /^1[3456789]\d{9}$/,
-                                message: '请输入正确手机号',
+                                message: '请输入正确的手机号',
                             },
                         ]"
                     >
diff --git a/src/views/account/Center/components/Subscribe/components/Bind.vue b/src/views/account/Center/components/Subscribe/components/Bind.vue
index 299b09b0..cfffeabf 100644
--- a/src/views/account/Center/components/Subscribe/components/Bind.vue
+++ b/src/views/account/Center/components/Subscribe/components/Bind.vue
@@ -1,5 +1,5 @@
 <template>
-    <j-modal :width="'900px'" visible @cancel="emit('close')" :zIndex="1100">
+    <j-modal :maskClosable='false' :width="'900px'" visible @cancel="emit('close')" :zIndex="1100">
         <template v-if="getType === 'notifier-weixin'">
             <j-spin :spinning="loading">
                 <div class="code" style="height: 450px">
diff --git a/src/views/account/Center/components/Subscribe/components/Card.vue b/src/views/account/Center/components/Subscribe/components/Card.vue
index bbe95227..6878815c 100644
--- a/src/views/account/Center/components/Subscribe/components/Card.vue
+++ b/src/views/account/Center/components/Subscribe/components/Card.vue
@@ -28,11 +28,14 @@
                     <template v-else>
                         <Detail
                             @unsubscribe="onUnSubscribe"
-                            @save="onSave"
-                            v-if="current?.channelProvider !== 'inside-mail' && popoverVisible"
+                            v-if="
+                                current?.channelProvider !== 'inside-mail' &&
+                                popoverVisible
+                            "
                             :current="current"
-                            :data="props.data"
-                            @close="popoverVisible = false"
+                            :data="data"
+                            @bindChange="onChange('bind')"
+                            @infoChange="onChange('info')"
                         />
                         <PermissionButton
                             v-else
@@ -51,12 +54,28 @@
                 {{ current?.name }}
             </j-ellipsis>
         </div>
+        <EditInfo
+            v-if="editInfoVisible"
+            :data="user.userInfos"
+            @close="editInfoVisible = false"
+            @save="onSave"
+        />
+        <Bind
+            @close="visible = false"
+            v-if="visible"
+            :data="data"
+            :current="current"
+            @save="onBindSave"
+        />
     </div>
 </template>
 
 <script lang="ts" setup>
 import { getImage } from '@/utils/comm';
 import Detail from './Detail.vue';
+import { useUserInfo } from '@/store/userInfo';
+import EditInfo from '../../EditInfo/index.vue';
+import Bind from './Bind.vue';
 
 const iconMap = new Map();
 iconMap.set('notifier-dingTalk', getImage('/notice-rule/dingtalk.png'));
@@ -81,19 +100,44 @@ const props = defineProps({
     },
     notifyChannels: {
         type: Array,
-        default: () => []
-    }
+        default: () => [],
+    },
 });
+const user = useUserInfo();
 const popoverVisible = ref<boolean>(false);
 
+const editInfoVisible = ref<boolean>(false);
+const visible = ref<boolean>(false);
+
+const onChange = (type: 'bind' | 'info') => {
+    if(type === 'bind'){
+        editInfoVisible.value = true
+    } else {
+        visible.value = true
+    }
+}
+
+const onSave = () => {
+    editInfoVisible.value = false;
+    user.getUserInfo();
+    emit('save', props.current);
+    popoverVisible.value = false;
+};
+
+const onBindSave = () => {
+    visible.value = false
+    emit('save', props.current);
+    popoverVisible.value = false;
+}
+
 const onUnSubscribe = (dt: any) => {
     emit('unsubscribe', dt);
-    popoverVisible.value = false
+    popoverVisible.value = false;
 };
 
 const onCheckChange = (dt: any) => {
-    emit('save', dt)
-    popoverVisible.value = false
+    emit('save', dt);
+    popoverVisible.value = false;
 };
 </script>
 
diff --git a/src/views/account/Center/components/Subscribe/components/Detail.vue b/src/views/account/Center/components/Subscribe/components/Detail.vue
index aa2b3491..33385ef5 100644
--- a/src/views/account/Center/components/Subscribe/components/Detail.vue
+++ b/src/views/account/Center/components/Subscribe/components/Detail.vue
@@ -21,29 +21,14 @@
             >
         </div>
     </div>
-    <EditInfo
-        v-if="editInfoVisible"
-        :data="user.userInfos"
-        @close="editInfoVisible = false"
-        @save="onSave"
-    />
-    <Bind
-        @close="visible = false"
-        v-if="visible"
-        :data="props.data"
-        :current="current"
-        @save="onBindSave"
-    />
 </template>
 
 <script lang="ts" setup>
 import { getIsBindThird } from '@/api/account/notificationSubscription';
 import { useUserInfo } from '@/store/userInfo';
-import EditInfo from '../../EditInfo/index.vue';
-import Bind from './Bind.vue';
 
 const user = useUserInfo();
-const emit = defineEmits(['save', 'unsubscribe', 'close']);
+const emit = defineEmits(['infoChange', 'unsubscribe', 'bindChange']);
 const info = ref<any>(null);
 const props = defineProps({
     data: {
@@ -58,39 +43,23 @@ const props = defineProps({
     },
 });
 
-const editInfoVisible = ref<boolean>(false);
-const visible = ref<boolean>(false);
-
 const getType = computed(() => {
     return props.current?.channelProvider;
 });
 
 const onBind = () => {
     if (
-        ['notifier-voice', 'notifier-sms', 'notifier-email'].includes(
+        !['notifier-voice', 'notifier-sms', 'notifier-email'].includes(
             props.current?.channelProvider,
         )
     ) {
-        editInfoVisible.value = true;
+        emit('infoChange')
     } else {
-        visible.value = true
+        emit('bindChange')
     }
     
 };
 
-const onSave = () => {
-    editInfoVisible.value = false;
-    user.getUserInfo();
-    emit('save', props.current);
-    emit('close')
-};
-
-const onBindSave = () => {
-    visible.value = false
-    emit('save', props.current);
-    emit('close')
-}
-
 const handleSearch = async () => {
     if (
         !['notifier-voice', 'notifier-sms', 'notifier-email'].includes(
@@ -114,16 +83,6 @@ onMounted(() => {
     handleSearch()
 })
 
-// watch(
-//     () => props.current,
-//     () => {
-//         handleSearch();
-//     },
-//     {
-//         immediate: true,
-//         deep: true,
-//     },
-// );
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/account/Center/components/Subscribe/components/Unsubscribe.vue b/src/views/account/Center/components/Subscribe/components/Unsubscribe.vue
index afed148b..4e2316cc 100644
--- a/src/views/account/Center/components/Subscribe/components/Unsubscribe.vue
+++ b/src/views/account/Center/components/Subscribe/components/Unsubscribe.vue
@@ -1,5 +1,5 @@
 <template>
-    <j-modal :width="'384px'" visible @cancel="emit('close')" :footer="null">
+    <j-modal :maskClosable='false' :width="'384px'" visible @cancel="emit('close')" :footer="null">
         <template v-if="getType === 'notifier-dingTalk'">
             <div class="tip">请先绑定钉钉账号</div>
         </template>

From 66640fae5b05baa1222d3000dd35954e6733cdb9 Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Wed, 26 Jul 2023 09:44:05 +0800
Subject: [PATCH 05/14] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96monaco-editor?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json |  2 +-
 yarn.lock    | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 971fdf85..36392bc2 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "event-source-polyfill": "^1.0.31",
     "global": "^4.4.0",
     "jetlinks-store": "^0.0.3",
-    "jetlinks-ui-components": "^1.0.26",
+    "jetlinks-ui-components": "^1.0.27",
     "js-cookie": "^3.0.1",
     "jsencrypt": "^3.3.2",
     "less": "^4.1.3",
diff --git a/yarn.lock b/yarn.lock
index 5a0e275e..267e7848 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3738,7 +3738,7 @@ jetlinks-store@^0.0.3:
   resolved "https://registry.npmjs.org/jetlinks-store/-/jetlinks-store-0.0.3.tgz"
   integrity sha512-AZf/soh1hmmwjBZ00fr1emuMEydeReaI6IBTGByQYhTmK1Zd5pQAxC7WLek2snRAn/HHDgJfVz2hjditKThl6Q==
 
-jetlinks-ui-components@^1.0.23, jetlinks-ui-components@^1.0.26:
+jetlinks-ui-components@^1.0.23:
   version "1.0.26"
   resolved "http://registry.jetlinks.cn/jetlinks-ui-components/-/jetlinks-ui-components-1.0.26.tgz#26896c578396b09d49649ac87c3943491af3a9ae"
   integrity sha512-HkLk52C6pDKe/Ca9O4w34h1/PrC7GdBUheiicPOX2V/Lc49N+WzI9wmrCd82XBm8MocPM4gAOJxNaTxY20EO9w==
@@ -3753,6 +3753,21 @@ jetlinks-ui-components@^1.0.23, jetlinks-ui-components@^1.0.26:
     sortablejs "^1.15.0"
     vuedraggable "^4.1.0"
 
+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==
+  dependencies:
+    "@vueuse/core" "^9.12.0"
+    "@vueuse/router" "^9.13.0"
+    ant-design-vue "^3.2.15"
+    colorpicker-v3 "^2.10.2"
+    jetlinks-ui-components "^1.0.23"
+    lodash-es "^4.17.21"
+    monaco-editor "^0.40.0"
+    sortablejs "^1.15.0"
+    vuedraggable "^4.1.0"
+
 js-cookie@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.1.tgz"

From 02b367561babcbc9020d3b9e56f01da0f82158b6 Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Wed, 26 Jul 2023 11:38:28 +0800
Subject: [PATCH 06/14] =?UTF-8?q?fix:=2016771=E3=80=8116774=E3=80=8116719?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DataCollect/Dashboard/components/Card.vue     |  7 +++++--
 src/views/DataCollect/Dashboard/index.vue         | 15 ++++++++++-----
 src/views/DataCollect/Dashboard/tool.ts           |  9 ++++++---
 src/views/home/components/DeviceCountCard.vue     |  2 +-
 4 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/views/DataCollect/Dashboard/components/Card.vue b/src/views/DataCollect/Dashboard/components/Card.vue
index 8980e0b2..542c13b4 100644
--- a/src/views/DataCollect/Dashboard/components/Card.vue
+++ b/src/views/DataCollect/Dashboard/components/Card.vue
@@ -83,6 +83,9 @@ const handleOptions = (x = [], y = []) => {
     const chart: any = chartRef.value;
     if (chart) {
         const myChart = echarts.init(chart);
+        const maxY: number = y.sort((a,b)=>{
+            return b-a
+        })?.[0]
         const options = {
             xAxis: {
                 type: 'category',
@@ -93,8 +96,8 @@ const handleOptions = (x = [], y = []) => {
                 type: 'value',
             },
             grid: {
-                left: '80px',
-                right: '50px',
+                left: maxY < 1000 ? 60 : maxY.toString().length * 10,
+                right: '60px',
             },
             tooltip: {
                 trigger: 'axis',
diff --git a/src/views/DataCollect/Dashboard/index.vue b/src/views/DataCollect/Dashboard/index.vue
index 1b07cfe3..006f4cf3 100644
--- a/src/views/DataCollect/Dashboard/index.vue
+++ b/src/views/DataCollect/Dashboard/index.vue
@@ -12,7 +12,7 @@
                 />
             </j-col>
         </j-row>
-        <j-row :gutter="24">
+        <j-row :gutter="24" style="margin-top: 24px;">
             <j-col :span="24">
                 <Card />
             </j-col>
@@ -26,14 +26,19 @@ import Card from './components/Card.vue';
 import { getImage } from '@/utils/comm';
 import { queryCount } from '@/api/data-collect/dashboard';
 import { defaultParams, statusData } from './tool';
+import { useMenuStore } from '@/store/menu';
+
+const menuPermission = useMenuStore().hasMenu;
 
 const StatusData = ref(statusData);
 const getNumberData = () => {
     StatusData.value.forEach(async (item: any) => {
-        const res = await queryCount(item[0].type, {});
-        const resp = await queryCount(item[0].type, defaultParams);
-        item[0].total = res?.result;
-        item[0].value = resp?.result;
+        if(menuPermission(item[0]?.permission)) {
+            const res = await queryCount(item[0].type, {});
+            const resp = await queryCount(item[0].type, defaultParams);
+            item[0].total = res?.result;
+            item[0].value = resp?.result;
+        }
     });
 };
 onMounted(() => {
diff --git a/src/views/DataCollect/Dashboard/tool.ts b/src/views/DataCollect/Dashboard/tool.ts
index 4fd5a133..a6c2cf5a 100644
--- a/src/views/DataCollect/Dashboard/tool.ts
+++ b/src/views/DataCollect/Dashboard/tool.ts
@@ -39,13 +39,13 @@ const getParams = (dt: any) => {
                 };
             } else if (time > days && time <= days * 7) {
                 return {
-                    limit: Math.abs(Math.ceil(time / days / 7)) + 1,
+                    limit: Math.abs(Math.ceil(time / days)) + 1,
                     interval: '1d',
                     format: 'YYYY-MM-dd HH:mm',
                 };
-            } else if (time >= year) {
+            } else if (time > days*90) {
                 return {
-                    limit: Math.abs(Math.ceil(time / days / 31)) + 1,
+                    limit: Math.abs(Math.ceil(time / days / 30)) + 1,
                     interval: '1M',
                     format: 'YYYY-MM-dd HH:mm',
                 };
@@ -137,6 +137,7 @@ export const statusData = [
             label: '通道数量',
             value: 0,
             total: 0,
+            permission: 'DataCollect/Channel'
         },
     ],
     [
@@ -147,6 +148,7 @@ export const statusData = [
             label: '采集器数量',
             value: 0,
             total: 0,
+            permission: 'DataCollect/Collector'
         },
     ],
     [
@@ -157,6 +159,7 @@ export const statusData = [
             label: '采集点位',
             value: 0,
             total: 0,
+            permission: 'DataCollect/Collector'
         },
     ],
 ];
diff --git a/src/views/home/components/DeviceCountCard.vue b/src/views/home/components/DeviceCountCard.vue
index 437378c7..755117a8 100644
--- a/src/views/home/components/DeviceCountCard.vue
+++ b/src/views/home/components/DeviceCountCard.vue
@@ -26,7 +26,7 @@ const { jumpPage } = useMenuStore();
 const projectNum = ref(0);
 const deviceNum = ref(0);
 
-const menuPermission = useMenuStore().hasPermission;
+const menuPermission = useMenuStore().hasMenu;
 const getData = () => {
     // 有产品菜单权限则获取数据
     menuPermission('device/Product') &&

From bdc85b877ae15da143f7bed46d9d4cfdaf7f646f Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Wed, 26 Jul 2023 13:42:54 +0800
Subject: [PATCH 07/14] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E9=A2=9D?=
 =?UTF-8?q?=E5=A4=96=E5=AD=90=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/menu.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/utils/menu.ts b/src/utils/menu.ts
index 2f7de939..b34a4c8b 100644
--- a/src/utils/menu.ts
+++ b/src/utils/menu.ts
@@ -384,7 +384,8 @@ const hasExtraChildren = (item: MenuItem, extraMenus: any ) => {
   if (extraItem) {
     return extraItem.children.map(e => ({
       ...e,
-      url: `${item.url}${e.url}`,
+      code: `${item.code}/${e.code}`,
+      url: `${item.url}/${e.code}`,
       isShow: false
     }))
   }

From 0742110e692b9823485dcf9db464a6935d1bcade Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Wed, 26 Jul 2023 17:57:57 +0800
Subject: [PATCH 08/14] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=89=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B-=E5=85=A8=E5=B1=8F=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FRuleEditor/index.vue               |  3 +++
 src/components/ValueItem/index.vue                 |  8 ++++++++
 .../Metadata/Base/components/Constraint.vue        |  2 ++
 .../Base/components/Events/SelectColumn.vue        |  5 ++++-
 .../Base/components/Function/AsyncSelect.vue       |  7 ++++---
 .../Properties/Metrics/BooleanSelect.vue           |  4 ++++
 .../Base/components/Properties/Metrics/Metrics.vue | 14 +++++++++++---
 .../components/Properties/Metrics/ValueItem.vue    |  5 ++++-
 .../Base/components/Properties/Metrics/item.vue    |  4 ++++
 .../Base/components/Properties/OtherSetting.vue    |  5 +++++
 .../Base/components/Properties/StorageSetting.vue  |  4 +++-
 .../components/Metadata/Base/components/Source.vue | 10 ++++++++--
 .../Metadata/Base/components/Tags/Type.vue         |  4 +++-
 src/views/link/DashBoard/components/Network.vue    |  9 ++-------
 yarn.lock                                          |  4 ++--
 15 files changed, 67 insertions(+), 21 deletions(-)

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/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..98e8408f 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#1f0984de391638429b147f45b0e7aca928fb80f8"
+  integrity sha512-87JBHVqqI3aNV2H8SFnMHegW5b1tjtCtxcEbQUFM7Mq7ZJQcR4GhaCmhP61E8PsZbHLPNFjNgb6GGwhdWT4MKQ==
   dependencies:
     "@vueuse/core" "^9.12.0"
     "@vueuse/router" "^9.13.0"

From d2122de264069681c045bec87e624f94f0f47124 Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Thu, 27 Jul 2023 09:09:41 +0800
Subject: [PATCH 09/14] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=89=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B-=E6=9E=9A=E4=B8=BE=E6=A0=A1=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/device/components/Metadata/Base/columns.tsx | 1 -
 yarn.lock                                             | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

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/yarn.lock b/yarn.lock
index 98e8408f..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#1f0984de391638429b147f45b0e7aca928fb80f8"
-  integrity sha512-87JBHVqqI3aNV2H8SFnMHegW5b1tjtCtxcEbQUFM7Mq7ZJQcR4GhaCmhP61E8PsZbHLPNFjNgb6GGwhdWT4MKQ==
+  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"

From d3605ec8f06858e02e7dec0143c2c853d3fd6e91 Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Thu, 27 Jul 2023 09:18:10 +0800
Subject: [PATCH 10/14] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E9=80=8F=E4=BC=A0=E9=BB=98=E8=AE=A4=E8=84=9A=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/device/Instance/Detail/Parsing/index.vue    | 11 ++++++++++-
 .../device/Product/Detail/DataAnalysis/index.vue      | 11 ++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

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);

From 7faa15eb583fa3e473959373b52d1e0ea3ebbae7 Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Thu, 27 Jul 2023 10:15:24 +0800
Subject: [PATCH 11/14] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/BasicLayoutPage.vue | 2 +-
 src/store/menu.ts                         | 2 +-
 src/utils/menu.ts                         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Layout/BasicLayoutPage.vue b/src/components/Layout/BasicLayoutPage.vue
index 92ab5f9d..d029fac1 100644
--- a/src/components/Layout/BasicLayoutPage.vue
+++ b/src/components/Layout/BasicLayoutPage.vue
@@ -61,7 +61,7 @@ const layoutConf = reactive({
     siderWidth: layout.value.siderWidth,
     logo: DefaultSetting.layout.logo,
     title: DefaultSetting.layout.title,
-    menuData: [...menu.siderMenus, AccountMenu],
+    menuData: menu.siderMenus,
     // menuData: menu.siderMenus,
     splitMenus: true,
 });
diff --git a/src/store/menu.ts b/src/store/menu.ts
index ed6839cb..ab33fa91 100644
--- a/src/store/menu.ts
+++ b/src/store/menu.ts
@@ -123,7 +123,7 @@ export const useMenuStore = defineStore({
           })
           // console.log(menusData)
           // menusData.push(AccountMenu)
-          this.siderMenus = silderMenus.filter((item: { name: string }) => ![USER_CENTER_MENU_CODE, NotificationRecordCode, NotificationSubscriptionCode].includes(item.name))
+          this.siderMenus = silderMenus
           res(menusData)
         }
       })
diff --git a/src/utils/menu.ts b/src/utils/menu.ts
index b34a4c8b..273d5755 100644
--- a/src/utils/menu.ts
+++ b/src/utils/menu.ts
@@ -472,7 +472,7 @@ export const handleMenusMap = (menuData: any[], cb: (data: any) => void) => {
 }
 
 const hideInMenu = (code: string) => {
-  return ['account-center', 'message-subscribe'].includes(code)
+  return ['account-center', 'account-center', 'message-subscribe'].includes(code)
 }
 
 export const handleSiderMenu = (menuData: any[]) => {

From a56083e0e35bb9bbb3eb6e65cbd11efe0441522a Mon Sep 17 00:00:00 2001
From: XieYongHong <18010623010@163.com>
Date: Thu, 27 Jul 2023 10:19:28 +0800
Subject: [PATCH 12/14] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E7=89=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=9E=8B-=E6=8C=87=E6=A0=87=E5=80=BCfloat,double?=
 =?UTF-8?q?=E5=80=BC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Properties/Metrics/item.vue    | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

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 7dcbdc7e..09d0b469 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
@@ -7,7 +7,7 @@
         @change="change"
     />
     <j-input-number
-        v-else-if="['int', 'long', 'float', 'double'].includes(type)"
+        v-else-if="type === 'int'"
         v-model:value="myValue"
         :precision="0"
         :max="2147483647"
@@ -16,6 +16,25 @@
         placeholder="请输入"
         @change="change"
     />
+    <j-input-number
+        v-else-if="type === 'long'"
+        v-model:value="myValue"
+        :max="9223372036854775807"
+        :min="-9223372036854775808"
+        :precision="0"
+        placeholder="请输入"
+        style="width: 100%"
+        @change="change"
+    />
+    <j-input-number
+        v-else-if="['float', 'double'].includes(type)"
+        v-model:value="myValue"
+        :max="9999999999999999"
+        :min="-9999999999999999"
+        placeholder="请输入"
+        style="width: 100%"
+        @change="change"
+    />
     <j-select
         v-else-if="type === 'boolean'"
         placeholder="请选择"

From a110003d87e407e33d204c73e50c2a4345cd059c Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Thu, 27 Jul 2023 15:08:34 +0800
Subject: [PATCH 13/14] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/account/center.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/api/account/center.ts b/src/api/account/center.ts
index 46e410e6..5fa615d8 100644
--- a/src/api/account/center.ts
+++ b/src/api/account/center.ts
@@ -10,7 +10,7 @@ export const updateMeInfo_api = (data:object) => server.put(`/user/detail`,data)
 // 修改登录用户密码
 export const updateMepsd_api = (data:object) => server.put(`/user/passwd`,data);
 // 第三方账号解绑
-export const unBind_api = (appId: string) => server.request.post(`/application/sso/${appId}/unbind/me`);
+export const unBind_api = (appId: string) => server.post(`/application/sso/${appId}/unbind/me`);
 /**
  * 校验字段合法性
  * @param type 类型

From 65f3141ed8bcadd83dbf91f11e6761ca3e389f9e Mon Sep 17 00:00:00 2001
From: 100011797 <2642441182@qq.com>
Date: Thu, 27 Jul 2023 17:12:24 +0800
Subject: [PATCH 14/14] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=BF=90?=
 =?UTF-8?q?=E7=BB=B4=E7=AE=A1=E7=90=86=E7=9A=84dashboard=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/link/DashBoard/components/Cpu.vue        | 12 +++++++-----
 src/views/link/DashBoard/components/Jvm.vue        | 11 ++++++-----
 src/views/link/DashBoard/components/Network.vue    |  5 +++--
 src/views/link/DashBoard/components/ServerList.vue |  6 +++---
 src/views/link/DashBoard/components/tool.ts        |  6 +++++-
 5 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/views/link/DashBoard/components/Cpu.vue b/src/views/link/DashBoard/components/Cpu.vue
index f7e39658..75391946 100644
--- a/src/views/link/DashBoard/components/Cpu.vue
+++ b/src/views/link/DashBoard/components/Cpu.vue
@@ -45,7 +45,7 @@
                       v-if="serverOptions.length > 1"
                       v-model:value="serverActive"
                       :options="serverOptions"
-                      color="#2CB6E0"
+                      :color="colorCpu"
                   />
                 </template>
             </div>
@@ -59,9 +59,10 @@ import dayjs from 'dayjs';
 import {
     getTimeByType,
     arrayReverse,
-    defulteParamsData,
+    defaultParamsData,
     areaStyleCpu,
     typeDataLine,
+    colorCpu
 } from './tool.ts';
 import { DataType } from '../typings';
 import ServerList from './ServerList.vue'
@@ -97,6 +98,7 @@ const pickerTimeChange = () => {
 };
 
 const echartsOptions = computed(() => {
+  console.log(serverActive.value)
   const series = serverActive.value.length
           ? serverActive.value.map((key) => setOptions(serverData.data, key))
           : typeDataLine
@@ -128,13 +130,13 @@ const echartsOptions = computed(() => {
         end: data.value.type !== 'hour' ? 5 : 100,
       },
     ],
-    color: ['#2CB6E0'],
+    color: colorCpu,
     series: series
   };
 })
 const getCPUEcharts = async (val: any) => {
     loading.value = true;
-    const res: any = await dashboard(defulteParamsData('cpu', val));
+    const res: any = await dashboard(defaultParamsData('cpu', val));
     if (res.success) {
         const _cpuOptions = {};
         const _cpuXAxis = new Set();
@@ -174,7 +176,7 @@ const setOptions = (optionsData: any, key: string) => ({
     type: 'line',
     smooth: true,
     symbol: 'none',
-    areaStyle: areaStyleCpu,
+    // areaStyle: areaStyleCpu(index),
 });
 
 const handleCpuOptions = (optionsData: any, xAxis: any) => {
diff --git a/src/views/link/DashBoard/components/Jvm.vue b/src/views/link/DashBoard/components/Jvm.vue
index 6c1ef7fc..77a7eee4 100644
--- a/src/views/link/DashBoard/components/Jvm.vue
+++ b/src/views/link/DashBoard/components/Jvm.vue
@@ -45,7 +45,7 @@
                     v-if="serverOptions.length > 1"
                     v-model:value="serverActive"
                     :options="serverOptions"
-                    color="#60DFC7"
+                    :color="colorJvm"
                 />
               </template>
             </div>
@@ -61,7 +61,8 @@ import {
     arrayReverse,
     typeDataLine,
     areaStyleJvm,
-    defulteParamsData,
+    colorJvm,
+    defaultParamsData
 } from './tool.ts';
 import { DataType } from '../typings';
 import ServerList from './ServerList.vue'
@@ -98,7 +99,7 @@ const pickerTimeChange = () => {
 
 const getJVMEcharts = async (val: any) => {
     loading.value = true;
-    const res: any = await dashboard(defulteParamsData('jvm', val));
+    const res: any = await dashboard(defaultParamsData('jvm', val));
     if (res.success) {
         const _jvmOptions = {};
         const _jvmXAxis = new Set();
@@ -142,7 +143,7 @@ const setOptions = (optionsData: any, key: string) => ({
     type: 'line',
     smooth: true,
     symbol: 'none',
-    areaStyle: areaStyleJvm,
+    // areaStyle: areaStyleJvm(_index),
 });
 const handleJVMOptions = (optionsData: any, xAxis: any) => {
   const dataKeys = Object.keys(optionsData);
@@ -184,7 +185,7 @@ const echartsOptions = computed(() => {
         end: data.value.type !== 'hour' ? 10 : 100,
       },
     ],
-    color: ['#60DFC7'],
+    color: colorJvm,
     series: series
   }
 })
diff --git a/src/views/link/DashBoard/components/Network.vue b/src/views/link/DashBoard/components/Network.vue
index ab9de9e3..e849cd7d 100644
--- a/src/views/link/DashBoard/components/Network.vue
+++ b/src/views/link/DashBoard/components/Network.vue
@@ -73,6 +73,7 @@ import {
   getTimeByType,
   typeDataLine,
   areaStyle,
+  colorNetwork,
   networkParams, arrayReverse,
 } from './tool.ts';
 import dayjs from 'dayjs';
@@ -168,7 +169,7 @@ const setOptions = (data: any, key: string) => ({
     name: key,
     type: 'line',
     smooth: true,
-    areaStyle,
+    // areaStyle,
 });
 
 const handleNetworkOptions = (optionsData: any, xAxis: any) => {
@@ -205,7 +206,7 @@ const echartsOptions = computed(() => {
       trigger: 'axis',
       formatter: (_value: any) => networkValueRender(_value[0]),
     },
-    color: ['#979AFF'],
+    color: colorNetwork,
     series: series
   };
 })
diff --git a/src/views/link/DashBoard/components/ServerList.vue b/src/views/link/DashBoard/components/ServerList.vue
index 80bc72bb..d2655b2e 100644
--- a/src/views/link/DashBoard/components/ServerList.vue
+++ b/src/views/link/DashBoard/components/ServerList.vue
@@ -4,10 +4,10 @@
     <j-scrollbar>
       <div class="server-list-items">
         <div
-            v-for="item in options" :class="['server-item', myValue.includes(item) ? 'active' : '']"
+            v-for="(item, index) in options" :key="item" :class="['server-item', myValue.includes(item) ? 'active' : '']"
             @click="() => change(item)"
         >
-          <j-badge :color=" myValue.includes(item) ? color : '#a3a3a3'" :text="item" />
+          <j-badge :color="myValue.includes(item) ? (Array.isArray(color) ? color[index % 5] : color) : '#a3a3a3'" :text="item" />
         </div>
       </div>
     </j-scrollbar>
@@ -26,7 +26,7 @@ const props = defineProps({
     default: () => []
   },
   color: {
-    type: String,
+    type: [String, Array],
     default: '#979AFF'
   }
 })
diff --git a/src/views/link/DashBoard/components/tool.ts b/src/views/link/DashBoard/components/tool.ts
index 4bcbac31..83602698 100644
--- a/src/views/link/DashBoard/components/tool.ts
+++ b/src/views/link/DashBoard/components/tool.ts
@@ -104,7 +104,7 @@ export const networkParams = (val: any) => {
         },
     ];
 };
-export const defulteParamsData = (group: any, val: any) => [
+export const defaultParamsData = (group: any, val: any) => [
     {
         dashboard: 'systemMonitor',
         object: 'stats',
@@ -119,6 +119,10 @@ export const defulteParamsData = (group: any, val: any) => [
     },
 ];
 
+export const colorNetwork = ['#FF7D00', '#FFC300', '#37E2E2', '#165DFF', '#722ED1']
+export const colorCpu = ['#313CA9', '#21CCFF', '#249EFF', '#86DF6C', '#979AFF']
+export const colorJvm = ['#246EFF', '#00B2FF', '#81E2FF', '#2CAB40', '#8D4EDA']
+
 export const areaStyle = {
     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
         {