From 083134aad3411f2603342eb217e90757066dc82e Mon Sep 17 00:00:00 2001
From: "hear." <1175160654@qq.com>
Date: Mon, 27 Apr 2026 11:36:41 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20=E4=BB=AA=E8=A1=A8=E7=9B=98?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../IndividualCard/Config.vue                 | 282 ++++++++++
 .../IndividualCard/IndividualCard.vue         | 412 ++++++++++++++
 .../IndividualCard/config.ts                  |  36 ++
 .../IndividualCard/index.ts                   |  20 +
 .../PropertyBattery/Config.vue                | 285 ++++++++++
 .../PropertyBattery/PropertyBattery.vue       | 443 +++++++++++++++
 .../PropertyBattery/config.ts                 |  38 ++
 .../PropertyBattery/index.ts                  |  20 +
 .../PropertyChart/Config.vue                  | 251 +++++++++
 .../PropertyChart/PropertyChart.vue           | 504 ++++++++++++++++++
 .../PropertyChart/config.ts                   |  40 ++
 .../MetadataManagement/PropertyChart/index.ts |  20 +
 .../PropertyProgress/Config.vue               | 265 +++++++++
 .../PropertyProgress/PropertyProgress.vue     | 422 +++++++++++++++
 .../PropertyProgress/config.ts                |  37 ++
 .../PropertyProgress/index.ts                 |  20 +
 .../PropertySignal/Config.vue                 | 276 ++++++++++
 .../PropertySignal/PropertySignal.vue         | 472 ++++++++++++++++
 .../PropertySignal/config.ts                  |  37 ++
 .../PropertySignal/index.ts                   |  20 +
 .../PropertySlider/Config.vue                 | 342 ++++++++++++
 .../PropertySlider/PropertySlider.vue         | 459 ++++++++++++++++
 .../PropertySlider/config.ts                  |  41 ++
 .../PropertySlider/index.ts                   |  20 +
 .../PropertySwitch/Config.vue                 | 310 +++++++++++
 .../PropertySwitch/PropertySwitch.vue         | 405 ++++++++++++++
 .../PropertySwitch/config.ts                  |  35 ++
 .../PropertySwitch/index.ts                   |  20 +
 28 files changed, 5532 insertions(+)
 create mode 100644 visDashboard/MetadataManagement/IndividualCard/Config.vue
 create mode 100644 visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue
 create mode 100644 visDashboard/MetadataManagement/IndividualCard/config.ts
 create mode 100644 visDashboard/MetadataManagement/IndividualCard/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyBattery/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyBattery/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyBattery/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyChart/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyChart/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyChart/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyProgress/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyProgress/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyProgress/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertySignal/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue
 create mode 100644 visDashboard/MetadataManagement/PropertySignal/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertySignal/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertySlider/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue
 create mode 100644 visDashboard/MetadataManagement/PropertySlider/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertySlider/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertySwitch/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertySwitch/PropertySwitch.vue
 create mode 100644 visDashboard/MetadataManagement/PropertySwitch/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertySwitch/index.ts

diff --git a/visDashboard/MetadataManagement/IndividualCard/Config.vue b/visDashboard/MetadataManagement/IndividualCard/Config.vue
new file mode 100644
index 0000000..55f7450
--- /dev/null
+++ b/visDashboard/MetadataManagement/IndividualCard/Config.vue
@@ -0,0 +1,282 @@
+<template>
+  <div class="card-container">
+    <config-item label="图标">
+      <IconLibrary
+        v-model:type="config.icon"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="图标样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.iconColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.iconSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="例如 ℃"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+
+
+    <config-item label="属性值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="160"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+    <!-- <config-item label="默认值">
+      <a-input
+        v-model:value="config.value"
+        placeholder="请输入默认值"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+    <config-item label="标题">
+      <a-input
+        v-model:value="config.title"
+        placeholder="请输入标题"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item> -->
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import IconLibrary from '@jetlinks-web-core/components/IconLibrary/index.vue'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { individualCardConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'individualCard'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+
+const route = useRoute()
+const isProduct = computed(() => {
+  return route.name === 'device/Product/Detail'
+})
+const deviceOptions = ref([])
+const deviceOptionsMap = ref(new Map())
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+    return properties.map((item) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+const onDeviceChange = (value: any, option: any) => {
+  config.value.deviceName = option.label
+  config.value.deviceId = value
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: any) => {
+  config.value.propertyId = value
+  config.value.propertyName = typeOptions.value.find((item) => item.value === value)?.label
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = res.result.map((item) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...individualCardConfig.componentProps.individualCard,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+
+watch(
+  () => config.value.propertyId,
+  (val) => {
+    if (!val) {
+      config.value.propertyName = ''
+    }
+  }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue b/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue
new file mode 100644
index 0000000..b633c63
--- /dev/null
+++ b/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue
@@ -0,0 +1,412 @@
+<template>
+  <div
+    ref="containerRef"
+    class="individual-card"
+    :class="{ 'is-vertical': isVertical }"
+    :style="style"
+  >
+    <div class="individual-card__header">
+      <span
+        class="individual-card__icon"
+        :style="{
+          color: config.iconColor || '#1aa37a',
+          fontSize: `${Number(config.iconSize || 32)}px`
+        }"
+      >
+        <AIcon :type="config.icon || 'ExperimentOutlined'" />
+      </span>
+      <span
+        class="individual-card__title"
+        :style="titleStyle"
+      >
+        {{ displayTitle }}
+      </span>
+    </div>
+
+    <div
+      class="individual-card__value"
+      :style="valueStyle"
+    >
+      {{ displayValue }}
+      <span
+        v-if="config.unit"
+        class="individual-card__unit"
+        :style="unitStyle"
+      >
+        {{ config.unit }}
+      </span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+defineOptions({
+  name: 'IndividualCard'
+})
+
+interface IndividualCardComponentConfig {
+  title?: string
+  icon?: string
+  iconColor?: string
+  iconSize?: number
+  titleColor?: string
+  titleFontSize?: number
+  value?: string | number | null
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const containerRef = ref<HTMLElement | null>(null)
+const containerSize = ref({ width: 0, height: 0 })
+let resizeObserver: ResizeObserver | null = null
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<IndividualCardComponentConfig>(() => {
+  return (props.info?.componentProps?.individualCard as IndividualCardComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const displayTitle = computed(() => {
+  const propertyTitle =
+    config.value.propertyName ||
+    selectedProperty.value?.name ||
+    config.value.title ||
+    'Temperature'
+
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const displayValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  const value = valueData?.value
+
+  if (value === undefined || value === null || value === '') {
+    const fallback = config.value.value
+    if (fallback === undefined || fallback === null || fallback === '') {
+      return 'N/A'
+    }
+    return String(fallback)
+  }
+
+  return String(value)
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 40)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 48)}px`
+}))
+
+const unitStyle = computed(() => ({
+  color: config.value.unitColor || valueStyle.value.color,
+  fontSize: `${Number(config.value.unitFontSize || 24)}px`
+}))
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `individual-card-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+const isVertical = computed(() => {
+  const { width, height } = containerSize.value
+  if (!width || !height) {
+    return false
+  }
+  return width < 280 || height > width
+})
+
+onMounted(() => {
+  if (containerRef.value) {
+    resizeObserver = new ResizeObserver((entries) => {
+      const { width, height } = entries[0].contentRect
+      containerSize.value = {
+        width: Math.floor(width),
+        height: Math.floor(height)
+      }
+    })
+
+    resizeObserver.observe(containerRef.value)
+  }
+})
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+  resizeObserver?.disconnect()
+  resizeObserver = null
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.individual-card {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 22px 24px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.individual-card__header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  flex: 1;
+}
+
+.individual-card__icon {
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.individual-card__title {
+  font-weight: 500;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.individual-card__value {
+  flex-shrink: 0;
+  margin-left: 16px;
+  font-weight: 700;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.individual-card__unit {
+  margin-left: 6px;
+  font-weight: 500;
+  line-height: 1;
+}
+
+.individual-card.is-vertical {
+  flex-direction: column;
+  justify-content: center;
+  gap: 18px;
+}
+
+.individual-card.is-vertical .individual-card__header {
+  justify-content: center;
+  flex: none;
+}
+
+.individual-card.is-vertical .individual-card__title {
+  max-width: 100%;
+  text-align: center;
+}
+
+.individual-card.is-vertical .individual-card__value {
+  margin-left: 0;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/IndividualCard/config.ts b/visDashboard/MetadataManagement/IndividualCard/config.ts
new file mode 100644
index 0000000..aede1ec
--- /dev/null
+++ b/visDashboard/MetadataManagement/IndividualCard/config.ts
@@ -0,0 +1,36 @@
+export const individualCardConfig = {
+  name: '属性卡片',
+  type: 'individualCard',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 4,
+      h: 3,
+      minW: 2,
+      minH: 2
+    },
+    individualCard: {
+      title: '',
+      icon: 'ExperimentOutlined',
+      iconColor: '#1aa37a',
+      iconSize: 32,
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 32,
+      value: 'N/A',
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 32,
+      unit: '',
+      unitColor: 'rgba(0, 0, 0, 0.88)',
+      unitFontSize: 24,
+      deviceId: '',
+      deviceName: '',
+      propertyId: '',
+      propertyName: ''
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/IndividualCard/index.ts b/visDashboard/MetadataManagement/IndividualCard/index.ts
new file mode 100644
index 0000000..b3d0c59
--- /dev/null
+++ b/visDashboard/MetadataManagement/IndividualCard/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { individualCardConfig } from './config'
+
+const IndividualCard = {
+  name: 'individualCard',
+  component: defineAsyncComponent(() => import('./IndividualCard.vue'))
+}
+
+const IndividualCardConfig = [
+  {
+    name: 'individualCard',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const IndividualCardConfigProps = {
+  ...individualCardConfig
+}
+
+export { IndividualCard, IndividualCardConfig, IndividualCardConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyBattery/Config.vue b/visDashboard/MetadataManagement/PropertyBattery/Config.vue
new file mode 100644
index 0000000..912afa9
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyBattery/Config.vue
@@ -0,0 +1,285 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="属性值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="为空时使用物模型单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="单位样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="激活颜色">
+      <ColorPicker
+        v-model:value="config.activeColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="未激活颜色">
+      <ColorPicker
+        v-model:value="config.inactiveColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="边框颜色">
+      <ColorPicker
+        v-model:value="config.borderColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="分段数">
+      <a-input-number
+        v-model:value="config.segments"
+        :min="3"
+        :max="8"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyBatteryConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyBattery'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertyBatteryConfig.componentProps.propertyBattery,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue b/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue
new file mode 100644
index 0000000..5dcde17
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue
@@ -0,0 +1,443 @@
+<template>
+  <div
+    class="property-battery"
+    :style="style"
+  >
+    <div
+      class="property-battery__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+
+    <div class="property-battery__body">
+      <div
+        class="property-battery__icon"
+        :style="{ borderColor: config.borderColor || '#d9d9d9' }"
+      >
+        <div
+          class="property-battery__head"
+          :style="{ backgroundColor: config.borderColor || '#d9d9d9' }"
+        />
+        <div class="property-battery__segments">
+          <div
+            v-for="segment in batterySegments"
+            :key="segment.index"
+            class="property-battery__segment"
+            :style="{ backgroundColor: segment.active ? activeColor : inactiveColor }"
+          />
+        </div>
+      </div>
+
+      <div
+        class="property-battery__value"
+        :style="valueStyle"
+      >
+        {{ displayValue }}
+        <span
+          v-if="displayUnit"
+          class="property-battery__unit"
+          :style="unitStyle"
+        >
+          {{ displayUnit }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+defineOptions({
+  name: 'PropertyBattery'
+})
+
+interface PropertyBatteryComponentConfig {
+  titleColor?: string
+  titleFontSize?: number
+  value?: string | number | null
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  activeColor?: string
+  inactiveColor?: string
+  borderColor?: string
+  minValue?: number | string
+  maxValue?: number | string
+  segments?: number
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<PropertyBatteryComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyBattery as PropertyBatteryComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const propertyValueType = computed(() => selectedProperty.value?.valueType || {})
+
+const displayTitle = computed(() => {
+  const propertyTitle = config.value.propertyName || selectedProperty.value?.name || 'Battery'
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const displayValue = computed(() => {
+  const value = rawValue.value
+
+  if (value === undefined || value === null || value === '') {
+    const fallback = config.value.value
+    if (fallback === undefined || fallback === null || fallback === '') {
+      return 'N/A'
+    }
+    return String(fallback)
+  }
+
+  const numeric = Number(value)
+  return Number.isFinite(numeric) ? `${Math.round(numeric)}` : String(value)
+})
+
+const displayUnit = computed(() => config.value.unit || propertyValueType.value?.unit || '')
+
+const resolveNumber = (value: unknown, fallback: number) => {
+  const numberValue = Number(value)
+  return Number.isFinite(numberValue) ? numberValue : fallback
+}
+
+const minValue = computed(() => {
+  const metadataMin = propertyValueType.value?.min ?? propertyValueType.value?.expands?.min
+  return resolveNumber(config.value.minValue ?? metadataMin, 0)
+})
+
+const maxValue = computed(() => {
+  const metadataMax = propertyValueType.value?.max ?? propertyValueType.value?.expands?.max
+  const max = resolveNumber(config.value.maxValue ?? metadataMax, 100)
+  return max === minValue.value ? minValue.value + 100 : max
+})
+
+const percentValue = computed(() => {
+  const numberValue = resolveNumber(rawValue.value ?? config.value.value, minValue.value)
+  const percent = ((numberValue - minValue.value) / (maxValue.value - minValue.value)) * 100
+  return Math.min(100, Math.max(0, Number.isFinite(percent) ? percent : 0))
+})
+
+const segmentCount = computed(() => Math.max(3, Math.min(8, Number(config.value.segments || 4))))
+const activeSegments = computed(() => Math.round((percentValue.value / 100) * segmentCount.value))
+const activeColor = computed(() => config.value.activeColor || '#54d28a')
+const inactiveColor = computed(() => config.value.inactiveColor || '#d9d9d9')
+
+const batterySegments = computed(() =>
+  Array.from({ length: segmentCount.value }).map((_, index) => ({
+    index,
+    active: index < activeSegments.value
+  }))
+)
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 32)}px`
+}))
+
+const unitStyle = computed(() => ({
+  color: config.value.unitColor || valueStyle.value.color,
+  fontSize: `${Number(config.value.unitFontSize || 16)}px`
+}))
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-battery-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-battery {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-battery__title {
+  width: 100%;
+  min-height: 22px;
+  line-height: 1.4;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-battery__body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+}
+
+.property-battery__icon {
+  position: relative;
+  width: 54px;
+  height: 96px;
+  border: 2px solid;
+  border-radius: 8px;
+  padding: 6px;
+  box-sizing: border-box;
+}
+
+.property-battery__head {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: -8px;
+  width: 20px;
+  height: 6px;
+  border-radius: 3px 3px 0 0;
+}
+
+.property-battery__segments {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 4px;
+}
+
+.property-battery__segment {
+  flex: 1;
+  border-radius: 3px;
+  transition: background-color 0.3s ease;
+}
+
+.property-battery__value {
+  display: flex;
+  align-items: baseline;
+  line-height: 1;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.property-battery__unit {
+  margin-left: 4px;
+  font-weight: 500;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyBattery/config.ts b/visDashboard/MetadataManagement/PropertyBattery/config.ts
new file mode 100644
index 0000000..14e745b
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyBattery/config.ts
@@ -0,0 +1,38 @@
+export const propertyBatteryConfig = {
+  name: '属性电量',
+  type: 'propertyBattery',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 5,
+      minW: 2,
+      minH: 2
+    },
+    propertyBattery: {
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      value: 'N/A',
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 32,
+      unit: '%',
+      unitColor: 'rgba(0, 0, 0, 0.88)',
+      unitFontSize: 18,
+      activeColor: '#54d28a',
+      inactiveColor: '#d9d9d9',
+      borderColor: '#d9d9d9',
+      minValue: 0,
+      maxValue: 100,
+      segments: 4,
+      deviceId: '',
+      deviceName: '',
+      propertyId: '',
+      propertyName: ''
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyBattery/index.ts b/visDashboard/MetadataManagement/PropertyBattery/index.ts
new file mode 100644
index 0000000..00cb0e1
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyBattery/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyBatteryConfig } from './config'
+
+const PropertyBattery = {
+  name: 'propertyBattery',
+  component: defineAsyncComponent(() => import('./PropertyBattery.vue'))
+}
+
+const PropertyBatteryConfig = [
+  {
+    name: 'propertyBattery',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyBatteryConfigProps = {
+  ...propertyBatteryConfig
+}
+
+export { PropertyBattery, PropertyBatteryConfig, PropertyBatteryConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyChart/Config.vue b/visDashboard/MetadataManagement/PropertyChart/Config.vue
new file mode 100644
index 0000000..cf4b8c0
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyChart/Config.vue
@@ -0,0 +1,251 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="属性值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="为空时使用物模型单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="单位样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="折线颜色">
+      <ColorPicker
+        v-model:value="config.lineColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="历史点数">
+      <a-input-number
+        v-model:value="config.history"
+        :min="2"
+        :max="100"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyChartConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyChart'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertyChartConfig.componentProps.propertyChart,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue b/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue
new file mode 100644
index 0000000..f18f622
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue
@@ -0,0 +1,504 @@
+<template>
+  <div
+    class="property-chart"
+    :style="style"
+  >
+    <div
+      class="property-chart__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+    <div class="property-chart__content">
+      <div
+        class="property-chart__value"
+        :style="valueStyle"
+      >
+        {{ displayValue }}
+        <span
+          v-if="displayUnit"
+          class="property-chart__unit"
+          :style="unitStyle"
+        >
+          {{ displayUnit }}
+        </span>
+      </div>
+      <div class="property-chart__divider" />
+      <div class="property-chart__chart">
+        <v-chart
+          :option="chartOption"
+          autoresize
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { use } from 'echarts/core'
+import { LineChart } from 'echarts/charts'
+import { GridComponent, TooltipComponent } from 'echarts/components'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+use([CanvasRenderer, LineChart, GridComponent, TooltipComponent])
+
+defineOptions({
+  name: 'PropertyChart'
+})
+
+interface PropertyChartComponentConfig {
+  titleColor?: string
+  titleFontSize?: number
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  lineColor?: string
+  showAreaStyle?: boolean
+  smooth?: boolean
+  history?: number
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, any>
+}
+
+interface ChartPoint {
+  value: number | null
+  time: string
+  timestamp: number
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const chartData = ref<ChartPoint[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<PropertyChartComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyChart as PropertyChartComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+const historySize = computed(() => Math.max(2, Number(config.value.history || 20)))
+const defaultChartData = computed<ChartPoint[]>(() => {
+  const now = Date.now()
+
+  return [30, 31, 32, 31.5, 33, 34, 35].map((value, index, arr) => {
+    const timestamp = now - (arr.length - index - 1) * 60 * 1000
+    const date = new Date(timestamp)
+    const hours = `${date.getHours()}`.padStart(2, '0')
+    const minutes = `${date.getMinutes()}`.padStart(2, '0')
+
+    return {
+      value,
+      time: `${hours}:${minutes}`,
+      timestamp
+    }
+  })
+})
+const displayChartData = computed(() => (chartData.value.length ? chartData.value : defaultChartData.value))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const displayTitle = computed(() => {
+  const propertyTitle = config.value.propertyName || selectedProperty.value?.name || '属性'
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const currentRawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  return propertyId ? propertyValue.value[propertyId]?.value : undefined
+})
+
+const displayValue = computed(() => {
+  const value = currentRawValue.value
+
+  if (value === undefined || value === null || value === '') {
+    return 'N/A'
+  }
+
+  return String(value)
+})
+
+const displayUnit = computed(() => {
+  return config.value.unit || selectedProperty.value?.valueType?.unit || ''
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 32)}px`
+}))
+
+const unitStyle = computed(() => ({
+  color: config.value.unitColor || valueStyle.value.color,
+  fontSize: `${Number(config.value.unitFontSize || 16)}px`
+}))
+
+const toNumber = (value: unknown) => {
+  const numberValue = Number(value)
+  return Number.isFinite(numberValue) ? numberValue : null
+}
+
+const formatTime = (item: Record<string, any>) => {
+  if (item.timeString) return String(item.timeString)
+  if (!item.timestamp) return ''
+
+  const date = new Date(Number(item.timestamp))
+  const hours = `${date.getHours()}`.padStart(2, '0')
+  const minutes = `${date.getMinutes()}`.padStart(2, '0')
+  const seconds = `${date.getSeconds()}`.padStart(2, '0')
+  return `${hours}:${minutes}:${seconds}`
+}
+
+const pushChartPoint = (item: Record<string, any>) => {
+  const propertyId = String(config.value.propertyId || '')
+  if (!propertyId || item?.property !== propertyId) return
+
+  const point: ChartPoint = {
+    value: toNumber(item.value),
+    time: formatTime(item),
+    timestamp: Number(item.timestamp || Date.now())
+  }
+
+  chartData.value = [...chartData.value, point]
+    .sort((a, b) => a.timestamp - b.timestamp)
+    .slice(-historySize.value)
+}
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        const value = { ...item, ...item.value }
+        propertyValue.value[property] = value
+        pushChartPoint(value)
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-chart-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: historySize.value,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const propertyId = String(config.value.propertyId || '')
+    const historyList = (response.result || [])
+      .map((item: any) => ({
+        timeString: item.data?.timeString,
+        timestamp: item.data?.timestamp,
+        ...item.data?.value
+      }))
+      .filter((item: any) => item.property === propertyId)
+      .sort((a: any, b: any) => Number(a.timestamp || 0) - Number(b.timestamp || 0))
+
+    const latest = historyList[historyList.length - 1]
+    if (latest?.property) {
+      propertyValue.value = {
+        ...unref(propertyValue),
+        [latest.property]: latest
+      }
+    }
+
+    chartData.value = historyList.slice(-historySize.value).map((item: any) => ({
+      value: toNumber(item.value),
+      time: formatTime(item),
+      timestamp: Number(item.timestamp || Date.now())
+    }))
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+  chartData.value = []
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+const chartOption = computed(() => {
+  const lineColor = config.value.lineColor || '#2f7cf6'
+
+  return {
+    animation: false,
+    tooltip: {
+      trigger: 'axis',
+      appendToBody: true
+    },
+    grid: {
+      left: 4,
+      right: 4,
+      top: 8,
+      bottom: 4,
+      containLabel: false
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: displayChartData.value.map((item) => item.time),
+      axisLine: { show: false },
+      axisTick: { show: false },
+      axisLabel: { show: false }
+    },
+    yAxis: {
+      type: 'value',
+      scale: true,
+      axisLine: { show: false },
+      axisTick: { show: false },
+      axisLabel: { show: false },
+      splitLine: { show: false }
+    },
+    series: [
+      {
+        name: selectedProperty.value?.name || config.value.propertyName || '属性',
+        type: 'line',
+        data: displayChartData.value.map((item) => item.value),
+        smooth: config.value.smooth !== false,
+        showSymbol: false,
+        connectNulls: true,
+        lineStyle: {
+          color: lineColor,
+          width: 2
+        },
+        itemStyle: {
+          color: lineColor
+        },
+        areaStyle:
+          config.value.showAreaStyle === false
+            ? undefined
+            : {
+                color: {
+                  type: 'linear',
+                  x: 0,
+                  y: 0,
+                  x2: 0,
+                  y2: 1,
+                  colorStops: [
+                    { offset: 0, color: `${lineColor}33` },
+                    { offset: 1, color: `${lineColor}00` }
+                  ]
+                }
+              }
+      }
+    ]
+  }
+})
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId, config.value.history],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-chart {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-chart__title {
+  flex-shrink: 0;
+  font-weight: 600;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-chart__content {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 1px minmax(80px, 1fr);
+  align-items: center;
+  gap: 12px;
+}
+
+.property-chart__value {
+  min-width: 0;
+  font-weight: 700;
+  line-height: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-chart__unit {
+  margin-left: 4px;
+  font-weight: 500;
+}
+
+.property-chart__divider {
+  width: 1px;
+  height: 62px;
+  border-left: 1px dashed rgba(0, 0, 0, 0.16);
+}
+
+.property-chart__chart {
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 72px;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyChart/config.ts b/visDashboard/MetadataManagement/PropertyChart/config.ts
new file mode 100644
index 0000000..7e8626a
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyChart/config.ts
@@ -0,0 +1,40 @@
+export const propertyChartConfig = {
+  name: '属性实时值折线图',
+  type: 'propertyChart',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 4,
+      h: 6,
+      minW: 3,
+      minH: 2
+    },
+    propertyChart: {
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 32,
+      unit: '',
+      unitColor: 'rgba(0, 0, 0, 0.88)',
+      unitFontSize: 16,
+      lineColor: '#2f7cf6',
+      showAreaStyle: true,
+      smooth: true,
+      history: 20,
+      deviceId: '',
+      deviceName: '',
+      propertyId: '',
+      propertyName: ''
+    }
+  },
+  dataSourceProps: [],
+  extraProps: {
+    type: 'device',
+    options: []
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyChart/index.ts b/visDashboard/MetadataManagement/PropertyChart/index.ts
new file mode 100644
index 0000000..c7e0785
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyChart/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyChartConfig } from './config'
+
+const PropertyChart = {
+  name: 'propertyChart',
+  component: defineAsyncComponent(() => import('./PropertyChart.vue'))
+}
+
+const PropertyChartConfig = [
+  {
+    name: 'propertyChart',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyChartConfigProps = {
+  ...propertyChartConfig
+}
+
+export { PropertyChart, PropertyChartConfig, PropertyChartConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyProgress/Config.vue b/visDashboard/MetadataManagement/PropertyProgress/Config.vue
new file mode 100644
index 0000000..9c4d5b6
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyProgress/Config.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="属性值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="为空时使用物模型单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="单位样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="进度条颜色">
+      <ColorPicker
+        v-model:value="config.progressColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="背景条颜色">
+      <ColorPicker
+        v-model:value="config.trailColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyProgressConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyProgress'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertyProgressConfig.componentProps.propertyProgress,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue b/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue
new file mode 100644
index 0000000..fac827c
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue
@@ -0,0 +1,422 @@
+<template>
+  <div
+    class="property-progress"
+    :style="style"
+  >
+    <div
+      class="property-progress__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+
+    <div class="property-progress__body">
+      <div
+        class="property-progress__value"
+        :style="valueStyle"
+      >
+        {{ displayValue }}
+        <span
+          v-if="displayUnit"
+          class="property-progress__unit"
+          :style="unitStyle"
+        >
+          {{ displayUnit }}
+        </span>
+      </div>
+
+      <div class="property-progress__bar-wrap">
+        <div
+          class="property-progress__bar"
+          :style="{ backgroundColor: config.trailColor || '#f0f0f0' }"
+        >
+          <div
+            class="property-progress__bar-inner"
+            :style="{
+              width: `${progressPercent}%`,
+              backgroundColor: config.progressColor || '#0f766e'
+            }"
+          />
+        </div>
+        <div class="property-progress__range">
+          <span>{{ minValue }}</span>
+          <span>{{ maxValue }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+defineOptions({
+  name: 'PropertyProgress'
+})
+
+interface PropertyProgressComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  value?: string | number | null
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  progressColor?: string
+  trailColor?: string
+  minValue?: number | string
+  maxValue?: number | string
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<PropertyProgressComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyProgress as PropertyProgressComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const propertyValueType = computed(() => selectedProperty.value?.valueType || {})
+
+const displayTitle = computed(() => {
+  const propertyTitle =
+    config.value.propertyName ||
+    selectedProperty.value?.name ||
+    config.value.title ||
+    'Progress bar'
+
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const displayValue = computed(() => {
+  const value = rawValue.value
+
+  if (value === undefined || value === null || value === '') {
+    const fallback = config.value.value
+    if (fallback === undefined || fallback === null || fallback === '') {
+      return 'N/A'
+    }
+    return String(fallback)
+  }
+
+  return String(value)
+})
+
+const displayUnit = computed(() => config.value.unit || propertyValueType.value?.unit || '')
+
+const resolveNumber = (value: unknown, fallback: number) => {
+  const numberValue = Number(value)
+  return Number.isFinite(numberValue) ? numberValue : fallback
+}
+
+const minValue = computed(() => {
+  const metadataMin = propertyValueType.value?.min ?? propertyValueType.value?.expands?.min
+  return resolveNumber(config.value.minValue ?? metadataMin, 0)
+})
+
+const maxValue = computed(() => {
+  const metadataMax = propertyValueType.value?.max ?? propertyValueType.value?.expands?.max
+  const max = resolveNumber(config.value.maxValue ?? metadataMax, 100)
+  return max === minValue.value ? minValue.value + 100 : max
+})
+
+const progressPercent = computed(() => {
+  const numberValue = resolveNumber(rawValue.value ?? config.value.value, minValue.value)
+  const percent = ((numberValue - minValue.value) / (maxValue.value - minValue.value)) * 100
+  return Math.min(100, Math.max(0, Number.isFinite(percent) ? percent : 0))
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 24)}px`
+}))
+
+const unitStyle = computed(() => ({
+  color: config.value.unitColor || valueStyle.value.color,
+  fontSize: `${Number(config.value.unitFontSize || 12)}px`
+}))
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-progress-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-progress {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-progress__title {
+  width: 100%;
+  min-height: 22px;
+  line-height: 1.4;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-progress__body {
+  width: 100%;
+}
+
+.property-progress__value {
+  display: flex;
+  align-items: baseline;
+  line-height: 1;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.property-progress__unit {
+  margin-left: 4px;
+  font-weight: 500;
+}
+
+.property-progress__bar-wrap {
+  margin-top: 14px;
+}
+
+.property-progress__bar {
+  width: 100%;
+  height: 4px;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.property-progress__bar-inner {
+  height: 100%;
+  border-radius: inherit;
+  transition: width 0.3s ease;
+}
+
+.property-progress__range {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 6px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  line-height: 1;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyProgress/config.ts b/visDashboard/MetadataManagement/PropertyProgress/config.ts
new file mode 100644
index 0000000..8e749f5
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyProgress/config.ts
@@ -0,0 +1,37 @@
+export const propertyProgressConfig = {
+  name: '属性进度条',
+  type: 'propertyProgress',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 5,
+      minW: 2,
+      minH: 2
+    },
+    propertyProgress: {
+      title: '',
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      value: 'N/A',
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 24,
+      unit: '',
+      unitColor: 'rgba(0, 0, 0, 0.88)',
+      unitFontSize: 12,
+      progressColor: '#0f766e',
+      trailColor: '#f0f0f0',
+      minValue: 0,
+      maxValue: 100,
+      deviceId: '',
+      deviceName: '',
+      propertyId: '',
+      propertyName: ''
+    }
+  },
+}
diff --git a/visDashboard/MetadataManagement/PropertyProgress/index.ts b/visDashboard/MetadataManagement/PropertyProgress/index.ts
new file mode 100644
index 0000000..b12b1a7
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyProgress/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyProgressConfig } from './config'
+
+const PropertyProgress = {
+  name: 'propertyProgress',
+  component: defineAsyncComponent(() => import('./PropertyProgress.vue'))
+}
+
+const PropertyProgressConfig = [
+  {
+    name: 'propertyProgress',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyProgressConfigProps = {
+  ...propertyProgressConfig
+}
+
+export { PropertyProgress, PropertyProgressConfig, PropertyProgressConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertySignal/Config.vue b/visDashboard/MetadataManagement/PropertySignal/Config.vue
new file mode 100644
index 0000000..f1fd259
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySignal/Config.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="属性值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="为空时使用物模型单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="单位样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="激活颜色">
+      <ColorPicker
+        v-model:value="config.activeColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="未激活颜色">
+      <ColorPicker
+        v-model:value="config.inactiveColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="级别数">
+      <a-input-number
+        v-model:value="config.levels"
+        :min="3"
+        :max="5"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertySignalConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertySignal'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertySignalConfig.componentProps.propertySignal,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue b/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue
new file mode 100644
index 0000000..ab87e36
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue
@@ -0,0 +1,472 @@
+<template>
+  <div
+    class="property-signal"
+    :style="style"
+  >
+    <div
+      class="property-signal__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+
+    <div class="property-signal__body">
+      <div class="property-signal__icon">
+        <div
+          v-for="item in signalArcs"
+          :key="item.level"
+          class="property-signal__arc"
+          :class="`arc-${item.level}`"
+          :style="{ borderColor: item.active ? activeColor : inactiveColor }"
+        />
+        <div
+          class="property-signal__dot"
+          :style="{ backgroundColor: signalDotActive ? activeColor : inactiveColor }"
+        />
+      </div>
+
+      <div
+        class="property-signal__value"
+        :style="valueStyle"
+      >
+        {{ displayValue }}
+        <span
+          v-if="displayUnit"
+          class="property-signal__unit"
+          :style="unitStyle"
+        >
+          {{ displayUnit }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+defineOptions({
+  name: 'PropertySignal'
+})
+
+interface PropertySignalComponentConfig {
+  titleColor?: string
+  titleFontSize?: number
+  value?: string | number | null
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  activeColor?: string
+  inactiveColor?: string
+  minValue?: number | string
+  maxValue?: number | string
+  levels?: number
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<PropertySignalComponentConfig>(() => {
+  return (props.info?.componentProps?.propertySignal as PropertySignalComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const propertyValueType = computed(() => selectedProperty.value?.valueType || {})
+
+const displayTitle = computed(() => {
+  const propertyTitle = config.value.propertyName || selectedProperty.value?.name || 'Signal strength'
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const displayValue = computed(() => {
+  const value = rawValue.value
+
+  if (value === undefined || value === null || value === '') {
+    const fallback = config.value.value
+    if (fallback === undefined || fallback === null || fallback === '') {
+      return 'N/A'
+    }
+    return String(fallback)
+  }
+
+  const numeric = Number(value)
+  return Number.isFinite(numeric) ? `${Math.round(numeric)}` : String(value)
+})
+
+const displayUnit = computed(() => config.value.unit || propertyValueType.value?.unit || '')
+
+const resolveNumber = (value: unknown, fallback: number) => {
+  const numberValue = Number(value)
+  return Number.isFinite(numberValue) ? numberValue : fallback
+}
+
+const minValue = computed(() => {
+  const metadataMin = propertyValueType.value?.min ?? propertyValueType.value?.expands?.min
+  return resolveNumber(config.value.minValue ?? metadataMin, 0)
+})
+
+const maxValue = computed(() => {
+  const metadataMax = propertyValueType.value?.max ?? propertyValueType.value?.expands?.max
+  const max = resolveNumber(config.value.maxValue ?? metadataMax, 100)
+  return max === minValue.value ? minValue.value + 100 : max
+})
+
+const percentValue = computed(() => {
+  const numberValue = resolveNumber(rawValue.value ?? config.value.value, minValue.value)
+  const percent = ((numberValue - minValue.value) / (maxValue.value - minValue.value)) * 100
+  return Math.min(100, Math.max(0, Number.isFinite(percent) ? percent : 0))
+})
+
+const levelCount = computed(() => Math.max(3, Math.min(5, Number(config.value.levels || 4))))
+const activeLevel = computed(() => Math.max(1, Math.ceil((percentValue.value / 100) * levelCount.value)))
+const activeColor = computed(() => config.value.activeColor || '#54d28a')
+const inactiveColor = computed(() => config.value.inactiveColor || '#d9d9d9')
+const signalDotActive = computed(() => percentValue.value > 0)
+
+const signalArcs = computed(() =>
+  Array.from({ length: levelCount.value }).map((_, idx) => {
+    const level = idx + 1
+    return {
+      level,
+      active: level <= activeLevel.value
+    }
+  })
+)
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 28)}px`
+}))
+
+const unitStyle = computed(() => ({
+  color: config.value.unitColor || valueStyle.value.color,
+  fontSize: `${Number(config.value.unitFontSize || 16)}px`
+}))
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-signal-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-signal {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-signal__title {
+  width: 100%;
+  min-height: 22px;
+  line-height: 1.4;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-signal__body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+}
+
+.property-signal__icon {
+  position: relative;
+  width: 92px;
+  height: 68px;
+}
+
+.property-signal__arc {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  border-style: solid;
+  border-bottom-color: transparent !important;
+  border-left-color: transparent !important;
+  border-right-color: transparent !important;
+  border-radius: 50% 50% 0 0;
+  transition: border-color 0.3s ease;
+}
+
+.property-signal__arc.arc-1 {
+  bottom: 10px;
+  width: 24px;
+  height: 12px;
+  border-width: 6px;
+}
+
+.property-signal__arc.arc-2 {
+  bottom: 16px;
+  width: 44px;
+  height: 22px;
+  border-width: 7px;
+}
+
+.property-signal__arc.arc-3 {
+  bottom: 22px;
+  width: 64px;
+  height: 32px;
+  border-width: 8px;
+}
+
+.property-signal__arc.arc-4 {
+  bottom: 28px;
+  width: 84px;
+  height: 42px;
+  border-width: 8px;
+}
+
+.property-signal__arc.arc-5 {
+  bottom: 34px;
+  width: 96px;
+  height: 48px;
+  border-width: 8px;
+}
+
+.property-signal__dot {
+  position: absolute;
+  left: 50%;
+  bottom: 2px;
+  transform: translateX(-50%);
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  transition: background-color 0.3s ease;
+}
+
+.property-signal__value {
+  display: flex;
+  align-items: baseline;
+  line-height: 1;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.property-signal__unit {
+  margin-left: 4px;
+  font-weight: 500;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertySignal/config.ts b/visDashboard/MetadataManagement/PropertySignal/config.ts
new file mode 100644
index 0000000..1a41d5f
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySignal/config.ts
@@ -0,0 +1,37 @@
+export const propertySignalConfig = {
+  name: '属性信号',
+  type: 'propertySignal',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 5,
+      minW: 2,
+      minH: 2
+    },
+    propertySignal: {
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      value: 'N/A',
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 28,
+      unit: '%',
+      unitColor: 'rgba(0, 0, 0, 0.88)',
+      unitFontSize: 16,
+      activeColor: '#54d28a',
+      inactiveColor: '#d9d9d9',
+      minValue: 0,
+      maxValue: 100,
+      levels: 4,
+      deviceId: '',
+      deviceName: '',
+      propertyId: '',
+      propertyName: ''
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertySignal/index.ts b/visDashboard/MetadataManagement/PropertySignal/index.ts
new file mode 100644
index 0000000..a4e901f
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySignal/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertySignalConfig } from './config'
+
+const PropertySignal = {
+  name: 'propertySignal',
+  component: defineAsyncComponent(() => import('./PropertySignal.vue'))
+}
+
+const PropertySignalConfig = [
+  {
+    name: 'propertySignal',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertySignalConfigProps = {
+  ...propertySignalConfig
+}
+
+export { PropertySignal, PropertySignalConfig, PropertySignalConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertySlider/Config.vue b/visDashboard/MetadataManagement/PropertySlider/Config.vue
new file mode 100644
index 0000000..bbed66a
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySlider/Config.vue
@@ -0,0 +1,342 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="属性值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="120"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="为空时使用物模型单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="单位样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="滑块颜色">
+      <ColorPicker
+        v-model:value="config.activeColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="轨道颜色">
+      <ColorPicker
+        v-model:value="config.trailColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="手柄颜色">
+      <ColorPicker
+        v-model:value="config.thumbColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+    <config-item label="功能">
+      <a-select
+        v-model:value="config.functionId"
+        :options="_functionOptions"
+        placeholder="请选择功能"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onFunctionChange"
+      />
+    </config-item>
+    <config-item label="参数" v-if="config.functionId">
+      <a-select
+        v-model:value="config.paramId"
+        :options="_paramsOptions"
+        placeholder="请选择参数(数值类型)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertySliderConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertySlider'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string, key: string = 'properties') => {
+  try {
+    return JSON.parse(str || '{}')[key] || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const _functionOptions = computed(() => {
+  try {
+    let functions = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      functions = strToJson(productStore.detail.metadata, 'functions')
+      if (hasTarget) {
+        functions.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata, 'functions'))
+      }
+    } else {
+      functions = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata, 'functions')
+    }
+    return functions.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const numericInputTypes = new Set(['int', 'long', 'double', 'float'])
+
+const _paramsOptions = computed(() => {
+  const functionId = config.value.functionId
+  if (!functionId) return []
+
+  const currentFunction = _functionOptions.value.find((item: any) => item.value === functionId)
+  const inputs = currentFunction?.inputs || []
+  return inputs
+    .filter((item: any) => numericInputTypes.has(String(item?.valueType?.type || '').toLowerCase()))
+    .map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+})
+
+const onFunctionChange = () => {
+  config.value.paramId = undefined
+  emitChange()
+}
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  config.value.functionId = undefined
+  config.value.paramId = undefined
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertySliderConfig.componentProps.propertySlider,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue b/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue
new file mode 100644
index 0000000..dd77681
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue
@@ -0,0 +1,459 @@
+<template>
+  <div
+    class="property-slider"
+    :style="style"
+  >
+    <div
+      class="property-slider__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+
+    <div class="property-slider__body">
+      <div
+        class="property-slider__value"
+        :style="valueStyle"
+      >
+        {{ sliderDisplayValue }}
+        <span
+          v-if="displayUnit"
+          class="property-slider__unit"
+          :style="unitStyle"
+        >
+          {{ displayUnit }}
+        </span>
+      </div>
+
+      <div class="property-slider__bar-wrap">
+        <a-slider
+          v-model:value="sliderValue"
+          :min="minValue"
+          :max="maxValue"
+          class="property-slider__slider"
+          :style="sliderStyle"
+          @change="handleSliderChange"
+          @afterChange="handleSliderAfterChange"
+        />
+
+        <div class="property-slider__range">
+          <span>{{ minValue }}</span>
+          <span>{{ maxValue }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail, executeFunctions } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+import { onlyMessage } from '@jetlinks-web/utils'
+
+defineOptions({
+  name: 'PropertySlider'
+})
+
+interface PropertySliderComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  value?: string | number | null
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  activeColor?: string
+  trailColor?: string
+  tickColor?: string
+  thumbColor?: string
+  minValue?: number | string
+  maxValue?: number | string
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+  functionId?: string
+  paramId?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<PropertySliderComponentConfig>(() => {
+  return (props.info?.componentProps?.propertySlider as PropertySliderComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() =>
+  isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')
+)
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const propertyValueType = computed(() => selectedProperty.value?.valueType || {})
+
+const displayTitle = computed(() => {
+  const propertyTitle = config.value.propertyName || selectedProperty.value?.name || config.value.title || 'Slider'
+
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const resolveNumber = (value: unknown, fallback: number) => {
+  const numberValue = Number(value)
+  return Number.isFinite(numberValue) ? numberValue : fallback
+}
+
+const minValue = computed(() => {
+  const metadataMin = propertyValueType.value?.min ?? propertyValueType.value?.expands?.min
+  return resolveNumber(config.value.minValue ?? metadataMin, 0)
+})
+
+const maxValue = computed(() => {
+  const metadataMax = propertyValueType.value?.max ?? propertyValueType.value?.expands?.max
+  const max = resolveNumber(config.value.maxValue ?? metadataMax, 100)
+  return max === minValue.value ? minValue.value + 100 : max
+})
+
+const numericValue = computed(() => {
+  return resolveNumber(rawValue.value ?? config.value.value, minValue.value)
+})
+
+const sliderValue = ref(numericValue.value)
+const isUserSliding = ref(false)
+
+watch(numericValue, (val) => {
+  if (isUserSliding.value) return
+  sliderValue.value = val
+})
+
+const sliderDisplayValue = computed(() => {
+  const val = sliderValue.value
+  if (val === undefined || val === null) return 'N/A'
+  return `${Math.round(Number(val))}`
+})
+
+const displayUnit = computed(() => config.value.unit || propertyValueType.value?.unit || '')
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 40)}px`
+}))
+
+const unitStyle = computed(() => ({
+  color: config.value.unitColor || valueStyle.value.color,
+  fontSize: `${Number(config.value.unitFontSize || 22)}px`
+}))
+
+const sliderStyle = computed(() => ({
+  '--property-slider-active-color': config.value.activeColor || '#0f766e',
+  '--property-slider-trail-color': config.value.trailColor || '#cfe9e5',
+  '--property-slider-thumb-color': config.value.thumbColor || '#0f766e'
+}))
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-slider-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+const executeFunc = async (value: number) => {
+  const deviceId = runtimeDeviceId.value
+  const functionId = String(config.value.functionId || '')
+  const paramId = String(config.value.paramId || '')
+
+  if (!deviceId || !functionId || !paramId || props.isEdit) {
+    return
+  }
+
+  try {
+    const res = await executeFunctions(deviceId, functionId, {
+      [paramId]: value
+    })
+
+    if (res.status === 200) {
+      onlyMessage('操作成功')
+    }
+  } catch (e) {
+    onlyMessage('操作失败', 'error')
+  }
+}
+
+const handleSliderChange = () => {
+  isUserSliding.value = true
+}
+
+const handleSliderAfterChange = (value: number) => {
+  isUserSliding.value = false
+  sliderValue.value = Number(value)
+  executeFunc(Number(value))
+}
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-slider {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-slider__title {
+  width: 100%;
+  min-height: 22px;
+  line-height: 1.4;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-slider__body {
+  width: 100%;
+}
+
+.property-slider__value {
+  display: flex;
+  align-items: baseline;
+  line-height: 1;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.property-slider__unit {
+  margin-left: 4px;
+  font-weight: 500;
+}
+
+.property-slider__bar-wrap {
+  margin-top: 14px;
+}
+
+.property-slider__slider :deep(.ant-slider-rail) {
+  background-color: var(--property-slider-trail-color);
+}
+
+.property-slider__slider :deep(.ant-slider-track) {
+  background-color: var(--property-slider-active-color);
+}
+
+.property-slider__slider :deep(.ant-slider-handle::after) {
+  background-color: var(--property-slider-thumb-color);
+  border-color: var(--property-slider-thumb-color);
+}
+
+.property-slider__range {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 6px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  line-height: 1;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertySlider/config.ts b/visDashboard/MetadataManagement/PropertySlider/config.ts
new file mode 100644
index 0000000..4aec8b9
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySlider/config.ts
@@ -0,0 +1,41 @@
+export const propertySliderConfig = {
+  name: '属性滑块',
+  type: 'propertySlider',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 4,
+      h: 5,
+      minW: 3,
+      minH: 3
+    },
+    propertySlider: {
+      title: 'Slider',
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      value: 0,
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 40,
+      unit: '%',
+      unitColor: 'rgba(0, 0, 0, 0.88)',
+      unitFontSize: 22,
+      activeColor: '#0f766e',
+      trailColor: '#cfe9e5',
+      tickColor: '#2f9d93',
+      thumbColor: '#0f766e',
+      minValue: 0,
+      maxValue: 100,
+      deviceId: '',
+      deviceName: '',
+      propertyId: undefined,
+      propertyName: '',
+      functionId: undefined,
+      paramId: undefined
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertySlider/index.ts b/visDashboard/MetadataManagement/PropertySlider/index.ts
new file mode 100644
index 0000000..68d83ae
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySlider/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertySliderConfig } from './config'
+
+const PropertySlider = {
+  name: 'propertySlider',
+  component: defineAsyncComponent(() => import('./PropertySlider.vue'))
+}
+
+const PropertySliderConfig = [
+  {
+    name: 'propertySlider',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertySliderConfigProps = {
+  ...propertySliderConfig
+}
+
+export { PropertySlider, PropertySliderConfig, PropertySliderConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertySwitch/Config.vue b/visDashboard/MetadataManagement/PropertySwitch/Config.vue
new file mode 100644
index 0000000..1a5af75
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySwitch/Config.vue
@@ -0,0 +1,310 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="状态文字样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="开启文案">
+      <a-input
+        v-model:value="config.trueLabel"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="关闭文案">
+      <a-input
+        v-model:value="config.falseLabel"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="开启颜色">
+      <ColorPicker
+        v-model:value="config.activeColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="关闭颜色">
+      <ColorPicker
+        v-model:value="config.inactiveColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+
+    <config-item label="功能">
+      <a-select
+        v-model:value="config.functionId"
+        :options="functionOptions"
+        placeholder="请选择功能"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onFunctionChange"
+      />
+    </config-item>
+
+    <config-item
+      label="参数"
+      v-if="config.functionId"
+    >
+      <a-select
+        v-model:value="config.paramId"
+        :options="paramOptions"
+        placeholder="请选择参数(Boolean)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertySwitchConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertySwitch'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string, key: string = 'properties') => {
+  try {
+    return JSON.parse(str || '{}')[key] || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const functionOptions = computed(() => {
+  try {
+    let functions = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      functions = strToJson(productStore.detail.metadata, 'functions')
+      if (hasTarget) {
+        functions.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata, 'functions'))
+      }
+    } else {
+      functions = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata, 'functions')
+    }
+    return functions.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const paramOptions = computed(() => {
+  const functionId = config.value.functionId
+  if (!functionId) return []
+
+  const currentFunction = functionOptions.value.find((item: any) => item.value === functionId)
+  const inputs = currentFunction?.inputs || []
+  return inputs.map((item: any) => {
+    const type = String(item?.valueType?.type || '').toLowerCase()
+    const isBoolean = type === 'boolean'
+    return {
+      ...item,
+      label: item.name,
+      value: item.id,
+      disabled: !isBoolean
+    }
+  })
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  config.value.functionId = undefined
+  config.value.paramId = undefined
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const onFunctionChange = () => {
+  config.value.paramId = undefined
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertySwitchConfig.componentProps.propertySwitch,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertySwitch/PropertySwitch.vue b/visDashboard/MetadataManagement/PropertySwitch/PropertySwitch.vue
new file mode 100644
index 0000000..a0fbd36
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySwitch/PropertySwitch.vue
@@ -0,0 +1,405 @@
+<template>
+  <div
+    class="property-switch"
+    :style="style"
+  >
+    <div
+      class="property-switch__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+
+    <div class="property-switch__body">
+      <div
+        class="property-switch__value"
+        :style="valueStyle"
+      >
+        {{ switchDisplayValue }}
+      </div>
+
+      <div class="property-switch__switch-wrap">
+        <a-switch
+          :checked="switchChecked"
+          :style="switchStyle"
+          @change="handleSwitchChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail, executeFunctions } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { onlyMessage } from '@jetlinks-web/utils'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+defineOptions({
+  name: 'PropertySwitch'
+})
+
+interface PropertySwitchComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  valueColor?: string
+  valueFontSize?: number
+  activeColor?: string
+  inactiveColor?: string
+  trueLabel?: string
+  falseLabel?: string
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+  functionId?: string
+  paramId?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const config = computed<PropertySwitchComponentConfig>(() => {
+  return (props.info?.componentProps?.propertySwitch as PropertySwitchComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() =>
+  isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')
+)
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const propertyValueType = computed(() => selectedProperty.value?.valueType || {})
+
+const displayTitle = computed(() => {
+  const propertyTitle = config.value.propertyName || selectedProperty.value?.name || config.value.title || 'Switch'
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const toBoolean = (value: unknown, trueValue?: unknown, falseValue?: unknown) => {
+  if (value === undefined || value === null) return false
+
+  if (trueValue !== undefined && String(value) === String(trueValue)) return true
+  if (falseValue !== undefined && String(value) === String(falseValue)) return false
+
+  if (typeof value === 'boolean') return value
+  const normalized = String(value).toLowerCase()
+  if (normalized === 'true' || normalized === '1' || normalized === 'on') return true
+  if (normalized === 'false' || normalized === '0' || normalized === 'off') return false
+
+  return Boolean(value)
+}
+
+const trueValue = computed(() => propertyValueType.value?.trueValue ?? true)
+const falseValue = computed(() => propertyValueType.value?.falseValue ?? false)
+const boolValue = computed(() => toBoolean(rawValue.value, trueValue.value, falseValue.value))
+
+const switchChecked = ref(boolValue.value)
+const isUserSwitching = ref(false)
+
+watch(boolValue, (val) => {
+  if (isUserSwitching.value) return
+  switchChecked.value = val
+})
+
+const switchDisplayValue = computed(() => {
+  return switchChecked.value ? config.value.trueLabel || 'ON' : config.value.falseLabel || 'OFF'
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const valueStyle = computed(() => ({
+  color: config.value.valueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.valueFontSize || 24)}px`
+}))
+
+const switchStyle = computed(() => ({
+  '--switch-color': config.value.activeColor || '#0f766e',
+  '--switch-inactive-color': config.value.inactiveColor || '#d9d9d9'
+}))
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-switch-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+const executeFunc = async (checked: boolean) => {
+  const deviceId = runtimeDeviceId.value
+  const functionId = String(config.value.functionId || '')
+  const paramId = String(config.value.paramId || '')
+
+  if (!deviceId || !functionId || !paramId || props.isEdit) {
+    return
+  }
+
+  try {
+    const res = await executeFunctions(deviceId, functionId, {
+      [paramId]: checked
+    })
+
+    if (res.status === 200) {
+      onlyMessage('操作成功')
+    }
+  } catch (e) {
+    onlyMessage('操作失败', 'error')
+  }
+}
+
+const handleSwitchChange = async (checked: boolean) => {
+  isUserSwitching.value = true
+  switchChecked.value = checked
+  await executeFunc(checked)
+  isUserSwitching.value = false
+}
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-switch {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-switch__title {
+  width: 100%;
+  min-height: 22px;
+  line-height: 1.4;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-switch__body {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.property-switch__value {
+  line-height: 1;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.property-switch__switch-wrap {
+  flex-shrink: 0;
+}
+
+.property-switch__switch-wrap :deep(.ant-switch) {
+  background-color: var(--switch-inactive-color);
+}
+
+.property-switch__switch-wrap :deep(.ant-switch.ant-switch-checked) {
+  background-color: var(--switch-color);
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertySwitch/config.ts b/visDashboard/MetadataManagement/PropertySwitch/config.ts
new file mode 100644
index 0000000..f5ff72d
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySwitch/config.ts
@@ -0,0 +1,35 @@
+export const propertySwitchConfig = {
+  name: '属性开关',
+  type: 'propertySwitch',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 4,
+      minW: 2,
+      minH: 3
+    },
+    propertySwitch: {
+      title: 'Switch',
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 24,
+      activeColor: '#0f766e',
+      inactiveColor: '#d9d9d9',
+      trueLabel: 'ON',
+      falseLabel: 'OFF',
+      deviceId: '',
+      deviceName: '',
+      propertyId: undefined,
+      propertyName: '',
+      functionId: undefined,
+      paramId: undefined
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertySwitch/index.ts b/visDashboard/MetadataManagement/PropertySwitch/index.ts
new file mode 100644
index 0000000..6cfffcb
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertySwitch/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertySwitchConfig } from './config'
+
+const PropertySwitch = {
+  name: 'propertySwitch',
+  component: defineAsyncComponent(() => import('./PropertySwitch.vue'))
+}
+
+const PropertySwitchConfig = [
+  {
+    name: 'propertySwitch',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertySwitchConfigProps = {
+  ...propertySwitchConfig
+}
+
+export { PropertySwitch, PropertySwitchConfig, PropertySwitchConfigProps }

From 3cce9d47b1723411b6f26ff6765791c7b0d54703 Mon Sep 17 00:00:00 2001
From: "hear." <1175160654@qq.com>
Date: Tue, 28 Apr 2026 13:48:22 +0800
Subject: [PATCH 2/4] =?UTF-8?q?fix:=20=E4=BB=AA=E8=A1=A8=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=8F=8A=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../IndividualCard/Config.vue                 |  21 +-
 .../IndividualCard/IndividualCard.vue         |   2 +-
 .../IndividualCard/config.ts                  |   2 +-
 .../PropertyBattery/Config.vue                |   3 +
 .../PropertyBattery/PropertyBattery.vue       |   2 +-
 .../PropertyBattery/config.ts                 |   2 +-
 .../PropertyChart/Config.vue                  |   3 +
 .../PropertyChart/PropertyChart.vue           |   2 +-
 .../PropertyEnum/Config.vue                   | 382 ++++++++++++
 .../PropertyEnum/PropertyEnum.vue             | 491 ++++++++++++++++
 .../MetadataManagement/PropertyEnum/config.ts |  40 ++
 .../MetadataManagement/PropertyEnum/index.ts  |  20 +
 .../MetadataManagement/PropertyPie/Config.vue | 281 +++++++++
 .../PropertyPie/PropertyPie.vue               | 545 ++++++++++++++++++
 .../MetadataManagement/PropertyPie/config.ts  |  39 ++
 .../MetadataManagement/PropertyPie/index.ts   |  20 +
 .../PropertyProgress/Config.vue               |   3 +
 .../PropertyProgress/PropertyProgress.vue     |   2 +-
 .../PropertyProgress/config.ts                |   2 +-
 .../PropertySignal/Config.vue                 |   3 +
 .../PropertySignal/PropertySignal.vue         |   2 +-
 .../PropertySignal/config.ts                  |   2 +-
 .../PropertySlider/Config.vue                 |   3 +
 .../PropertySlider/PropertySlider.vue         |   2 +-
 .../PropertySwitch/Config.vue                 |   2 +-
 25 files changed, 1847 insertions(+), 29 deletions(-)
 create mode 100644 visDashboard/MetadataManagement/PropertyEnum/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyEnum/PropertyEnum.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyEnum/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyEnum/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyPie/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyPie/PropertyPie.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyPie/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyPie/index.ts

diff --git a/visDashboard/MetadataManagement/IndividualCard/Config.vue b/visDashboard/MetadataManagement/IndividualCard/Config.vue
index 55f7450..5f38065 100644
--- a/visDashboard/MetadataManagement/IndividualCard/Config.vue
+++ b/visDashboard/MetadataManagement/IndividualCard/Config.vue
@@ -56,8 +56,6 @@
       />
     </config-item>
 
-
-
     <config-item label="属性值样式">
       <div class="card-container-row">
         <ColorPicker
@@ -97,22 +95,6 @@
         />
       </div>
     </config-item>
-    <!-- <config-item label="默认值">
-      <a-input
-        v-model:value="config.value"
-        placeholder="请输入默认值"
-        style="width: 100%"
-        @change="onChange"
-      />
-    </config-item>
-    <config-item label="标题">
-      <a-input
-        v-model:value="config.title"
-        placeholder="请输入标题"
-        style="width: 100%"
-        @change="onChange"
-      />
-    </config-item> -->
     <config-item
       v-if="isProduct"
       label="设备"
@@ -272,6 +254,9 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
 }
 
 .card-container-row {
diff --git a/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue b/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue
index b633c63..22d6df9 100644
--- a/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue
+++ b/visDashboard/MetadataManagement/IndividualCard/IndividualCard.vue
@@ -157,7 +157,7 @@ const displayValue = computed(() => {
   if (value === undefined || value === null || value === '') {
     const fallback = config.value.value
     if (fallback === undefined || fallback === null || fallback === '') {
-      return 'N/A'
+      return '--'
     }
     return String(fallback)
   }
diff --git a/visDashboard/MetadataManagement/IndividualCard/config.ts b/visDashboard/MetadataManagement/IndividualCard/config.ts
index aede1ec..0669203 100644
--- a/visDashboard/MetadataManagement/IndividualCard/config.ts
+++ b/visDashboard/MetadataManagement/IndividualCard/config.ts
@@ -21,7 +21,7 @@
       iconSize: 32,
       titleColor: 'rgba(0, 0, 0, 0.88)',
       titleFontSize: 32,
-      value: 'N/A',
+      value: '',
       valueColor: 'rgba(0, 0, 0, 0.88)',
       valueFontSize: 32,
       unit: '',
diff --git a/visDashboard/MetadataManagement/PropertyBattery/Config.vue b/visDashboard/MetadataManagement/PropertyBattery/Config.vue
index 912afa9..7660c7f 100644
--- a/visDashboard/MetadataManagement/PropertyBattery/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyBattery/Config.vue
@@ -275,6 +275,9 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+   :deep(.config-form-item-content) {
+    padding: 0;
+  }
 }
 
 .card-container-row {
diff --git a/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue b/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue
index 5dcde17..8dd99a1 100644
--- a/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue
+++ b/visDashboard/MetadataManagement/PropertyBattery/PropertyBattery.vue
@@ -164,7 +164,7 @@ const displayValue = computed(() => {
   if (value === undefined || value === null || value === '') {
     const fallback = config.value.value
     if (fallback === undefined || fallback === null || fallback === '') {
-      return 'N/A'
+      return '--'
     }
     return String(fallback)
   }
diff --git a/visDashboard/MetadataManagement/PropertyBattery/config.ts b/visDashboard/MetadataManagement/PropertyBattery/config.ts
index 14e745b..b4584cd 100644
--- a/visDashboard/MetadataManagement/PropertyBattery/config.ts
+++ b/visDashboard/MetadataManagement/PropertyBattery/config.ts
@@ -17,7 +17,7 @@ export const propertyBatteryConfig = {
     propertyBattery: {
       titleColor: 'rgba(0, 0, 0, 0.88)',
       titleFontSize: 16,
-      value: 'N/A',
+      value: '',
       valueColor: 'rgba(0, 0, 0, 0.88)',
       valueFontSize: 32,
       unit: '%',
diff --git a/visDashboard/MetadataManagement/PropertyChart/Config.vue b/visDashboard/MetadataManagement/PropertyChart/Config.vue
index cf4b8c0..9256f60 100644
--- a/visDashboard/MetadataManagement/PropertyChart/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyChart/Config.vue
@@ -241,6 +241,9 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+   :deep(.config-form-item-content) {
+    padding: 0;
+  }
 }
 
 .card-container-row {
diff --git a/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue b/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue
index f18f622..16412d4 100644
--- a/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue
+++ b/visDashboard/MetadataManagement/PropertyChart/PropertyChart.vue
@@ -176,7 +176,7 @@ const displayValue = computed(() => {
   const value = currentRawValue.value
 
   if (value === undefined || value === null || value === '') {
-    return 'N/A'
+    return '--'
   }
 
   return String(value)
diff --git a/visDashboard/MetadataManagement/PropertyEnum/Config.vue b/visDashboard/MetadataManagement/PropertyEnum/Config.vue
new file mode 100644
index 0000000..b6fb83e
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyEnum/Config.vue
@@ -0,0 +1,382 @@
+<template>
+  <div class="card-container">
+
+   
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="propertyOptions"
+        placeholder="请选择属性(enum)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onPropertyChange"
+      />
+    </config-item>
+
+    <config-item label="功能">
+      <a-select
+        v-model:value="config.functionId"
+        :options="functionOptions"
+        placeholder="请选择功能"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onFunctionChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="config.functionId"
+      label="参数"
+    >
+      <a-select
+        v-model:value="config.paramId"
+        :options="paramOptions"
+        placeholder="请选择参数(enum)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+     <a-divider />
+         <config-item label="图标">
+      <IconLibrary
+        v-model:type="config.icon"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="图标样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.iconColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.iconSize"
+          :min="12"
+          :max="48"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="枚举值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="12"
+          :max="48"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <div class="color-grid">
+      <config-item label="选中背景色">
+        <ColorPicker
+          v-model:value="config.activeColor"
+          :isInput="false"
+          theme="white"
+          @change="onChange"
+        />
+      </config-item>
+
+      <config-item
+        label="未选中背景色"
+        label-width="90px"
+      >
+        <ColorPicker
+          v-model:value="config.inactiveColor"
+          :isInput="false"
+          theme="white"
+          @change="onChange"
+        />
+      </config-item>
+
+      <config-item label="选中文字色">
+        <ColorPicker
+          v-model:value="config.activeTextColor"
+          :isInput="false"
+          theme="white"
+          @change="onChange"
+        />
+      </config-item>
+
+      <config-item
+        label="未选中文字色"
+        label-width="90px"
+      >
+        <ColorPicker
+          v-model:value="config.inactiveTextColor"
+          :isInput="false"
+          theme="white"
+          @change="onChange"
+        />
+      </config-item>
+
+      <config-item label="边框颜色">
+        <ColorPicker
+          v-model:value="config.borderColor"
+          :isInput="false"
+          theme="white"
+          @change="onChange"
+        />
+      </config-item>
+    </div>
+
+    <config-item label="圆角">
+      <a-input-number
+        v-model:value="config.borderRadius"
+        :min="0"
+        :max="24"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import IconLibrary from '@jetlinks-web-core/components/IconLibrary/index.vue'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyEnumConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyEnum'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string, key: string = 'properties') => {
+  try {
+    return JSON.parse(str || '{}')[key] || []
+  } catch (e) {
+    return []
+  }
+}
+
+const isEnumType = (item: any) => String(item?.valueType?.type || '').toLowerCase() === 'enum'
+
+const propertyOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties
+      .filter((item: any) => isEnumType(item))
+      .map((item: any) => ({
+        ...item,
+        label: item.name,
+        value: item.id
+      }))
+  } catch (e) {
+    return []
+  }
+})
+
+const functionOptions = computed(() => {
+  try {
+    let functions = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      functions = strToJson(productStore.detail.metadata, 'functions')
+      if (hasTarget) {
+        functions.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata, 'functions'))
+      }
+    } else {
+      functions = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata, 'functions')
+    }
+
+    return functions.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const paramOptions = computed(() => {
+  const functionId = config.value.functionId
+  if (!functionId) return []
+
+  const currentFunction = functionOptions.value.find((item: any) => item.value === functionId)
+  const inputs = currentFunction?.inputs || []
+
+  return inputs
+    .filter((item: any) => isEnumType(item))
+    .map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = undefined
+  config.value.propertyName = ''
+  config.value.functionId = undefined
+  config.value.paramId = undefined
+  emitChange()
+}
+
+const onPropertyChange = (value: string) => {
+  const option = propertyOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const onFunctionChange = () => {
+  config.value.paramId = undefined
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertyEnumConfig.componentProps.propertyEnum,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.color-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyEnum/PropertyEnum.vue b/visDashboard/MetadataManagement/PropertyEnum/PropertyEnum.vue
new file mode 100644
index 0000000..dee604c
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyEnum/PropertyEnum.vue
@@ -0,0 +1,491 @@
+<template>
+  <div
+    class="property-enum"
+    :style="style"
+  >
+    <div
+      class="property-enum__title"
+      :style="titleStyle"
+      :title="displayTitle"
+    >
+      {{ displayTitle }}
+    </div>
+
+    <div class="property-enum__body">
+      <div
+        v-if="enumOptions.length"
+        class="property-enum__options"
+        :style="optionsStyle"
+      >
+        <div
+          v-for="option in enumOptions"
+          :key="String(option.value)"
+          class="property-enum__option"
+          :class="{
+            'property-enum__option--active': isOptionActive(option.value),
+            'property-enum__option--disabled': props.isEdit || !canExecute
+          }"
+          :style="getOptionStyle(option.value)"
+          @click="handleOptionClick(option.value)"
+        >
+          <AIcon
+            :type="config.icon || 'RocketOutlined'"
+            class="property-enum__option-icon"
+            :style="iconStyle"
+          />
+          <span>{{ option.text }}</span>
+        </div>
+      </div>
+
+      <a-empty
+        v-else
+        :image="Empty.PRESENTED_IMAGE_SIMPLE"
+        description="暂无枚举项"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { Empty } from 'ant-design-vue'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail, executeFunctions } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { onlyMessage } from '@jetlinks-web/utils'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+defineOptions({
+  name: 'PropertyEnum'
+})
+
+interface EnumItem {
+  text?: string
+  label?: string
+  value?: string | number | boolean
+}
+
+interface PropertyEnumComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  icon?: string
+  iconColor?: string
+  iconSize?: number
+  valueColor?: string
+  valueFontSize?: number
+  activeColor?: string
+  inactiveColor?: string
+  activeTextColor?: string
+  inactiveTextColor?: string
+  borderColor?: string
+  borderRadius?: number
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+  functionId?: string
+  paramId?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+const pendingValue = ref<unknown>()
+const isUserSelecting = ref(false)
+
+const config = computed<PropertyEnumComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyEnum as PropertyEnumComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() =>
+  isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')
+)
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const selectedProperty = computed(() => {
+  const id = String(config.value.propertyId || '')
+  if (!id) return undefined
+  return dataSource.value.find((item) => String(item.id || '') === id)
+})
+
+const propertyValueType = computed(() => selectedProperty.value?.valueType || {})
+
+const enumOptions = computed(() => {
+  const elements = propertyValueType.value?.elements || []
+  return (elements as EnumItem[]).map((item) => ({
+    text: item.text ?? item.label ?? String(item.value ?? ''),
+    value: item.value
+  }))
+})
+
+const displayTitle = computed(() => {
+  const propertyTitle = config.value.propertyName || selectedProperty.value?.name || config.value.title || 'Enum'
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+
+  return deviceName ? `${deviceName}(${propertyTitle})` : propertyTitle
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const currentValue = computed(() => {
+  if (isUserSelecting.value && pendingValue.value !== undefined) {
+    return pendingValue.value
+  }
+  return rawValue.value
+})
+
+const canExecute = computed(() => {
+  return Boolean(runtimeDeviceId.value && config.value.functionId && config.value.paramId)
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const optionsStyle = computed(() => ({
+  '--property-enum-border-color': config.value.borderColor || '#0f766e',
+  '--property-enum-border-radius': `${Number(config.value.borderRadius || 8)}px`
+}))
+
+const iconStyle = computed(() => ({
+  color: config.value.iconColor || 'currentColor',
+  fontSize: `${Number(config.value.iconSize || 16)}px`
+}))
+
+const isOptionActive = (value: unknown) => String(currentValue.value) === String(value)
+
+const getOptionStyle = (value: unknown) => {
+  const active = isOptionActive(value)
+
+  return {
+    backgroundColor: active ? config.value.activeColor || '#0f766e' : config.value.inactiveColor || '#ffffff',
+    color: active ? config.value.activeTextColor || '#ffffff' : config.value.inactiveTextColor || 'rgba(0, 0, 0, 0.88)',
+    fontSize: `${Number(config.value.valueFontSize || 18)}px`
+  }
+}
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-enum-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+  pendingValue.value = undefined
+  isUserSelecting.value = false
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+const executeFunc = async (value: unknown) => {
+  const deviceId = runtimeDeviceId.value
+  const functionId = String(config.value.functionId || '')
+  const paramId = String(config.value.paramId || '')
+
+  if (!deviceId || !functionId || !paramId || props.isEdit) {
+    return
+  }
+
+  try {
+    const res = await executeFunctions(deviceId, functionId, {
+      [paramId]: value
+    })
+
+    if (res.status === 200) {
+      onlyMessage('操作成功')
+    }
+  } catch (e) {
+    onlyMessage('操作失败', 'error')
+    throw e
+  }
+}
+
+const handleOptionClick = async (value: unknown) => {
+  if (props.isEdit || !canExecute.value || isOptionActive(value)) {
+    return
+  }
+
+  isUserSelecting.value = true
+  pendingValue.value = value
+
+  try {
+    await executeFunc(value)
+  } catch (e) {
+    pendingValue.value = rawValue.value
+  } finally {
+    setTimeout(() => {
+      isUserSelecting.value = false
+      pendingValue.value = undefined
+    }, 500)
+  }
+}
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  rawValue,
+  () => {
+    if (isUserSelecting.value) return
+    pendingValue.value = undefined
+  }
+)
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-enum {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.property-enum__title {
+  width: 100%;
+  min-height: 22px;
+  line-height: 1.4;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-enum__body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  justify-content: center;
+  flex: 1;
+  align-items: center;
+}
+
+.property-enum__options {
+  display: flex;
+  align-items: stretch;
+  width: fit-content;
+  max-width: 100%;
+  border: 1px solid var(--property-enum-border-color);
+  border-radius: var(--property-enum-border-radius);
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.15);
+}
+
+.property-enum__option {
+  min-width: 96px;
+  max-width: 180px;
+  padding: 12px 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  user-select: none;
+}
+
+.property-enum__option + .property-enum__option {
+  border-left: 1px solid rgba(15, 118, 110, 0.16);
+}
+
+.property-enum__option:hover {
+  filter: brightness(0.98);
+}
+
+.property-enum__option--active {
+  box-shadow: inset 0 0 0 1px transparent;
+}
+
+.property-enum__option--disabled {
+  cursor: not-allowed;
+  opacity: 0.72;
+}
+
+.property-enum__option-icon {
+  line-height: 1;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyEnum/config.ts b/visDashboard/MetadataManagement/PropertyEnum/config.ts
new file mode 100644
index 0000000..633866e
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyEnum/config.ts
@@ -0,0 +1,40 @@
+export const propertyEnumConfig = {
+  name: '属性枚举控制器',
+  type: 'propertyEnum',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 4,
+      h: 4,
+      minW: 2,
+      minH: 3
+    },
+    propertyEnum: {
+      title: 'Enum',
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      icon: 'RocketOutlined',
+      iconColor: 'currentColor',
+      iconSize: 16,
+      valueColor: 'rgba(0, 0, 0, 0.88)',
+      valueFontSize: 18,
+      activeColor: '#0f766e',
+      inactiveColor: '#ffffff',
+      activeTextColor: '#ffffff',
+      inactiveTextColor: 'rgba(0, 0, 0, 0.88)',
+      borderColor: '#0f766e',
+      borderRadius: 8,
+      deviceId: '',
+      deviceName: '',
+      propertyId: undefined,
+      propertyName: '',
+      functionId: undefined,
+      paramId: undefined
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyEnum/index.ts b/visDashboard/MetadataManagement/PropertyEnum/index.ts
new file mode 100644
index 0000000..e1fc369
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyEnum/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyEnumConfig } from './config'
+
+const PropertyEnum = {
+  name: 'propertyEnum',
+  component: defineAsyncComponent(() => import('./PropertyEnum.vue'))
+}
+
+const PropertyEnumConfig = [
+  {
+    name: 'propertyEnum',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyEnumConfigProps = {
+  ...propertyEnumConfig
+}
+
+export { PropertyEnum, PropertyEnumConfig, PropertyEnumConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyPie/Config.vue b/visDashboard/MetadataManagement/PropertyPie/Config.vue
new file mode 100644
index 0000000..054348c
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyPie/Config.vue
@@ -0,0 +1,281 @@
+<template>
+  <div class="card-container">
+    <config-item label="标题">
+      <a-input
+        v-model:value="config.title"
+        placeholder="请输入标题"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="60"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="总计文案">
+      <a-input
+        v-model:value="config.totalLabel"
+        placeholder="请输入总计文案"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="总计文案样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.totalLabelColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.totalLabelFontSize"
+          :min="10"
+          :max="40"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="总计数值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.totalValueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.totalValueFontSize"
+          :min="14"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="空数据颜色">
+      <ColorPicker
+        v-model:value="config.emptyColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="环宽">
+      <a-input-number
+        v-model:value="config.ringWidth"
+        :min="8"
+        :max="40"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyIds"
+        mode="multiple"
+        :maxTagCount="2"
+        :options="propertyOptions"
+        placeholder="请选择属性(最多5个)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onPropertiesChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { onlyMessage } from '@jetlinks-web/utils'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyPieConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyPie'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const numericTypes = new Set(['int', 'long', 'float', 'double', 'short', 'byte', 'decimal', 'number'])
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string, key: string = 'properties') => {
+  try {
+    return JSON.parse(str || '{}')[key] || []
+  } catch (e) {
+    return []
+  }
+}
+
+const propertyOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties
+      .filter((item: any) => numericTypes.has(String(item?.valueType?.type || '').toLowerCase()))
+      .map((item: any) => ({
+        ...item,
+        label: item.name,
+        value: item.id
+      }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyIds = []
+  config.value.propertyNames = []
+  emitChange()
+}
+
+const onPropertiesChange = (values: string[]) => {
+  const nextValues = (values || []).slice(0, 5)
+
+  if ((values || []).length > 5) {
+    onlyMessage('最多选择5个属性', 'warning')
+  }
+
+  const optionsMap = new Map(propertyOptions.value.map((item: any) => [item.value, item.label]))
+  config.value.propertyIds = nextValues
+  config.value.propertyNames = nextValues.map((id) => optionsMap.get(id) || id)
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    const merged = cloneDeep({
+      ...propertyPieConfig.componentProps.propertyPie,
+      ...(newVal || {})
+    })
+
+    merged.propertyIds = Array.isArray(merged.propertyIds) ? merged.propertyIds.slice(0, 5) : []
+    merged.propertyNames = Array.isArray(merged.propertyNames) ? merged.propertyNames.slice(0, 5) : []
+    config.value = merged
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyPie/PropertyPie.vue b/visDashboard/MetadataManagement/PropertyPie/PropertyPie.vue
new file mode 100644
index 0000000..a6a5718
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyPie/PropertyPie.vue
@@ -0,0 +1,545 @@
+<template>
+  <div
+    class="property-pie"
+    :style="style"
+  >
+    <div class="property-pie__header">
+      <div
+        class="property-pie__title"
+        :style="titleStyle"
+        :title="displayTitle"
+      >
+        {{ displayTitle }}
+      </div>
+      <!-- <div class="property-pie__badge">
+        latest
+      </div> -->
+    </div>
+
+    <div class="property-pie__content">
+      <div class="property-pie__chart">
+        <v-chart
+          :option="chartOption"
+          autoresize
+        />
+        <div class="property-pie__center">
+          <div
+            class="property-pie__center-label"
+            :style="totalLabelStyle"
+          >
+            {{ config.totalLabel || 'Total' }}
+          </div>
+          <div
+            class="property-pie__center-value"
+            :style="totalValueStyle"
+          >
+            {{ totalValue }}
+          </div>
+        </div>
+      </div>
+
+      <div class="property-pie__legend">
+        <div
+          v-for="item in displayItems"
+          :key="item.id"
+          class="property-pie__legend-item"
+        >
+          <div class="property-pie__legend-main">
+            <span
+              class="property-pie__legend-dot"
+              :style="{ backgroundColor: item.color }"
+            />
+            <span
+              class="property-pie__legend-name"
+              :title="item.name"
+            >
+              {{ item.name }}
+            </span>
+          </div>
+          <span class="property-pie__legend-value">
+            {{ item.displayValue }}
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { use } from 'echarts/core'
+import { PieChart } from 'echarts/charts'
+import { TooltipComponent } from 'echarts/components'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+use([CanvasRenderer, PieChart, TooltipComponent])
+
+defineOptions({
+  name: 'PropertyPie'
+})
+
+interface PropertyPieComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  totalLabel?: string
+  totalLabelColor?: string
+  totalLabelFontSize?: number
+  totalValueColor?: string
+  totalValueFontSize?: number
+  emptyColor?: string
+  ringWidth?: number
+  deviceId?: string
+  deviceName?: string
+  propertyIds?: string[]
+  propertyNames?: string[]
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+interface DisplayItem {
+  id: string
+  name: string
+  value: number
+  displayValue: string
+  color: string
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const runtimeDeviceName = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const colors = ['#16a34a', '#ff5d6c', '#60a5fa', '#f59e0b', '#8b5cf6']
+
+const config = computed<PropertyPieComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyPie as PropertyPieComponentConfig) || {}
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+const selectedPropertyIds = computed(() => (config.value.propertyIds || []).slice(0, 5).map((id) => String(id)))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const defaultItems = computed<DisplayItem[]>(() => [
+  { id: 'demo-1', name: 'Wind power', value: 0, displayValue: '--', color: colors[0] },
+  { id: 'demo-2', name: 'Solar power', value: 0, displayValue: '--', color: colors[1] }
+])
+
+const displayTitle = computed(() => {
+  const title = config.value.title || 'Doughnut'
+  const deviceName = config.value.deviceName || runtimeDeviceName.value
+  return deviceName ? `${deviceName}(${title})` : title
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 16)}px`
+}))
+
+const totalLabelStyle = computed(() => ({
+  color: config.value.totalLabelColor || 'rgba(0, 0, 0, 0.45)',
+  fontSize: `${Number(config.value.totalLabelFontSize || 14)}px`
+}))
+
+const totalValueStyle = computed(() => ({
+  color: config.value.totalValueColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.totalValueFontSize || 34)}px`
+}))
+
+const toNumber = (value: unknown) => {
+  const numberValue = Number(value)
+  return Number.isFinite(numberValue) ? numberValue : 0
+}
+
+const formatValue = (value: number) => {
+  if (!Number.isFinite(value)) return '--'
+  if (Number.isInteger(value)) return String(value)
+  return value.toFixed(2)
+}
+
+const displayItems = computed<DisplayItem[]>(() => {
+  if (!selectedPropertyIds.value.length) {
+    return defaultItems.value
+  }
+
+  return selectedPropertyIds.value.map((id, index) => {
+    const property = propertyMap.value.get(id)
+    const value = toNumber(propertyValue.value[id]?.value)
+    return {
+      id,
+      name: property?.name || config.value.propertyNames?.[index] || id,
+      value,
+      displayValue: formatValue(value),
+      color: colors[index % colors.length]
+    }
+  })
+})
+
+const totalValue = computed(() => {
+  const total = displayItems.value.reduce((sum, item) => sum + item.value, 0)
+  return formatValue(total)
+})
+
+const pieData = computed(() => {
+  const items = displayItems.value.filter((item) => item.value > 0)
+  if (!items.length) {
+    return [
+      {
+        value: 1,
+        name: 'empty',
+        itemStyle: {
+          color: config.value.emptyColor || '#d9d9d9'
+        }
+      }
+    ]
+  }
+
+  return displayItems.value.map((item) => ({
+    value: item.value <= 0 ? 0.0001 : item.value,
+    name: item.name,
+    itemStyle: {
+      color: item.color
+    }
+  }))
+})
+
+const chartOption = computed(() => {
+  const ringWidth = Number(config.value.ringWidth || 16)
+  const innerRadius = Math.max(0, 72 - ringWidth)
+
+  return {
+    animation: false,
+    tooltip: {
+      trigger: 'item',
+      appendToBody: true
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: [`${innerRadius}%`, '72%'],
+        center: ['50%', '50%'],
+        avoidLabelOverlap: false,
+        label: { show: false },
+        labelLine: { show: false },
+        itemStyle: {
+          borderColor: '#fff',
+          borderWidth: 4,
+          borderRadius: 10
+        },
+        roundCap: true,
+        data: pieData.value
+      }
+    ]
+  }
+})
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-pie-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    runtimeDeviceName.value = String(instanceStore.current.name || instanceStore.detail.name || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    runtimeDeviceName.value = ''
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+  runtimeDeviceName.value = String(response.result?.name || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  dataSource.value = selectedPropertyIds.value
+    .map((id) => propertyMap.value.get(id))
+    .filter(Boolean) as Record<string, any>[]
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, selectedPropertyIds.value.join(',')],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="less">
+.property-pie {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 14px;
+  background-color: #fff;
+  overflow: hidden;
+  border-radius: 4px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
+}
+
+.property-pie__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.property-pie__title {
+  min-width: 0;
+  font-weight: 600;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-pie__badge {
+  flex-shrink: 0;
+  padding: 2px 8px;
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.06);
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.property-pie__content {
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-columns: minmax(140px, 1.2fr) minmax(120px, 1fr);
+  gap: 12px;
+  align-items: center;
+}
+
+.property-pie__chart {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 180px;
+}
+
+.property-pie__center {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.property-pie__center-label {
+  line-height: 1.2;
+}
+
+.property-pie__center-value {
+  margin-top: 4px;
+  line-height: 1;
+  font-weight: 700;
+}
+
+.property-pie__legend {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  min-width: 0;
+}
+
+.property-pie__legend-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  min-width: 0;
+}
+
+.property-pie__legend-main {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.property-pie__legend-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.property-pie__legend-name {
+  min-width: 0;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-pie__legend-value {
+  flex-shrink: 0;
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyPie/config.ts b/visDashboard/MetadataManagement/PropertyPie/config.ts
new file mode 100644
index 0000000..8b17cee
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyPie/config.ts
@@ -0,0 +1,39 @@
+export const propertyPieConfig = {
+  name: '属性环形图',
+  type: 'propertyPie',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 7,
+      // minW: 4,
+      // minH: 3
+    },
+    propertyPie: {
+      title: 'Doughnut',
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 16,
+      totalLabel: 'Total',
+      totalLabelColor: 'rgba(0, 0, 0, 0.45)',
+      totalLabelFontSize: 14,
+      totalValueColor: 'rgba(0, 0, 0, 0.88)',
+      totalValueFontSize: 34,
+      emptyColor: '#d9d9d9',
+      ringWidth: 16,
+      deviceId: '',
+      deviceName: '',
+      propertyIds: [],
+      propertyNames: []
+    }
+  },
+  dataSourceProps: [],
+  extraProps: {
+    type: 'device',
+    options: []
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyPie/index.ts b/visDashboard/MetadataManagement/PropertyPie/index.ts
new file mode 100644
index 0000000..270d0e5
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyPie/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyPieConfig } from './config'
+
+const PropertyPie = {
+  name: 'propertyPie',
+  component: defineAsyncComponent(() => import('./PropertyPie.vue'))
+}
+
+const PropertyPieConfig = [
+  {
+    name: 'propertyPie',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyPieConfigProps = {
+  ...propertyPieConfig
+}
+
+export { PropertyPie, PropertyPieConfig, PropertyPieConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyProgress/Config.vue b/visDashboard/MetadataManagement/PropertyProgress/Config.vue
index 9c4d5b6..54cb2ec 100644
--- a/visDashboard/MetadataManagement/PropertyProgress/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyProgress/Config.vue
@@ -255,6 +255,9 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+   :deep(.config-form-item-content) {
+    padding: 0;
+  }
 }
 
 .card-container-row {
diff --git a/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue b/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue
index fac827c..1c605ab 100644
--- a/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue
+++ b/visDashboard/MetadataManagement/PropertyProgress/PropertyProgress.vue
@@ -169,7 +169,7 @@ const displayValue = computed(() => {
   if (value === undefined || value === null || value === '') {
     const fallback = config.value.value
     if (fallback === undefined || fallback === null || fallback === '') {
-      return 'N/A'
+      return '--'
     }
     return String(fallback)
   }
diff --git a/visDashboard/MetadataManagement/PropertyProgress/config.ts b/visDashboard/MetadataManagement/PropertyProgress/config.ts
index 8e749f5..5d58be7 100644
--- a/visDashboard/MetadataManagement/PropertyProgress/config.ts
+++ b/visDashboard/MetadataManagement/PropertyProgress/config.ts
@@ -18,7 +18,7 @@ export const propertyProgressConfig = {
       title: '',
       titleColor: 'rgba(0, 0, 0, 0.88)',
       titleFontSize: 16,
-      value: 'N/A',
+      value: '',
       valueColor: 'rgba(0, 0, 0, 0.88)',
       valueFontSize: 24,
       unit: '',
diff --git a/visDashboard/MetadataManagement/PropertySignal/Config.vue b/visDashboard/MetadataManagement/PropertySignal/Config.vue
index f1fd259..94ac073 100644
--- a/visDashboard/MetadataManagement/PropertySignal/Config.vue
+++ b/visDashboard/MetadataManagement/PropertySignal/Config.vue
@@ -266,6 +266,9 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+   :deep(.config-form-item-content) {
+    padding: 0;
+  }
 }
 
 .card-container-row {
diff --git a/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue b/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue
index ab87e36..543ce46 100644
--- a/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue
+++ b/visDashboard/MetadataManagement/PropertySignal/PropertySignal.vue
@@ -159,7 +159,7 @@ const displayValue = computed(() => {
   if (value === undefined || value === null || value === '') {
     const fallback = config.value.value
     if (fallback === undefined || fallback === null || fallback === '') {
-      return 'N/A'
+      return '--'
     }
     return String(fallback)
   }
diff --git a/visDashboard/MetadataManagement/PropertySignal/config.ts b/visDashboard/MetadataManagement/PropertySignal/config.ts
index 1a41d5f..9af4c1a 100644
--- a/visDashboard/MetadataManagement/PropertySignal/config.ts
+++ b/visDashboard/MetadataManagement/PropertySignal/config.ts
@@ -17,7 +17,7 @@ export const propertySignalConfig = {
     propertySignal: {
       titleColor: 'rgba(0, 0, 0, 0.88)',
       titleFontSize: 16,
-      value: 'N/A',
+      value: '',
       valueColor: 'rgba(0, 0, 0, 0.88)',
       valueFontSize: 28,
       unit: '%',
diff --git a/visDashboard/MetadataManagement/PropertySlider/Config.vue b/visDashboard/MetadataManagement/PropertySlider/Config.vue
index bbed66a..c84a71c 100644
--- a/visDashboard/MetadataManagement/PropertySlider/Config.vue
+++ b/visDashboard/MetadataManagement/PropertySlider/Config.vue
@@ -332,6 +332,9 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+   :deep(.config-form-item-content) {
+    padding: 0;
+  }
 }
 
 .card-container-row {
diff --git a/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue b/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue
index dd77681..4b13de4 100644
--- a/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue
+++ b/visDashboard/MetadataManagement/PropertySlider/PropertySlider.vue
@@ -194,7 +194,7 @@ watch(numericValue, (val) => {
 
 const sliderDisplayValue = computed(() => {
   const val = sliderValue.value
-  if (val === undefined || val === null) return 'N/A'
+  if (val === undefined || val === null) return '--'
   return `${Math.round(Number(val))}`
 })
 
diff --git a/visDashboard/MetadataManagement/PropertySwitch/Config.vue b/visDashboard/MetadataManagement/PropertySwitch/Config.vue
index 1a5af75..805cfe9 100644
--- a/visDashboard/MetadataManagement/PropertySwitch/Config.vue
+++ b/visDashboard/MetadataManagement/PropertySwitch/Config.vue
@@ -189,7 +189,7 @@ const typeOptions = computed(() => {
     } else {
       properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
     }
-
+    console.log('properties', properties)
     return properties.map((item: any) => ({
       ...item,
       label: item.name,

From 5a800a4a23bd75686efabd128c1d2b62db9ac5a1 Mon Sep 17 00:00:00 2001
From: "hear." <1175160654@qq.com>
Date: Thu, 30 Apr 2026 11:03:20 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=E8=A1=A8=E7=9B=98=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PropertyGauge/Config.vue                  | 296 ++++++++++
 .../PropertyGauge/PropertyGauge.vue           | 508 ++++++++++++++++++
 .../PropertyGauge/config.ts                   |  36 ++
 .../MetadataManagement/PropertyGauge/index.ts |  20 +
 .../PropertyGauge1/Config.vue                 | 269 ++++++++++
 .../PropertyGauge1/PropertyGauge1.vue         | 480 +++++++++++++++++
 .../PropertyGauge1/config.ts                  |  35 ++
 .../PropertyGauge1/index.ts                   |  20 +
 .../PropertyGauge2/Config.vue                 | 225 ++++++++
 .../PropertyGauge2/PropertyGauge2.vue         | 395 ++++++++++++++
 .../PropertyGauge2/config.ts                  |  27 +
 .../PropertyGauge2/index.ts                   |  20 +
 .../PropertyLine/Config.vue                   | 299 +++++++++++
 .../PropertyLine/PropertyLine.vue             | 474 ++++++++++++++++
 .../MetadataManagement/PropertyLine/config.ts |  29 +
 .../MetadataManagement/PropertyLine/index.ts  |  20 +
 16 files changed, 3153 insertions(+)
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge/PropertyGauge.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge1/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge1/PropertyGauge1.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge1/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge1/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge2/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge2/PropertyGauge2.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge2/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge2/index.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyLine/Config.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyLine/PropertyLine.vue
 create mode 100644 visDashboard/MetadataManagement/PropertyLine/config.ts
 create mode 100644 visDashboard/MetadataManagement/PropertyLine/index.ts

diff --git a/visDashboard/MetadataManagement/PropertyGauge/Config.vue b/visDashboard/MetadataManagement/PropertyGauge/Config.vue
new file mode 100644
index 0000000..9d68e82
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge/Config.vue
@@ -0,0 +1,296 @@
+<template>
+  <div class="card-container">
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+    <config-item label="标题">
+      <a-input
+        v-model:value="config.title"
+        placeholder="请输入标题"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="12"
+          :max="48"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="数值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="20"
+          :max="72"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="请输入单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+    <config-item label="单位字体">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.unitColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.unitFontSize"
+          :min="10"
+          :max="40"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="刻度分段">
+      <a-input-number
+        v-model:value="config.splitNumber"
+        :min="5"
+        :max="20"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="指针颜色">
+      <ColorPicker
+        v-model:value="config.pointerColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+    <config-item label="起始色">
+      <ColorPicker
+        v-model:value="config.progressStartColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+    <config-item label="结束色">
+      <ColorPicker
+        v-model:value="config.progressEndColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyGaugeConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyGauge'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertyGaugeConfig.componentProps.propertyGauge,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyGauge/PropertyGauge.vue b/visDashboard/MetadataManagement/PropertyGauge/PropertyGauge.vue
new file mode 100644
index 0000000..4739180
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge/PropertyGauge.vue
@@ -0,0 +1,508 @@
+<template>
+  <div
+    ref="rootRef"
+    class="property-gauge"
+    :style="style"
+  >
+    <div
+      class="property-gauge__dial-shell"
+      :style="dialShellStyle"
+    >
+      <v-chart
+        :option="chartOption"
+        autoresize
+      />
+      <div class="property-gauge__digital-panel">
+        <span
+          class="property-gauge__digital-value"
+          :style="digitalValueStyle"
+        >
+          {{ displayValue }}
+        </span>
+        <span
+          v-if="displayUnit"
+          class="property-gauge__digital-unit"
+          :style="digitalUnitStyle"
+        >
+          {{ displayUnit }}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { use } from 'echarts/core'
+import { GaugeChart } from 'echarts/charts'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+use([CanvasRenderer, GaugeChart])
+
+defineOptions({
+  name: 'PropertyGauge'
+})
+
+interface PropertyGaugeComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  minValue?: number
+  maxValue?: number
+  splitNumber?: number
+  pointerColor?: string
+  progressStartColor?: string
+  progressEndColor?: string
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const config = computed<PropertyGaugeComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyGauge as PropertyGaugeComponentConfig) || {}
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const rootRef = ref<HTMLElement>()
+const dialSize = ref(320)
+const baseDialSize = 520
+let resizeObserver: ResizeObserver | undefined
+
+const dialShellStyle = computed(() => ({
+  width: `${dialSize.value}px`,
+  height: `${dialSize.value}px`
+}))
+const uiScale = computed(() => dialSize.value / baseDialSize)
+const displayUnit = computed(() => config.value.unit || '')
+const digitalValueStyle = computed(() => ({
+  color: config.value.valueColor || '#40424c',
+  fontSize: `${Math.max(14, Math.round(Number(config.value.valueFontSize || 56) * uiScale.value))}px`,
+  letterSpacing: `${Math.max(0.5, 1.5 * uiScale.value)}px`
+}))
+const digitalUnitStyle = computed(() => ({
+  color: config.value.unitColor || '#666',
+  fontSize: `${Math.max(10, Math.round(Number(config.value.unitFontSize || 14) * uiScale.value))}px`
+}))
+
+const displayValue = computed(() => {
+  const value = Number(rawValue.value ?? config.value.minValue ?? -100)
+  if (!Number.isFinite(value)) return '--'
+  return Math.round(value)
+})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const gaugeValue = computed(() => {
+  const min = Number(config.value.minValue ?? -100)
+  const value = Number(rawValue.value ?? min)
+  return Number.isFinite(value) ? value : min
+})
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-gauge-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onMounted(() => {
+  const updateDialSize = () => {
+    const el = rootRef.value
+    if (!el) return
+    const rect = el.getBoundingClientRect()
+    // 以外部容器最小宽高为准，确保等比缩放且不受长边拉伸影响
+    const side = Math.max(220, Math.min(rect.width, rect.height) - 24)
+    dialSize.value = Number.isFinite(side) ? side : 320
+  }
+
+  updateDialSize()
+  resizeObserver = new ResizeObserver(() => {
+    updateDialSize()
+  })
+  if (rootRef.value) {
+    resizeObserver.observe(rootRef.value)
+  }
+
+  handleProperty()
+})
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+  if (resizeObserver) {
+    resizeObserver.disconnect()
+    resizeObserver = undefined
+  }
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+
+const chartOption = computed(() => {
+  const min = Number(config.value.minValue ?? -100)
+  const max = Number(config.value.maxValue ?? 100)
+  const splitNumber = Number(config.value.splitNumber ?? 10)
+  const startColor = config.value.progressStartColor || '#f3e7df'
+  const endColor = config.value.progressEndColor || '#f97316'
+  const pointerColor = config.value.pointerColor || '#e85d04'
+  const title = config.value.propertyName || config.value.title || 'Temperature'
+  const axisFontSize = Math.max(13, Math.min(24, Math.round(20 * uiScale.value)))
+
+  return {
+    animation: false,
+    series: [
+      {
+        type: 'gauge',
+        min,
+        max,
+        splitNumber,
+        startAngle: 225,
+        endAngle: -45,
+        center: ['50%', '50%'],
+        radius: '91%',
+        axisLine: {
+          roundCap: false,
+          lineStyle: {
+            width: 22,
+            color: [
+              [
+                1,
+                {
+                  type: 'linear',
+                  x: 1,
+                  y: 0,
+                  x2: 0,
+                  y2: 0,
+                  colorStops: [
+                    { offset: 0, color: endColor },
+                    { offset: 1, color: startColor }
+                  ]
+                }
+              ]
+            ]
+          }
+        },
+        progress: {
+          show: false
+        },
+        pointer: {
+          show: true,
+          icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
+          length: '92%',
+          width: 10,
+          offsetCenter: [0, '15%'],
+          itemStyle: {
+            color: pointerColor,
+            shadowBlur: 3,
+            shadowColor: 'rgba(0,0,0,0.16)'
+          }
+        },
+        anchor: {
+          show: true,
+          showAbove: true,
+          size: 28,
+          itemStyle: {
+            color: '#e7e7e7',
+            borderColor: '#d6d6d6',
+            borderWidth: 2,
+            shadowBlur: 6,
+            shadowColor: 'rgba(0,0,0,0.18)'
+          }
+        },
+        axisTick: {
+          distance: -28,
+          splitNumber: 5,
+          lineStyle: {
+            color: '#6c6c6c',
+            width: 1
+          },
+          length: 10
+        },
+        splitLine: {
+          distance: -28,
+          length: 16,
+          lineStyle: {
+            color: '#545454',
+            width: 2
+          }
+        },
+        axisLabel: {
+          distance: 40,
+          color: '#5f5f5f',
+          fontSize: axisFontSize,
+          fontWeight: 600,
+          formatter: (value: number) => `${Math.round(value)}`
+        },
+        title: {
+          show: true,
+          offsetCenter: [0, '-14%'],
+          color: config.value.titleColor || '#7f7f7f',
+          fontSize: Math.round(Number(config.value.titleFontSize || 40) * uiScale.value),
+          fontWeight: 600
+        },
+        detail: {
+          show: false
+        },
+        data: [
+          {
+            value: gaugeValue.value,
+            name: title
+          }
+        ]
+      }
+    ]
+  }
+})
+</script>
+
+<style scoped lang="less">
+.property-gauge {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 12px;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+}
+
+.property-gauge__dial-shell {
+  position: relative;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: radial-gradient(circle at 50% 46%, #f6f6f6 0%, #ebebeb 58%, #d9d9d9 75%, #f4f4f4 100%);
+  box-shadow: inset 0 0 0 3px rgba(125, 125, 125, 0.35), inset 0 0 0 8px rgba(255, 255, 255, 0.7),
+    inset 0 0 0 11px rgba(180, 180, 180, 0.22), 0 5px 8px rgba(0, 0, 0, 0.2);
+}
+
+.property-gauge__digital-panel {
+  position: absolute;
+  left: 50%;
+  bottom: 6.5%;
+  transform: translateX(-50%);
+  width: 25.5%;
+  height: 10%;
+  min-width: 92px;
+  min-height: 36px;
+  border-radius: v-bind('`${Math.max(4, Math.round(8 * uiScale))}px`');
+  border: v-bind('`${Math.max(2, Math.round(4 * uiScale))}px solid #4d4d4dc9`');
+  background: #8d8d8d6c;
+  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.18);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: v-bind('`${Math.max(4, Math.round(8 * uiScale))}px`');
+}
+
+// .property-gauge__digital-sign {
+//   color: #40424c;
+//   font-family: 'Courier New', monospace;
+//   font-size: v-bind('`${Math.round(30 * uiScale)}px`');
+//   font-weight: 700;
+//   line-height: 1;
+// }
+
+.property-gauge__digital-value {
+  font-family: 'Courier New', monospace;
+  line-height: 1;
+  font-weight: 700;
+}
+
+.property-gauge__digital-unit {
+  font-family: 'Courier New', monospace;
+  line-height: 1;
+  font-weight: 600;
+  // transform: translateY(1px);
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyGauge/config.ts b/visDashboard/MetadataManagement/PropertyGauge/config.ts
new file mode 100644
index 0000000..7cb3d5e
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge/config.ts
@@ -0,0 +1,36 @@
+export const propertyGaugeConfig = {
+  name: '属性仪表盘',
+  type: 'propertyGauge',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 9,
+    },
+    propertyGauge: {
+      title: 'Temperature',
+      titleColor: '#7f7f7f',
+      titleFontSize: 18,
+      minValue: -100,
+      maxValue: 100,
+      splitNumber: 10,
+      pointerColor: '#e85d04',
+      progressStartColor: '#f3e7df',
+      progressEndColor: '#f97316',
+      valueColor: '#3f3f46',
+      valueFontSize: 44,
+      unit: '',
+      unitColor: '#666',
+      unitFontSize: 34,
+      deviceId: '',
+      deviceName: '',
+      propertyId: undefined,
+      propertyName: ''
+    }
+  },
+}
diff --git a/visDashboard/MetadataManagement/PropertyGauge/index.ts b/visDashboard/MetadataManagement/PropertyGauge/index.ts
new file mode 100644
index 0000000..55bfbed
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyGaugeConfig } from './config'
+
+const PropertyGauge = {
+  name: 'propertyGauge',
+  component: defineAsyncComponent(() => import('./PropertyGauge.vue'))
+}
+
+const PropertyGaugeConfig = [
+  {
+    name: 'propertyGauge',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyGaugeConfigProps = {
+  ...propertyGaugeConfig
+}
+
+export { PropertyGauge, PropertyGaugeConfig, PropertyGaugeConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyGauge1/Config.vue b/visDashboard/MetadataManagement/PropertyGauge1/Config.vue
new file mode 100644
index 0000000..c69c159
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge1/Config.vue
@@ -0,0 +1,269 @@
+<template>
+  <div class="card-container">
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+
+    <config-item label="数值样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.valueColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.valueFontSize"
+          :min="16"
+          :max="72"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="10"
+          :max="40"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="单位">
+      <a-input
+        v-model:value="config.unit"
+        placeholder="请输入单位"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="刻度分段">
+      <a-input-number
+        v-model:value="config.splitNumber"
+        :min="3"
+        :max="12"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="起始色">
+      <ColorPicker
+        v-model:value="config.startColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="中间色">
+      <ColorPicker
+        v-model:value="config.middleColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="结束色">
+      <ColorPicker
+        v-model:value="config.endColor"
+        :isInput="false"
+        theme="white"
+        @change="onChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyGauge1Config } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyGauge1'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string) => {
+  try {
+    return JSON.parse(str || '{}').properties || []
+  } catch (e) {
+    return []
+  }
+}
+
+const typeOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties.map((item: any) => ({
+      ...item,
+      label: item.name,
+      value: item.id
+    }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyId = ''
+  config.value.propertyName = ''
+  emitChange()
+}
+
+const onTypeChange = (value: string) => {
+  const option = typeOptions.value.find((item: any) => item.value === value)
+  config.value.propertyId = value
+  config.value.propertyName = option?.label || ''
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    config.value = cloneDeep({
+      ...propertyGauge1Config.componentProps.propertyGauge1,
+      ...(newVal || {})
+    })
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyGauge1/PropertyGauge1.vue b/visDashboard/MetadataManagement/PropertyGauge1/PropertyGauge1.vue
new file mode 100644
index 0000000..42835af
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge1/PropertyGauge1.vue
@@ -0,0 +1,480 @@
+<template>
+  <div
+    ref="rootRef"
+    class="property-gauge1"
+    :style="style"
+  >
+    <v-chart
+      class="property-gauge1__chart"
+      :option="chartOption"
+      autoresize
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { use } from 'echarts/core'
+import { GaugeChart } from 'echarts/charts'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+use([CanvasRenderer, GaugeChart])
+
+defineOptions({
+  name: 'PropertyGauge1'
+})
+
+interface PropertyGauge1ComponentConfig {
+  titleColor?: string
+  titleFontSize?: number
+  minValue?: number
+  maxValue?: number
+  splitNumber?: number
+  valueColor?: string
+  valueFontSize?: number
+  unit?: string
+  unitColor?: string
+  unitFontSize?: number
+  startColor?: string
+  middleColor?: string
+  endColor?: string
+  deviceId?: string
+  deviceName?: string
+  propertyId?: string
+  propertyName?: string
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const config = computed<PropertyGauge1ComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyGauge1 as PropertyGauge1ComponentConfig) || {}
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+
+const runtimeProductId = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const rootRef = ref<HTMLElement>()
+const dialSize = ref(220)
+const baseDialSize = 320
+let resizeObserver: ResizeObserver | undefined
+
+const uiScale = computed(() => dialSize.value / baseDialSize)
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const rawValue = computed(() => {
+  const propertyId = String(config.value.propertyId || '')
+  const valueData = propertyId ? propertyValue.value[propertyId] : undefined
+  return valueData?.value
+})
+
+const gaugeValue = computed(() => {
+  const min = Number(config.value.minValue ?? 0)
+  const value = Number(rawValue.value ?? min)
+  return Number.isFinite(value) ? value : min
+})
+
+const displayValue = computed(() => {
+  const value = Number(rawValue.value ?? config.value.minValue ?? 0)
+  if (!Number.isFinite(value)) return '--'
+  return String(value)
+})
+
+const displayUnit = computed(() => config.value.unit || '')
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-gauge1-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  const propertyId = String(config.value.propertyId || '')
+  const selected = propertyId ? propertyMap.value.get(propertyId) : undefined
+  dataSource.value = selected ? [selected] : []
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onMounted(() => {
+  const updateDialSize = () => {
+    const el = rootRef.value
+    if (!el) return
+    const rect = el.getBoundingClientRect()
+    const side = Math.max(160, Math.min(rect.width, rect.height))
+    dialSize.value = Number.isFinite(side) ? side : 220
+  }
+
+  updateDialSize()
+  resizeObserver = new ResizeObserver(() => {
+    updateDialSize()
+  })
+  if (rootRef.value) {
+    resizeObserver.observe(rootRef.value)
+  }
+
+  handleProperty()
+})
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+  if (resizeObserver) {
+    resizeObserver.disconnect()
+    resizeObserver = undefined
+  }
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, config.value.propertyId],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+
+const chartOption = computed(() => {
+  const min = Number(config.value.minValue ?? 0)
+  const max = Number(config.value.maxValue ?? 1)
+  const safeMax = max <= min ? min + 1 : max
+  const splitNumber = Number(config.value.splitNumber ?? 5)
+  const gaugeTitle = config.value.propertyName || ''
+
+  const startColor = config.value.startColor || '#1fcf8b'
+  const middleColor = config.value.middleColor || '#f4b447'
+  const endColor = config.value.endColor || '#f0825d'
+
+  const majorFontSize = Math.max(10, Math.round(12 * uiScale.value))
+
+  return {
+    animation: false,
+    series: [
+      {
+        type: 'gauge',
+        min,
+        max: safeMax,
+        splitNumber,
+        startAngle: 200,
+        endAngle: -20,
+        center: ['50%', '67%'],
+        radius: '88%',
+        title: {
+          show: !!gaugeTitle,
+          offsetCenter: [0, '24%'],
+          color: config.value.titleColor || '#666',
+          fontSize: Math.max(10, Math.round(Number(config.value.titleFontSize || 14) * uiScale.value)),
+          fontWeight: 500
+        },
+        axisLine: {
+          
+          lineStyle: {
+            width: Math.max(16, Math.round(10 * uiScale.value)),
+            color: [
+              [
+                0.3,
+                {
+                  type: 'linear',
+                  x: 0,
+                  y: 1,
+                  x2: 0,
+                  y2: 0,
+                  colorStops: [
+                    { offset: 0, color: startColor },
+                    { offset: 1, color: '#4293ff' }
+                  ]
+                }
+              ],
+              [
+                0.6,
+                {
+                  type: 'linear',
+                  x: 0,
+                  y: 1,
+                  x2: 0,
+                  y2: 0,
+                  colorStops: [
+                    { offset: 0, color: '#4293ff' },
+                    { offset: 1, color: middleColor }
+                  ]
+                }
+              ],
+              [
+                1,
+                {
+                  type: 'linear',
+                  x: 0,
+                  y: 1,
+                  x2: 0,
+                  y2: 0,
+                  colorStops: [
+                    { offset: 0, color: middleColor },
+                    { offset: 1, color: endColor }
+                  ]
+                }
+              ]
+            ]
+          }
+        },
+        axisTick: {
+          distance: -Math.max(14, Math.round(20 * uiScale.value)),
+          splitNumber: 5,
+          lineStyle: {
+            width: 1,
+            color: 'rgba(0,0,0,0.15)'
+          }
+        },
+        splitLine: {
+          distance: -Math.max(16, Math.round(22 * uiScale.value)),
+          length: Math.max(7, Math.round(9 * uiScale.value)),
+          lineStyle: {
+            width: 1,
+            color: '#000'
+          }
+        },
+        axisLabel: {
+          distance: -Math.max(14, Math.round(22 * uiScale.value)),
+          color: 'auto',
+          fontSize: majorFontSize,
+          width: 30,
+          padding: [6, 10, 0, 10],
+          formatter: (value: number) => {
+            const step = (safeMax - min) / Math.max(splitNumber, 1)
+            const idx = Math.round((value - min) / step)
+            const tickValue = min + idx * step
+            if (Math.abs(value - tickValue) > step * 0.15) return ''
+            const normalized = Math.round(tickValue * 100) / 100
+            return `${normalized}${displayUnit.value}`
+          }
+        },
+        pointer: {
+          show: true,
+          length: '80%',
+          width: Math.max(3, Math.round(4 * uiScale.value)),
+          itemStyle: {
+            color: 'auto'
+          }
+        },
+        anchor: {
+          show: true,
+          showAbove: true,
+          size: Math.max(16, Math.round(26 * uiScale.value)),
+          itemStyle: {
+            borderWidth: Math.max(2, Math.round(3 * uiScale.value)),
+            borderColor: '#fff',
+            shadowBlur: 20,
+            shadowColor: 'rgba(0, 0, 0, .25)',
+            color: 'auto'
+          }
+        },
+        detail: {
+          valueAnimation: false,
+          width: '100%',
+          lineHeight: Math.max(24, Math.round(34 * uiScale.value)),
+          offsetCenter: [0, '-25%'],
+          formatter: () => `${displayValue.value}`,
+          color: config.value.valueColor || '#00b86b',
+          fontSize: Math.max(18, Math.round(Number(config.value.valueFontSize || 36) * uiScale.value)),
+          fontWeight: 600
+        },
+        data: [
+          {
+            value: gaugeValue.value,
+            name: gaugeTitle
+          }
+        ]
+      },
+      {
+        type: 'gauge',
+        min,
+        max: safeMax,
+        splitNumber,
+        startAngle: 200,
+        endAngle: -20,
+        center: ['50%', '67%'],
+        radius: '88%',
+        pointer: { show: false },
+        axisLine: { show: false },
+        axisTick: { show: false },
+        splitLine: { show: false },
+        axisLabel: { show: false },
+        detail: { show: false },
+        data: [{ value: gaugeValue.value }]
+      }
+    ]
+  }
+})
+</script>
+
+<style scoped lang="less">
+.property-gauge1 {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.property-gauge1__chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyGauge1/config.ts b/visDashboard/MetadataManagement/PropertyGauge1/config.ts
new file mode 100644
index 0000000..addc6e9
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge1/config.ts
@@ -0,0 +1,35 @@
+export const propertyGauge1Config = {
+  name: '半圆仪表盘',
+  type: 'propertyGauge1',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 6
+    },
+    propertyGauge1: {
+      titleColor: '#666',
+      titleFontSize: 14,
+      minValue: 0,
+      maxValue: 1,
+      splitNumber: 5,
+      valueColor: '#00b86b',
+      valueFontSize: 36,
+      unit: '',
+      unitColor: '#333',
+      unitFontSize: 14,
+      startColor: '#1fcf8b',
+      middleColor: '#f4b447',
+      endColor: '#f0825d',
+      deviceId: '',
+      deviceName: '',
+      propertyId: undefined,
+      propertyName: ''
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyGauge1/index.ts b/visDashboard/MetadataManagement/PropertyGauge1/index.ts
new file mode 100644
index 0000000..3672804
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge1/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyGauge1Config } from './config'
+
+const PropertyGauge1 = {
+  name: 'propertyGauge1',
+  component: defineAsyncComponent(() => import('./PropertyGauge1.vue'))
+}
+
+const PropertyGauge1Config = [
+  {
+    name: 'propertyGauge1',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyGauge1ConfigProps = {
+  ...propertyGauge1Config
+}
+
+export { PropertyGauge1, PropertyGauge1Config, PropertyGauge1ConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyGauge2/Config.vue b/visDashboard/MetadataManagement/PropertyGauge2/Config.vue
new file mode 100644
index 0000000..ffc108d
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge2/Config.vue
@@ -0,0 +1,225 @@
+<template>
+  <div class="card-container">
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyIds"
+        mode="multiple"
+        :maxTagCount="2"
+        :options="propertyOptions"
+        placeholder="请选择属性，最多5个"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onPropertiesChange"
+      />
+    </config-item>
+
+    <config-item label="最小值">
+      <a-input-number
+        v-model:value="config.minValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="最大值">
+      <a-input-number
+        v-model:value="config.maxValue"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="环宽">
+      <a-input-number
+        v-model:value="config.ringWidth"
+        :min="14"
+        :max="48"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="标题字号">
+      <a-input-number
+        v-model:value="config.titleFontSize"
+        :min="12"
+        :max="48"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="数值字号">
+      <a-input-number
+        v-model:value="config.valueFontSize"
+        :min="12"
+        :max="48"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { onlyMessage } from '@jetlinks-web/utils'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyGauge2Config } from './config'
+
+const { ConfigItem } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyGauge2'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const numericTypes = new Set(['int', 'long', 'float', 'double', 'short', 'byte', 'decimal', 'number'])
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const strToJson = (str: string, key: string = 'properties') => {
+  try {
+    return JSON.parse(str || '{}')[key] || []
+  } catch (e) {
+    return []
+  }
+}
+
+const propertyOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties
+      .filter((item: any) => numericTypes.has(String(item?.valueType?.type || '').toLowerCase()))
+      .map((item: any) => ({
+        ...item,
+        label: item.name,
+        value: item.id
+      }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyIds = []
+  config.value.propertyNames = []
+  emitChange()
+}
+
+const onPropertiesChange = (values: string[]) => {
+  const nextValues = (values || []).slice(0, 5)
+
+  if ((values || []).length > 5) {
+    onlyMessage('最多选择5个属性', 'warning')
+  }
+
+  const optionsMap = new Map(propertyOptions.value.map((item: any) => [item.value, item.label]))
+  config.value.propertyIds = nextValues
+  config.value.propertyNames = nextValues.map((id) => optionsMap.get(id) || id)
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    const merged = cloneDeep({
+      ...propertyGauge2Config.componentProps.propertyGauge2,
+      ...(newVal || {})
+    })
+
+    merged.propertyIds = Array.isArray(merged.propertyIds) ? merged.propertyIds.slice(0, 5) : []
+    merged.propertyNames = Array.isArray(merged.propertyNames) ? merged.propertyNames.slice(0, 5) : []
+    config.value = merged
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyGauge2/PropertyGauge2.vue b/visDashboard/MetadataManagement/PropertyGauge2/PropertyGauge2.vue
new file mode 100644
index 0000000..8d0e316
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge2/PropertyGauge2.vue
@@ -0,0 +1,395 @@
+<template>
+  <div
+    ref="rootRef"
+    class="property-gauge2"
+    :style="style"
+  >
+    <v-chart
+      class="property-gauge2__chart"
+      :option="chartOption"
+      autoresize
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import { use } from 'echarts/core'
+import { GaugeChart } from 'echarts/charts'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { dashboard } from '@device-manager-ui/api/dashboard'
+import { detail } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { wsClient } from '@jetlinks-web/core'
+import { debounce, throttle } from 'lodash-es'
+import { map } from 'rxjs/operators'
+
+use([CanvasRenderer, GaugeChart])
+
+defineOptions({
+  name: 'PropertyGauge2'
+})
+
+interface PropertyGauge2ComponentConfig {
+  minValue?: number
+  maxValue?: number
+  ringWidth?: number
+  titleFontSize?: number
+  valueFontSize?: number
+  deviceId?: string
+  deviceName?: string
+  propertyIds?: string[]
+  propertyNames?: string[]
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const config = computed<PropertyGauge2ComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyGauge2 as PropertyGauge2ComponentConfig) || {}
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+const productStore = useProductStore()
+const rootRef = ref<HTMLElement>()
+const chartSize = ref(320)
+let resizeObserver: ResizeObserver | undefined
+
+const runtimeProductId = ref('')
+const metadataText = ref('')
+const propertyValue = ref<Record<string, any>>({})
+const dataSource = ref<Record<string, any>[]>([])
+const subRef = ref<any>()
+const messageCache = new Map<string, Record<string, any>>()
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+const selectedPropertyIds = computed(() => (config.value.propertyIds || []).slice(0, 5).map((id) => String(id)))
+
+const palette = ['#4f72df', '#b4d930', '#52577f', '#f59f45', '#45b8d8']
+
+const propertyMap = computed(() => {
+  try {
+    const properties = JSON.parse(metadataText.value || '{}').properties || []
+    const mapData = new Map<string, Record<string, any>>()
+    properties.forEach((item: Record<string, any>) => {
+      mapData.set(String(item.id || ''), item)
+    })
+    return mapData
+  } catch (error) {
+    return new Map<string, Record<string, any>>()
+  }
+})
+
+const minValue = computed(() => Number(config.value.minValue ?? 0))
+const maxValue = computed(() => {
+  const max = Number(config.value.maxValue ?? 100)
+  return max <= minValue.value ? minValue.value + 1 : max
+})
+
+const displayItems = computed(() => {
+  const ids = selectedPropertyIds.value
+  if (!ids.length) {
+    return [
+      { id: 'demo-1', name: 'Perfect', value: 20, color: palette[0] },
+      { id: 'demo-2', name: 'Good', value: 40, color: palette[1] },
+      { id: 'demo-3', name: 'Commonly', value: 60, color: palette[2] }
+    ]
+  }
+
+  return ids.map((id, index) => {
+    const property = propertyMap.value.get(id)
+    const raw = Number(propertyValue.value[id]?.value)
+    const value = Number.isFinite(raw) ? raw : minValue.value
+    return {
+      id,
+      name: property?.name || config.value.propertyNames?.[index] || id,
+      value,
+      color: palette[index % palette.length]
+    }
+  })
+})
+
+const valueChange = (arr: Record<string, any>[]) => {
+  ;(arr || [])
+    .sort((a: any, b: any) => a.timestamp - b.timestamp)
+    .forEach((item: any) => {
+      const property = item?.value?.property
+      if (property) {
+        propertyValue.value[property] = { ...item, ...item.value }
+      }
+    })
+}
+
+const throttleFn = throttle(() => {
+  const list = [...messageCache.values()]
+  valueChange(list)
+}, 500)
+
+const subscribeProperty = () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    return
+  }
+
+  const propertyIds = dataSource.value.map((item) => item.id)
+  const id = `property-gauge2-${runtimeDeviceId.value}-${runtimeProductId.value}-${propertyIds.join('-')}`
+  const topic = `/dashboard/device/${runtimeProductId.value}/properties/realTime`
+
+  subRef.value = wsClient
+    .getWebSocket(id, topic, {
+      deviceId: runtimeDeviceId.value,
+      properties: propertyIds,
+      history: 1
+    })
+    ?.pipe(map((res: any) => res.payload))
+    .subscribe((payload: any) => {
+      if (payload?.value?.property) {
+        messageCache.set(payload.value.property, payload)
+        throttleFn()
+      }
+    })
+}
+
+const getDashboard = async () => {
+  if (!runtimeDeviceId.value || !runtimeProductId.value || !dataSource.value.length) {
+    subRef.value && subRef.value?.unsubscribe()
+    return
+  }
+
+  const response: Record<string, any> = await dashboard([
+    {
+      dashboard: 'device',
+      object: runtimeProductId.value,
+      measurement: 'properties',
+      dimension: 'history',
+      params: {
+        deviceId: runtimeDeviceId.value,
+        history: 1,
+        properties: dataSource.value.map((item) => item.id)
+      }
+    }
+  ])
+
+  if (response.status === 200) {
+    const latestMap: Record<string, any> = {}
+    ;(response.result || []).forEach((item: any) => {
+      const payload = item?.data || {}
+      const property = payload?.value?.property
+      if (!property) return
+
+      const existed = latestMap[property]
+      if (!existed || Number(payload.timestamp || 0) >= Number(existed.timestamp || 0)) {
+        latestMap[property] = {
+          timeString: payload.timeString,
+          timestamp: payload.timestamp,
+          ...payload.value
+        }
+      }
+    })
+
+    propertyValue.value = {
+      ...unref(propertyValue),
+      ...latestMap
+    }
+  }
+
+  subRef.value && subRef.value?.unsubscribe()
+  subscribeProperty()
+}
+
+const resolveMetadata = async () => {
+  if (!isProduct.value) {
+    metadataText.value = instanceStore.current.metadata || instanceStore.detail.metadata || ''
+    runtimeProductId.value = String(instanceStore.current.productId || instanceStore.detail.productId || '')
+    return
+  }
+
+  if (!targetDeviceId.value) {
+    metadataText.value = productStore.detail.metadata || ''
+    runtimeProductId.value = String(productStore.detail.id || '')
+    return
+  }
+
+  const response = await detail(targetDeviceId.value, true)
+  metadataText.value = response.result?.metadata || ''
+  runtimeProductId.value = String(response.result?.productId || '')
+}
+
+const handleProperty = debounce(async () => {
+  subRef.value && subRef.value?.unsubscribe()
+  messageCache.clear()
+  propertyValue.value = {}
+
+  await resolveMetadata()
+
+  dataSource.value = selectedPropertyIds.value
+    .map((id) => propertyMap.value.get(id))
+    .filter((item): item is Record<string, any> => !!item)
+    .slice(0, 5)
+
+  if (messageCache.size === 0) {
+    await getDashboard()
+  }
+}, 300)
+
+onMounted(() => {
+  const updateSize = () => {
+    const el = rootRef.value
+    if (!el) return
+    const rect = el.getBoundingClientRect()
+    chartSize.value = Math.max(220, Math.min(rect.width, rect.height))
+  }
+
+  updateSize()
+  resizeObserver = new ResizeObserver(() => {
+    updateSize()
+  })
+  if (rootRef.value) {
+    resizeObserver.observe(rootRef.value)
+  }
+
+  handleProperty()
+})
+
+onUnmounted(() => {
+  handleProperty.cancel()
+  throttleFn.cancel()
+  subRef.value && subRef.value?.unsubscribe()
+  if (resizeObserver) {
+    resizeObserver.disconnect()
+    resizeObserver = undefined
+  }
+})
+
+watch(
+  () => [props.info, targetDeviceId.value, runtimeDeviceId.value, selectedPropertyIds.value.join(',')],
+  () => {
+    handleProperty()
+  },
+  { immediate: true, deep: true }
+)
+
+const chartOption = computed(() => {
+  const ringWidth = Number(config.value.ringWidth || 26)
+  const itemCount = Math.max(1, displayItems.value.slice(0, 5).length)
+  const sizeFactor = Math.max(0.68, Math.min(1, chartSize.value / 420))
+  const densityFactor = itemCount >= 4 ? 0.72 : itemCount === 3 ? 0.82 : 0.95
+  const titleBase = Number(config.value.titleFontSize || 22)
+  const valueBase = Number(config.value.valueFontSize || 20)
+  const titleFontSize = Math.max(12, Math.round(titleBase * sizeFactor * densityFactor))
+  const valueFontSize = Math.max(12, Math.round(valueBase * sizeFactor * densityFactor))
+
+  const data = displayItems.value.slice(0, 5).map((item, index) => ({
+    value: item.value,
+    name: item.name,
+    title: {
+      offsetCenter: ['0%', `${-30 + index * 30}%`],
+      color: '#6b6b6b'
+    },
+    detail: {
+      valueAnimation: true,
+      offsetCenter: ['0%', `${-20 + index * 30}%`],
+      color: item.color,
+      borderColor: item.color
+    },
+    itemStyle: {
+      color: item.color
+    }
+  }))
+
+  return {
+    animation: false,
+    series: [
+      {
+        type: 'gauge',
+        min: minValue.value,
+        max: maxValue.value,
+        startAngle: 90,
+        endAngle: -270,
+        radius: '90%',
+        center: ['50%', '52%'],
+        pointer: {
+          show: false
+        },
+        progress: {
+          show: true,
+          overlap: false,
+          roundCap: true,
+          clip: false,
+          itemStyle: {
+            borderWidth: 1,
+            borderColor: '#464646'
+          }
+        },
+        axisLine: {
+          lineStyle: {
+            width: ringWidth,
+            color: [[1, '#e4e7ee']]
+          }
+        },
+        splitLine: {
+          show: false,
+          distance: 0,
+          length: 10
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: false,
+          distance: 50
+        },
+        data,
+        title: {
+          fontSize: titleFontSize,
+        },
+        detail: {
+          width: Math.max(58, Math.round(valueFontSize * 2.8)),
+          height: Math.max(18, Math.round(valueFontSize * 1.2)),
+          fontSize: valueFontSize,
+          color: 'inherit',
+          borderColor: 'inherit',
+          borderRadius: 20,
+          padding: [0, 6],
+          borderWidth: 1,
+          formatter: '{value}%'
+        }
+      }
+    ]
+  }
+})
+</script>
+
+<style scoped lang="less">
+.property-gauge2 {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+}
+
+.property-gauge2__chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyGauge2/config.ts b/visDashboard/MetadataManagement/PropertyGauge2/config.ts
new file mode 100644
index 0000000..1b24277
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge2/config.ts
@@ -0,0 +1,27 @@
+export const propertyGauge2Config = {
+  name: '多环仪表盘',
+  type: 'propertyGauge2',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 3,
+      h: 7
+    },
+    propertyGauge2: {
+      minValue: 0,
+      maxValue: 100,
+      ringWidth: 26,
+      titleFontSize: 24,
+      valueFontSize: 18,
+      deviceId: '',
+      deviceName: '',
+      propertyIds: [],
+      propertyNames: []
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyGauge2/index.ts b/visDashboard/MetadataManagement/PropertyGauge2/index.ts
new file mode 100644
index 0000000..f97710c
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyGauge2/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyGauge2Config } from './config'
+
+const PropertyGauge2 = {
+  name: 'propertyGauge2',
+  component: defineAsyncComponent(() => import('./PropertyGauge2.vue'))
+}
+
+const PropertyGauge2Config = [
+  {
+    name: 'propertyGauge2',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyGauge2ConfigProps = {
+  ...propertyGauge2Config
+}
+
+export { PropertyGauge2, PropertyGauge2Config, PropertyGauge2ConfigProps }
diff --git a/visDashboard/MetadataManagement/PropertyLine/Config.vue b/visDashboard/MetadataManagement/PropertyLine/Config.vue
new file mode 100644
index 0000000..8304120
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyLine/Config.vue
@@ -0,0 +1,299 @@
+<template>
+  <div class="card-container">
+
+
+    <config-item label="时间周期">
+      <a-select
+        v-model:value="config.timePeriod"
+        :options="timePeriodOptions"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTimePeriodChange"
+      />
+    </config-item>
+
+    <config-item label="统计周期">
+      <a-select
+        v-model:value="config.cycle"
+        :options="cycleOptions"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="统计规则">
+      <a-select
+        v-model:value="config.aggregation"
+        :options="aggregationOptions"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+    <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyIds"
+        mode="multiple"
+        :maxTagCount="2"
+        :options="propertyOptions"
+        placeholder="请选择属性，最多5个"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onPropertiesChange"
+      />
+    </config-item>
+        <config-item label="标题">
+      <a-input
+        v-model:value="config.title"
+        placeholder="请输入标题"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+
+    <config-item label="标题样式">
+      <div class="card-container-row">
+        <ColorPicker
+          v-model:value="config.titleColor"
+          :isInput="false"
+          style="margin-right: 6px"
+          theme="white"
+          @change="onChange"
+        />
+        <a-input-number
+          v-model:value="config.titleFontSize"
+          :min="14"
+          :max="80"
+          :precision="0"
+          style="flex: 1"
+          @change="onChange"
+        />
+      </div>
+    </config-item>
+
+    <config-item label="图例字体">
+      <a-input-number
+        v-model:value="config.legendFontSize"
+        :min="12"
+        :max="40"
+        :precision="0"
+        style="width: 100%"
+        @change="onChange"
+      />
+    </config-item>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { cloneDeep, throttle } from 'lodash-es'
+import { moduleRegistry } from '@jetlinks-web-core/utils/module-registry'
+import { onlyMessage } from '@jetlinks-web/utils'
+import { useProductStore } from '@device-manager-ui/store/product'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { queryNoPagingPost } from '@device-manager-ui/api/instance'
+import { propertyLineConfig } from './config'
+
+const { ConfigItem, ColorPicker } = moduleRegistry.getResource('visualization-designer-ui', 'components')
+
+const props = defineProps({
+  configData: {
+    type: Object,
+    default: () => ({})
+  },
+  type: {
+    type: String,
+    default: 'propertyLine'
+  }
+})
+
+const emits = defineEmits(['change'])
+const config = ref<any>({})
+const productStore = useProductStore()
+const instanceStore = useInstanceStore()
+const route = useRoute()
+const deviceOptions = ref<any[]>([])
+const deviceOptionsMap = ref(new Map())
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+
+const numericTypes = new Set(['int', 'long', 'float', 'double', 'short', 'byte', 'decimal', 'number'])
+
+const timePeriodOptions = [
+  { label: '今日', value: 'today' },
+  { label: '近一周', value: 'week' },
+  { label: '近一月', value: 'month' }
+]
+
+const cycleOptionMap: Record<string, { label: string; value: string }[]> = {
+  today: [
+    { label: '实际值', value: '*' },
+    { label: '1分钟', value: '1m' }
+  ],
+  week: [
+    { label: '实际值', value: '*' },
+    { label: '1分钟', value: '1m' },
+    { label: '1小时', value: '1h' }
+  ],
+  month: [
+    { label: '1天', value: '1d' },
+    { label: '1周', value: '1w' }
+  ]
+}
+
+const cycleOptions = computed(() => cycleOptionMap[config.value.timePeriod || 'today'] || cycleOptionMap.today)
+
+const aggregationOptions = [
+  { label: '平均值', value: 'AVG' },
+  { label: '最大值', value: 'MAX' },
+  { label: '最小值', value: 'MIN' },
+  { label: '计数', value: 'COUNT' }
+]
+
+const emitChange = throttle(() => {
+  emits('change', config.value, props.type)
+}, 20)
+
+const onChange = () => {
+  emitChange()
+}
+
+const onTimePeriodChange = () => {
+  const values = cycleOptions.value.map((item) => item.value)
+  if (!values.includes(config.value.cycle)) {
+    config.value.cycle = values[0]
+  }
+  emitChange()
+}
+
+const strToJson = (str: string, key: string = 'properties') => {
+  try {
+    return JSON.parse(str || '{}')[key] || []
+  } catch (e) {
+    return []
+  }
+}
+
+const propertyOptions = computed(() => {
+  try {
+    let properties = []
+    if (isProduct.value) {
+      const hasTarget = config.value.deviceId && deviceOptionsMap.value.size > 0
+      properties = strToJson(productStore.detail.metadata)
+      if (hasTarget) {
+        properties.push(...strToJson(deviceOptionsMap.value.get(config.value.deviceId)?.deriveMetadata))
+      }
+    } else {
+      properties = strToJson(instanceStore.current.metadata || instanceStore.detail.metadata)
+    }
+
+    return properties
+      .filter((item: any) => numericTypes.has(String(item?.valueType?.type || '').toLowerCase()))
+      .map((item: any) => ({
+        ...item,
+        label: item.name,
+        value: item.id
+      }))
+  } catch (e) {
+    return []
+  }
+})
+
+const onDeviceChange = (value: string, option: any) => {
+  config.value.deviceId = value
+  config.value.deviceName = option?.label || ''
+  config.value.propertyIds = []
+  config.value.propertyNames = []
+  emitChange()
+}
+
+const onPropertiesChange = (values: string[]) => {
+  const nextValues = (values || []).slice(0, 5)
+
+  if ((values || []).length > 5) {
+    onlyMessage('最多选择5个属性', 'warning')
+  }
+
+  const optionsMap = new Map(propertyOptions.value.map((item: any) => [item.value, item.label]))
+  config.value.propertyIds = nextValues
+  config.value.propertyNames = nextValues.map((id) => optionsMap.get(id) || id)
+  emitChange()
+}
+
+const getDeviceList = () => {
+  if (!isProduct.value) return
+
+  queryNoPagingPost({ terms: [{ column: 'productId', value: route.params.id, termType: 'eq' }] }).then((res) => {
+    deviceOptions.value = (res.result || []).map((item: any) => {
+      deviceOptionsMap.value.set(item.id, item)
+      return {
+        value: item.id,
+        label: item.name,
+        productId: item.productId,
+        metadata: item.deriveMetadata
+      }
+    })
+  })
+}
+
+onMounted(() => {
+  getDeviceList()
+})
+
+watch(
+  () => props.configData?.componentProps?.[props.type],
+  (newVal) => {
+    const merged = cloneDeep({
+      ...propertyLineConfig.componentProps.propertyLine,
+      ...(newVal || {})
+    })
+
+    merged.propertyIds = Array.isArray(merged.propertyIds) ? merged.propertyIds.slice(0, 5) : []
+    merged.propertyNames = Array.isArray(merged.propertyNames) ? merged.propertyNames.slice(0, 5) : []
+
+    const values = (cycleOptionMap[merged.timePeriod || 'today'] || cycleOptionMap.today).map((item) => item.value)
+    if (!values.includes(merged.cycle)) {
+      merged.cycle = values[0]
+    }
+
+    config.value = merged
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="less" scoped>
+.card-container {
+  color: #fff;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+
+  :deep(.config-form-item-content) {
+    padding: 0;
+  }
+}
+
+.card-container-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyLine/PropertyLine.vue b/visDashboard/MetadataManagement/PropertyLine/PropertyLine.vue
new file mode 100644
index 0000000..57ed7e9
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyLine/PropertyLine.vue
@@ -0,0 +1,474 @@
+<template>
+  <div
+    class="property-line"
+    :style="style"
+  >
+    <div class="property-line__header">
+      <div
+        class="property-line__title"
+        :style="titleStyle"
+        :title="displayTitle"
+      >
+        {{ displayTitle }}
+      </div>
+    </div>
+
+    <div class="property-line__legend-wrap">
+      <div
+        v-for="item in displaySeries"
+        :key="item.id"
+        class="property-line__legend-item"
+      >
+        <span
+          class="property-line__legend-dot"
+          :style="{ backgroundColor: item.color }"
+        />
+        <span
+          class="property-line__legend-name"
+          :style="legendTextStyle"
+        >
+          {{ item.name }}
+        </span>
+      </div>
+    </div>
+
+    <div class="property-line__chart">
+      <v-chart
+        :option="chartOption"
+        autoresize
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import dayjs from 'dayjs'
+import { use } from 'echarts/core'
+import { LineChart } from 'echarts/charts'
+import { GridComponent, LegendComponent, TooltipComponent } from 'echarts/components'
+import { CanvasRenderer } from 'echarts/renderers'
+import VChart from 'vue-echarts'
+import { getPropertiesInfo, getPropertiesList } from '@device-manager-ui/api/instance'
+import { useInstanceStore } from '@device-manager-ui/store/instance'
+import { debounce } from 'lodash-es'
+
+use([CanvasRenderer, LineChart, GridComponent, LegendComponent, TooltipComponent])
+
+defineOptions({
+  name: 'PropertyLine'
+})
+
+interface PropertyLineComponentConfig {
+  title?: string
+  titleColor?: string
+  titleFontSize?: number
+  legendFontSize?: number
+  timePeriod?: 'today' | 'week' | 'month'
+  cycle?: '*' | '1m' | '1h' | '1d' | '1w'
+  aggregation?: 'AVG' | 'MAX' | 'MIN' | 'COUNT'
+  deviceId?: string
+  deviceName?: string
+  propertyIds?: string[]
+  propertyNames?: string[]
+}
+
+interface DashboardCardInfo {
+  id?: string
+  componentProps?: Record<string, unknown>
+}
+
+interface SeriesItem {
+  id: string
+  name: string
+  color: string
+  values: (number | undefined)[]
+}
+
+interface AxisPoint {
+  key: string
+  label: string
+}
+
+const props = defineProps({
+  info: {
+    type: Object as PropType<DashboardCardInfo>,
+    default: () => ({})
+  },
+  style: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({})
+  },
+  isEdit: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const route = useRoute()
+const instanceStore = useInstanceStore()
+
+const config = computed<PropertyLineComponentConfig>(() => {
+  return (props.info?.componentProps?.propertyLine as PropertyLineComponentConfig) || {}
+})
+
+const colors = ['#2f7cf6', '#f0ab00', '#43a047', '#ef5350', '#7e57c2']
+const axisPoints = ref<AxisPoint[]>([])
+const propertyData = ref<Record<string, Record<string, number | undefined>>>({})
+
+const isProduct = computed(() => route.name === 'device/Product/Detail')
+const targetDeviceId = computed(() => String(config.value.deviceId || ''))
+const runtimeDeviceId = computed(() => (isProduct.value ? targetDeviceId.value : String(instanceStore.current.id || '')))
+
+const displayTitle = computed(() => {
+  const title = config.value.title || 'Line chart'
+  const deviceName = config.value.deviceName || ''
+  return deviceName ? `${deviceName}(${title})` : title
+})
+
+const titleStyle = computed(() => ({
+  color: config.value.titleColor || 'rgba(0, 0, 0, 0.88)',
+  fontSize: `${Number(config.value.titleFontSize || 18)}px`
+}))
+
+const legendTextStyle = computed(() => ({
+  fontSize: `${Number(config.value.legendFontSize || 16)}px`
+}))
+
+const selectedPropertyIds = computed(() => {
+  const ids = config.value.propertyIds || []
+  return ids.slice(0, 5).map((id) => String(id))
+})
+
+const selectedPropertyNames = computed(() => {
+  const ids = selectedPropertyIds.value
+  return ids.map((id, index) => config.value.propertyNames?.[index] || id)
+})
+
+const timeRange = computed(() => {
+  const end = dayjs()
+  const type = config.value.timePeriod || 'today'
+  if (type === 'week') {
+    return { start: end.subtract(6, 'day'), end }
+  }
+  if (type === 'month') {
+    return { start: end.subtract(30, 'day'), end }
+  }
+  return { start: dayjs().startOf('day'), end }
+})
+
+const xAxisData = computed(() => {
+  return axisPoints.value.map((item) => item.label)
+})
+
+const toNumber = (value: unknown): number | undefined => {
+  const num = Number(value)
+  return Number.isFinite(num) ? num : undefined
+}
+
+const displaySeries = computed<SeriesItem[]>(() => {
+  const ids = selectedPropertyIds.value
+  const names = selectedPropertyNames.value
+
+  return ids.map((id, index) => ({
+    id,
+    name: names[index] || id,
+    color: colors[index % colors.length],
+    values: axisPoints.value.map((point) => propertyData.value[id]?.[point.key])
+  }))
+})
+
+const formatAxisLabel = (value: dayjs.ConfigType, cycle: string) => {
+  if (cycle === '1d') return dayjs(value).format('YYYY-MM-DD')
+  return dayjs(value).format('YYYY-MM-DD\nHH:mm:ss')
+}
+
+const buildFallbackAxis = (cycle: string) => {
+  const { start, end } = timeRange.value
+  return [
+    { key: String(start.valueOf()), label: formatAxisLabel(start, cycle) },
+    { key: String(end.valueOf()), label: formatAxisLabel(end, cycle) }
+  ]
+}
+
+const queryRawSeries = async (deviceId: string, propertyId: string, from: number, to: number) => {
+  const resp = await getPropertiesList(deviceId, propertyId, {
+    paging: false,
+    terms: [
+      {
+        column: 'timestamp$BTW',
+        value: [from, to],
+        type: 'and'
+      }
+    ],
+    sorts: [{ name: 'timestamp', order: 'asc' }]
+  })
+
+  if (resp.status !== 200) return []
+
+  const list = (resp.result || []) as Record<string, any>[]
+  return list.map((item) => ({
+    key: String(Number(item.timestamp)),
+    ts: Number(item.timestamp),
+    value: toNumber(item.value)
+  }))
+}
+
+const queryAggSeries = async (deviceId: string, propertyIds: string[], agg: string, cycle: string, from: number, to: number) => {
+  const resp = await getPropertiesInfo(deviceId, {
+    columns: propertyIds.map((id) => ({
+      property: id,
+      alias: id,
+      agg
+    })),
+    query: {
+      interval: cycle,
+      format: cycle === '1d' || cycle === '1w' ? 'yyyy-MM-dd' : 'yyyy-MM-dd HH:mm:ss',
+      from,
+      to
+    }
+  })
+
+  if (resp.status !== 200) return [] as Record<string, any>[]
+  return (resp.result || []) as Record<string, any>[]
+}
+
+const loadChartData = debounce(async () => {
+  const deviceId = runtimeDeviceId.value
+  const propertyIds = selectedPropertyIds.value
+  const cycle = config.value.cycle || '*'
+  const aggregation = config.value.aggregation || 'AVG'
+  const { start, end } = timeRange.value
+  const from = start.valueOf()
+  const to = end.valueOf()
+
+  if (!deviceId || !propertyIds.length) {
+    axisPoints.value = buildFallbackAxis(cycle)
+    propertyData.value = {}
+    return
+  }
+
+  try {
+    if (cycle === '*') {
+      const rowsList = await Promise.all(propertyIds.map((id) => queryRawSeries(deviceId, id, from, to)))
+      const axisMap = new Map<string, number>()
+      const nextData: Record<string, Record<string, number | undefined>> = {}
+
+      rowsList.forEach((rows, index) => {
+        const propertyId = propertyIds[index]
+        const map: Record<string, number | undefined> = {}
+        map[String(from)] = undefined
+        map[String(to)] = undefined
+        axisMap.set(String(from), from)
+        axisMap.set(String(to), to)
+
+        rows.forEach((item) => {
+          map[item.key] = item.value
+          axisMap.set(item.key, item.ts)
+        })
+
+        nextData[propertyId] = map
+      })
+
+      const sorted = [...axisMap.entries()].sort((a, b) => a[1] - b[1])
+      axisPoints.value = sorted.map(([key, ts]) => ({
+        key,
+        label: formatAxisLabel(ts, cycle)
+      }))
+      propertyData.value = nextData
+    } else {
+      const rows = await queryAggSeries(deviceId, propertyIds, aggregation, cycle, from, to)
+      const nextData: Record<string, Record<string, number | undefined>> = {}
+      propertyIds.forEach((id) => {
+        nextData[id] = {}
+      })
+
+      const xAxis: AxisPoint[] = []
+      rows.forEach((row, index) => {
+        const timeValue = row.time
+        const key = String(index)
+        xAxis.push({
+          key,
+          label: formatAxisLabel(timeValue, cycle)
+        })
+        propertyIds.forEach((id) => {
+          nextData[id][key] = toNumber(row[id])
+        })
+      })
+
+      axisPoints.value = xAxis.length ? xAxis : buildFallbackAxis(cycle)
+      propertyData.value = nextData
+    }
+  } finally {
+    // noop
+  }
+}, 200)
+
+onUnmounted(() => {
+  loadChartData.cancel()
+})
+
+watch(
+  () => [
+    props.info,
+    runtimeDeviceId.value,
+    targetDeviceId.value,
+    selectedPropertyIds.value.join(','),
+    config.value.timePeriod,
+    config.value.cycle,
+    config.value.aggregation
+  ],
+  () => {
+    loadChartData()
+  },
+  { immediate: true, deep: true }
+)
+
+const chartOption = computed(() => {
+  return {
+    animation: false,
+    tooltip: {
+      trigger: 'axis',
+      appendToBody: true,
+      valueFormatter: (value: any) => value ?? '--'
+    },
+    grid: {
+      left: 35,
+      right: 40,
+      top: 20,
+      bottom: 35,
+      containLabel: true
+    },
+    dataZoom: [
+      {
+        type: 'inside',
+        start: 0,
+        end: 100
+      },
+      {
+        start: 0,
+        end: 100,
+        height: 22,
+        bottom: 10,
+        left: 22,
+        right: 40
+      }
+    ],
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: xAxisData.value,
+      axisLine: {
+        lineStyle: {
+          color: '#d9d9d9'
+        }
+      },
+      axisTick: { show: false },
+      axisLabel: {
+        color: 'rgba(0, 0, 0, 0.45)',
+        fontSize: 12,
+        margin: 12,
+        hideOverlap: false,
+        showMinLabel: true,
+        showMaxLabel: true
+      }
+    },
+    yAxis: {
+      type: 'value',
+      axisLine: { show: false },
+      axisTick: { show: false },
+      axisLabel: {
+        color: 'rgba(0, 0, 0, 0.45)'
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: '#e8e8e8',
+          type: 'solid'
+        }
+      }
+    },
+    series: displaySeries.value.map((item) => ({
+      name: item.name,
+      type: 'line',
+      data: item.values,
+      smooth: false,
+      showSymbol: false,
+      connectNulls: true,
+      lineStyle: {
+        color: item.color,
+        width: 3
+      },
+      itemStyle: {
+        color: item.color
+      }
+    }))
+  }
+})
+</script>
+
+<style scoped lang="less">
+.property-line {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 20px;
+  background-color: #fff;
+  overflow: hidden;
+  border-radius: 4px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
+}
+
+.property-line__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.property-line__title {
+  min-width: 0;
+  font-weight: 600;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.property-line__legend-wrap {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  flex-wrap: wrap;
+  margin-top: 18px;
+}
+
+.property-line__legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.property-line__legend-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.property-line__legend-name {
+  color: rgba(0, 0, 0, 0.88);
+  white-space: nowrap;
+}
+
+.property-line__chart {
+  flex: 1;
+  min-height: 0;
+  margin-top: 16px;
+  padding-left: 6px;
+  padding-right: 12px;
+}
+</style>
diff --git a/visDashboard/MetadataManagement/PropertyLine/config.ts b/visDashboard/MetadataManagement/PropertyLine/config.ts
new file mode 100644
index 0000000..3e34863
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyLine/config.ts
@@ -0,0 +1,29 @@
+export const propertyLineConfig = {
+  name: '属性聚合折线图',
+  type: 'propertyLine',
+  componentProps: {
+    style: {
+      independence: false,
+      gridLayout: {}
+    },
+    gridItem: {
+      x: 0,
+      y: 0,
+      w: 5,
+      h: 10
+    },
+    propertyLine: {
+      title: 'Line chart',
+      titleColor: 'rgba(0, 0, 0, 0.88)',
+      titleFontSize: 18,
+      legendFontSize: 16,
+      timePeriod: 'today',
+      cycle: '*',
+      aggregation: 'AVG',
+      deviceId: '',
+      deviceName: '',
+      propertyIds: [],
+      propertyNames: []
+    }
+  }
+}
diff --git a/visDashboard/MetadataManagement/PropertyLine/index.ts b/visDashboard/MetadataManagement/PropertyLine/index.ts
new file mode 100644
index 0000000..952a9c1
--- /dev/null
+++ b/visDashboard/MetadataManagement/PropertyLine/index.ts
@@ -0,0 +1,20 @@
+import { defineAsyncComponent } from 'vue'
+import { propertyLineConfig } from './config'
+
+const PropertyLine = {
+  name: 'propertyLine',
+  component: defineAsyncComponent(() => import('./PropertyLine.vue'))
+}
+
+const PropertyLineConfig = [
+  {
+    name: 'propertyLine',
+    component: defineAsyncComponent(() => import('./Config.vue'))
+  }
+]
+
+const PropertyLineConfigProps = {
+  ...propertyLineConfig
+}
+
+export { PropertyLine, PropertyLineConfig, PropertyLineConfigProps }

From 95660868fed6a252ab91b5f8c6d30ec972b459ac Mon Sep 17 00:00:00 2001
From: "hear." <1175160654@qq.com>
Date: Thu, 30 Apr 2026 17:07:30 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix:=20=E5=9B=BE=E7=89=87=E5=8F=8A=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DashboardPreviewTab/index.vue  |   8 ++
 .../EventShowCard/eventShowCard.png           | Bin 0 -> 13912 bytes
 .../IndividualCard/Config.vue                 |  68 ++++++----
 .../IndividualCard/individualCard.png         | Bin 0 -> 6680 bytes
 .../PropertyBattery/Config.vue                |  70 ++++++----
 .../PropertyBattery/propertyBattery.png       | Bin 0 -> 5007 bytes
 .../PropertyChart/Config.vue                  |  70 ++++++----
 .../PropertyChart/propertyChart.png           | Bin 0 -> 8623 bytes
 .../PropertyEnum/Config.vue                   |  70 +++++-----
 .../PropertyEnum/propertyEnum.png             | Bin 0 -> 8298 bytes
 .../PropertyGauge/Config.vue                  |  72 +++++++----
 .../PropertyGauge/propertyGauge.png           | Bin 0 -> 56899 bytes
 .../PropertyGauge1/Config.vue                 |  66 ++++++----
 .../PropertyGauge1/propertyGauge1.png         | Bin 0 -> 13917 bytes
 .../PropertyGauge2/Config.vue                 |  15 +++
 .../PropertyGauge2/propertyGauge2.png         | Bin 0 -> 31790 bytes
 .../PropertyLine/Config.vue                   |  77 ++++++-----
 .../PropertyLine/propertyLine.png             | Bin 0 -> 10582 bytes
 .../MetadataManagement/PropertyPie/Config.vue |  74 ++++++-----
 .../PropertyPie/propertyPie.png               | Bin 0 -> 10769 bytes
 .../PropertyProgress/Config.vue               |  70 ++++++----
 .../PropertyProgress/propertyProgress.png     | Bin 0 -> 4203 bytes
 .../PropertyShowCard/propertyShowCard.png     | Bin 0 -> 5188 bytes
 .../PropertySignal/Config.vue                 |  70 ++++++----
 .../PropertySignal/propertySignal.png         | Bin 0 -> 4544 bytes
 .../PropertySlider/Config.vue                 | 118 +++++++++--------
 .../PropertySlider/propertySlider.png         | Bin 0 -> 5309 bytes
 .../PropertySwitch/Config.vue                 | 120 ++++++++++--------
 .../PropertySwitch/propertySwitch.png         | Bin 0 -> 4252 bytes
 29 files changed, 578 insertions(+), 390 deletions(-)
 create mode 100644 visDashboard/MetadataManagement/EventShowCard/eventShowCard.png
 create mode 100644 visDashboard/MetadataManagement/IndividualCard/individualCard.png
 create mode 100644 visDashboard/MetadataManagement/PropertyBattery/propertyBattery.png
 create mode 100644 visDashboard/MetadataManagement/PropertyChart/propertyChart.png
 create mode 100644 visDashboard/MetadataManagement/PropertyEnum/propertyEnum.png
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge/propertyGauge.png
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge1/propertyGauge1.png
 create mode 100644 visDashboard/MetadataManagement/PropertyGauge2/propertyGauge2.png
 create mode 100644 visDashboard/MetadataManagement/PropertyLine/propertyLine.png
 create mode 100644 visDashboard/MetadataManagement/PropertyPie/propertyPie.png
 create mode 100644 visDashboard/MetadataManagement/PropertyProgress/propertyProgress.png
 create mode 100644 visDashboard/MetadataManagement/PropertyShowCard/propertyShowCard.png
 create mode 100644 visDashboard/MetadataManagement/PropertySignal/propertySignal.png
 create mode 100644 visDashboard/MetadataManagement/PropertySlider/propertySlider.png
 create mode 100644 visDashboard/MetadataManagement/PropertySwitch/propertySwitch.png

diff --git a/views/device/components/DashboardPreviewTab/index.vue b/views/device/components/DashboardPreviewTab/index.vue
index 4c254cc..759cc96 100644
--- a/views/device/components/DashboardPreviewTab/index.vue
+++ b/views/device/components/DashboardPreviewTab/index.vue
@@ -107,6 +107,14 @@ defineExpose({
 .dashboard-preview-tab {
   width: 100%;
   height: 100%;
+  :deep(.unified-drawer .list-container .lazy-image-container){
+    // width: 90px !important;
+    img{
+      width: 100% !important;
+      height: 100% !important;
+      object-fit: cover;
+    }
+  }
 }
 
 .preview-host {
diff --git a/visDashboard/MetadataManagement/EventShowCard/eventShowCard.png b/visDashboard/MetadataManagement/EventShowCard/eventShowCard.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cd5d64b39771b67ae5c51af635d5ed9cba1bdf1
GIT binary patch
literal 13912
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
V6Zu`YZ^CX68frSK#me`C{|gM5>umr4

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/IndividualCard/Config.vue b/visDashboard/MetadataManagement/IndividualCard/Config.vue
index 5f38065..c8d3252 100644
--- a/visDashboard/MetadataManagement/IndividualCard/Config.vue
+++ b/visDashboard/MetadataManagement/IndividualCard/Config.vue
@@ -1,5 +1,34 @@
-<template>
+<template>
   <div class="card-container">
+    <div class="card-header">
+      <config-item
+        v-if="isProduct"
+        label="设备"
+      >
+        <a-select
+          v-model:value="config.deviceId"
+          :options="deviceOptions"
+          placeholder="请选择设备"
+          optionFilterProp="label"
+          style="width: 100%"
+          popupClassName="is-dark"
+          @change="onDeviceChange"
+        />
+      </config-item>
+
+      <config-item label="属性">
+        <a-select
+          v-model:value="config.propertyId"
+          :options="typeOptions"
+          placeholder="请选择属性"
+          optionFilterProp="label"
+          style="width: 100%"
+          popupClassName="is-dark"
+          @change="onTypeChange"
+        />
+      </config-item>
+    </div>
+    <a-divider />
     <config-item label="图标">
       <IconLibrary
         v-model:type="config.icon"
@@ -95,31 +124,6 @@
         />
       </div>
     </config-item>
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -250,10 +254,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
   :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/IndividualCard/individualCard.png b/visDashboard/MetadataManagement/IndividualCard/individualCard.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d2992f78b9016c712b395a8f1ebec1cf05a1097
GIT binary patch
literal 6680
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

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyBattery/Config.vue b/visDashboard/MetadataManagement/PropertyBattery/Config.vue
index 7660c7f..01d40ae 100644
--- a/visDashboard/MetadataManagement/PropertyBattery/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyBattery/Config.vue
@@ -1,5 +1,34 @@
 <template>
-  <div class="card-container">
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题样式">
       <div class="card-container-row">
         <ColorPicker
@@ -122,33 +151,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -271,10 +273,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
    :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertyBattery/propertyBattery.png b/visDashboard/MetadataManagement/PropertyBattery/propertyBattery.png
new file mode 100644
index 0000000000000000000000000000000000000000..e357d16072cbbf530df8787ee46d705623ed0767
GIT binary patch
literal 5007
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
K>Q!oXk^cwFHJ&{H

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyChart/Config.vue b/visDashboard/MetadataManagement/PropertyChart/Config.vue
index 9256f60..8ffa796 100644
--- a/visDashboard/MetadataManagement/PropertyChart/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyChart/Config.vue
@@ -1,5 +1,34 @@
 <template>
-  <div class="card-container">
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题样式">
       <div class="card-container-row">
         <ColorPicker
@@ -88,33 +117,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -237,10 +239,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
    :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertyChart/propertyChart.png b/visDashboard/MetadataManagement/PropertyChart/propertyChart.png
new file mode 100644
index 0000000000000000000000000000000000000000..adfd0bdb7275bf3c930bf8ec1d8c00edbba45168
GIT binary patch
literal 8623
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
IB#eUo7s5J{z5oCK

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyEnum/Config.vue b/visDashboard/MetadataManagement/PropertyEnum/Config.vue
index b6fb83e..7848448 100644
--- a/visDashboard/MetadataManagement/PropertyEnum/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyEnum/Config.vue
@@ -1,8 +1,6 @@
 <template>
-  <div class="card-container">
-
-   
-    <config-item label="属性">
+  <div class="card-container">    <div class="card-header">
+      <config-item label="属性">
       <a-select
         v-model:value="config.propertyId"
         :options="propertyOptions"
@@ -14,7 +12,7 @@
       />
     </config-item>
 
-    <config-item label="功能">
+      <config-item label="功能">
       <a-select
         v-model:value="config.functionId"
         :options="functionOptions"
@@ -26,7 +24,7 @@
       />
     </config-item>
 
-    <config-item
+      <config-item
       v-if="config.functionId"
       label="参数"
     >
@@ -40,8 +38,25 @@
         @change="onChange"
       />
     </config-item>
-     <a-divider />
-         <config-item label="图标">
+
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
+    <config-item label="图标">
       <IconLibrary
         v-model:type="config.icon"
         @change="onChange"
@@ -108,8 +123,7 @@
       </div>
     </config-item>
 
-    <div class="color-grid">
-      <config-item label="选中背景色">
+    <config-item label="选中背景色">
         <ColorPicker
           v-model:value="config.activeColor"
           :isInput="false"
@@ -118,7 +132,7 @@
         />
       </config-item>
 
-      <config-item
+    <config-item
         label="未选中背景色"
         label-width="90px"
       >
@@ -130,7 +144,7 @@
         />
       </config-item>
 
-      <config-item label="选中文字色">
+    <config-item label="选中文字色">
         <ColorPicker
           v-model:value="config.activeTextColor"
           :isInput="false"
@@ -139,7 +153,7 @@
         />
       </config-item>
 
-      <config-item
+    <config-item
         label="未选中文字色"
         label-width="90px"
       >
@@ -151,7 +165,7 @@
         />
       </config-item>
 
-      <config-item label="边框颜色">
+    <config-item label="边框颜色">
         <ColorPicker
           v-model:value="config.borderColor"
           :isInput="false"
@@ -159,7 +173,6 @@
           @change="onChange"
         />
       </config-item>
-    </div>
 
     <config-item label="圆角">
       <a-input-number
@@ -171,21 +184,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -359,10 +357,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
   :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertyEnum/propertyEnum.png b/visDashboard/MetadataManagement/PropertyEnum/propertyEnum.png
new file mode 100644
index 0000000000000000000000000000000000000000..1109ad2fc932e0ec08b2690f0b1c59c147891ebd
GIT binary patch
literal 8298
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
HuRi<_4yq0c

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyGauge/Config.vue b/visDashboard/MetadataManagement/PropertyGauge/Config.vue
index 9d68e82..cd0ead1 100644
--- a/visDashboard/MetadataManagement/PropertyGauge/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyGauge/Config.vue
@@ -1,31 +1,34 @@
-<template>
+<template>
   <div class="card-container">
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
+    <div class="card-header">
+      <config-item
+        v-if="isProduct"
+        label="设备"
+      >
+        <a-select
+          v-model:value="config.deviceId"
+          :options="deviceOptions"
+          placeholder="请选择设备"
+          optionFilterProp="label"
+          style="width: 100%"
+          popupClassName="is-dark"
+          @change="onDeviceChange"
+        />
+      </config-item>
 
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
+      <config-item label="属性">
+        <a-select
+          v-model:value="config.propertyId"
+          :options="typeOptions"
+          placeholder="请选择属性"
+          optionFilterProp="label"
+          style="width: 100%"
+          popupClassName="is-dark"
+          @change="onTypeChange"
+        />
+      </config-item>
+    </div>
+    <a-divider />
     <config-item label="标题">
       <a-input
         v-model:value="config.title"
@@ -83,6 +86,7 @@
         @change="onChange"
       />
     </config-item>
+
     <config-item label="单位字体">
       <div class="card-container-row">
         <ColorPicker
@@ -138,6 +142,7 @@
         @change="onChange"
       />
     </config-item>
+
     <config-item label="起始色">
       <ColorPicker
         v-model:value="config.progressStartColor"
@@ -146,6 +151,7 @@
         @change="onChange"
       />
     </config-item>
+
     <config-item label="结束色">
       <ColorPicker
         v-model:value="config.progressEndColor"
@@ -154,8 +160,6 @@
         @change="onChange"
       />
     </config-item>
-
-    
   </div>
 </template>
 
@@ -278,10 +282,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
 
   :deep(.config-form-item-content) {
     padding: 0;
diff --git a/visDashboard/MetadataManagement/PropertyGauge/propertyGauge.png b/visDashboard/MetadataManagement/PropertyGauge/propertyGauge.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e85593ab2fdef2412a4b263a10e3fa85cc14b01
GIT binary patch
literal 56899
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
M07*qoM6N<$f)x-L^Z)<=

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyGauge1/Config.vue b/visDashboard/MetadataManagement/PropertyGauge1/Config.vue
index c69c159..3e03b90 100644
--- a/visDashboard/MetadataManagement/PropertyGauge1/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyGauge1/Config.vue
@@ -1,31 +1,34 @@
 <template>
   <div class="card-container">
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
+    <div class="card-header">
+      <config-item
+        v-if="isProduct"
+        label="设备"
+      >
+        <a-select
+          v-model:value="config.deviceId"
+          :options="deviceOptions"
+          placeholder="请选择设备"
+          optionFilterProp="label"
+          style="width: 100%"
+          popupClassName="is-dark"
+          @change="onDeviceChange"
+        />
+      </config-item>
 
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
+      <config-item label="属性">
+        <a-select
+          v-model:value="config.propertyId"
+          :options="typeOptions"
+          placeholder="请选择属性"
+          optionFilterProp="label"
+          style="width: 100%"
+          popupClassName="is-dark"
+          @change="onTypeChange"
+        />
+      </config-item>
+    </div>
+    <a-divider />
 
     <config-item label="数值样式">
       <div class="card-container-row">
@@ -255,7 +258,18 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
-
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
   :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertyGauge1/propertyGauge1.png b/visDashboard/MetadataManagement/PropertyGauge1/propertyGauge1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c24fa253da6afb7bbb877de80fadaf9d5c1212c
GIT binary patch
literal 13917
zcmd6u1ydYNw1yW60fGm2O@aq!ad&qO1a}CFdvJGKSlr#+-Iw4F0fM_bT)z7wZr!dL
zsh+7hJw0c-=R9-XFeL>^RAfSA004k0EhVM`0Kj~H-=9W=eP8b)*2%nYkQ}76K>z?+
z|9=Zi5<MCb06-3q786!;gPe3&#u6_$pSeRjTISZD!UsDsh=lz<NjbpKhGCiN)QSnn
zUe{4tC{uthJ-4-cDa26(@0Ye~4DO|!7HiFnj0Qa#&E%f=$Kn}A5-q1Gzf}Tiu%4zr
z{XxB6*Y`9v-R&?JFj04QadysIf>&CKdKMR_<UP{Z($ILlTK7B!?in$q1OUH<_X5o$
zDYjN!;b85!LPJ9XF`~CIFah7xY4D9pOC6y{YJGkHLI2RuVf<~#N+V;S;d&E+aa!Sr
zS|r5Om~aU*T1j>F!Nun+WJE-On3}q?#Mkg#`1gZaDC6`=-J}>8)oy0AMU@=yH45X!
zG!_o9u(*nUpz!bvK|(+n7+DG>1)**g#Kg}S)!48*|8J{{f28yL{gWfQ@%DNrDJj|Y
zdQ)|_(Y4XG?!c2F;P4lK$^Y;#A-tBAS>N9N?5^{!V|{)7Yo^;)Nl|9_(DvztQO&)%
z@2$CHH1Wad>1%-CeSjFH@>$wEIC}y-u)n{L?sFb6k<R6NnUM8d*7aBx7Z*3G8@&zT
zaXu_a`9X+}AFDFokj53EMt3tvWRHy;^xws=4`x21lVXcB*FMY$zRWmqKR;hh3SNz~
z<tP=eb5sb@U-h(@Kq0`-VPfxRhh=7F=1In6^10WxwXJwto0$CD6MTDEZm`xo_h#ed
z<oy2qyk*kc?(TH$!RvK2iGIn3Gfqmc!-FG9#(Rg};NbAE)Rp8#<j?MSFZ+b^(L4ty
zXRt_)?MfrK@PKr3@5;XGrLna1>Gnjo=Tj+`GCSeP!9kcrp1!_*Yh{})ba*&4_gmKm
zQCE%KS}WcUx19C4>kss|U$j`mbDL!gHC%{?+|N4h(8vV-yAA6!jWgtRJ$&O+x*f>X
zC|hn-)!Ce;f%nA#-iFW93DtW~ayw+N&y@=b+gGIZ^z?WMpac5)`r2I2T!?bdeD2x=
zUoT<|ye`D=O8B_B@1yL!sIbCj+iJP+Df(w;)mXvD$H(I)tT{@<Cux=1b-S_#kJF8|
zD<V06jAQs+PFGtb$-L{=lPcJR)7c_OcwJ0b!4Y`Ooj3Ekk};$w`}@@lvN8_=WY0o~
zag%!nJ`X#1@5X}gerUPZ!uZ|Z-rgK7biLfJd{xYR{u_Xf5f@s!WMgf86!Z!2@#%@#
zp!2!sBiZprSJ!_J>bIlW)XYqs@7t^3>$c$Q<3iV~XV;x)nP!#G)dW}9MU;Ir9I05O
z7-g7P@5w*~Us_t)?djUnyC-<vlo{wZ*{u}`+?2R(c;D%6JZey5x!*3CcU>1S^S|D2
z#|XaO&sXRk>CZd{wCF+CJ_U);-vny~V_?8Y11RH9vqDi~;kE%ilWM;HzZ5#i9px~@
zvA#%!<fBsi5yzrQ37Z5|huL7DNqx$fpO&Z$z(ODu836nnRx_k?B*B48MF{^bhbrbg
zhL{M7Ah%3NqM(;o$b_`lJDSLk^ity#b&n+I$10EpA}Rb1l&(cod*Ta499Blc<VqzJ
z?T90gw_wj%@2}@B#Z;pz7E8qy<$xWw&Z7BC_4#_<j*^<Bwr(1NwVOB`6@JX2ji0oe
z$e=K0L}(Tf5NabynOmx7eojlH9X*RZxOlt~Q6i`KJui%ak#BWWgi+4kPzQ1l#kcCe
z+DvP3=|ZCfmG=uwAOc<HDcJRopoFc44#yyYkn=mbLjtqq*3D41F`YMO@EGHuD`BC9
zC7-NOz_{iTRG%73FGy*YE5vw`q=-r}`@31Mm61HGxlk<ej*mkVh-%mt%CB+03NlSd
zTkhCU1X0WXL{ay<l<K#&cQBKL1p>%>zBp_A1_m)2asC#YOD=EqGtWXSmrG_P5N$)w
z``WVJO?6_GuOC&RV!Wo~g~Nr_(`+#UKl)G{>r{TN4r;CXK1YxIS>dNnsx%gE;;HkT
zQ=ldAXMnYg<*e|(^=f#(0-_8*05O2pGTG4zr;%nkp7;-S(%F+vP(gmAB`8`?UD!WE
zQIrDpb4oMmwnQGG<pL2`U>YaBJdxebjt&d_s5Z|F-sCrEvlTjCg68pazN*~s#DZiP
z^HZO&)%b4W4>$w-BJf(4w#BQd<lJJ>iH&L<6+^4N$ztilFsS@#U|lUKI&R8bE6!i`
z1S<@F+J67OXYH%@NnX1(tvCO)&}jkPt?PO`Bm;jt3b3mz4vagTfkiib56I5evDa#t
z=z`?M5Q+WTDn5E3y!Ce{V-Z&l$3x7J$Jbr`h~tyh%n%?A$SYXzv7%NDFSaf}b%)yr
za+TMT8`?}XDC}`BmkxeDT^_t$E)2ac_`U^IpbHGP%?p1=)`5Sw2d|>lazH<l^BH_0
zYvw`+ba_xxu(n@K3nheCvjfKZt=g7w2$M50`sb<<lwlVuYfW)$_Rs=d$P+g%aS?>n
zl46Y(GmSu>;0%Qq`<;8(H%SyG7#TJz`t~HBo^+TybyH8(=WWzE&o;|Ab8#29a4D6b
zxv{;_$UAuyQrV~<7}2yra6(55^_|Z7cc;>9*kK;L`gM%}yE@|~G(5cz8f~e(;ldv<
zY>KDi(i_A92)7V~A>By8WpY5cz|38G*ZJhev3Gva61i-oLDC4z)AP^y4&jwozgicf
z;M}IIM<!9&9X-6Xb{7|$zx&tw;_?2&9cyZUMbO@Eim&_Wv|(vkoxbw@_{ook4*;mT
zM1S)M3(~mmB7N8qZm>HtTrm$`yp0kr6CY2U$D7;P+l3(CL3HeJ4J{iZGwJ6Pg=(nt
zV+J~{?rD$1v8X{~l0r7bog%(vcJXhJs{~WlH?njNnkvH4Xh!Rp41(oWQ(M^?|2tew
zKsWd-x=Y$2=mID|L;U(QCP}u@P(o`o9*P8$PmW=<FXFTB?|7T-^Oi7r$e3MzzL<|L
zo(&<CqCGb9DSo?8`V>N31}IL7)F?Qe7(X7-ceMrHPM6JSf1N5$j?@Xg!nt*dMSND)
zlHze{e|z&X!s~|Ao_@rD{GQp;scO9XdGcz|BL$muBsaVM1%4F#A+Ek+YrjD@pyR8`
z43&xupn?7H)^5znwQAXOGFnbJ4Q*Smgo(4wA*$(6-_6A9ap83RwmVG&Kq&&CEJqyc
zAO{GUfCu{C4)p{o)^Ca%Phb$mV>eD8k=pIes%_~rAkC|;R{suZW*7i~y@jSpGtdWU
z>Q9TYi^BuC6}Q6^&J0a31)UliPduX3Pr0RL*_DUyXG^`gsLti?Ye>t)4jqj0b>F=z
zy1MS196kK=hw%#Z>y0nIi9$@rf)0DaNyA}sw_Sdjt@&{v!>K(g7YHQv;#7W%`~}5<
zu2u8`MF*v@0CChp<dk&$Z?e21+|ln-v*}85BCOe?ZvDPh_k8G-+4(fsItlca2#~HD
z#vl?+106KCyGSp+#x_2&tp7o1vfg7<LgS9kkW(<|^s=<5W;PgxaR5L$Xc81z5+Y-F
z57x)~#^ohH;h9AecznY~K4{G;EiJVwEj?<@IS4L1Y^^+!keYGQ=fXEuk)cKM%TH91
z(G-uT#+0UIC`+9*y?n4?O5vDjH`Puy#fd01#jzdIk;_0;x5PiCA@85AS8?ZT7==TV
z*ToL9hzi7j0hm%)lf4B&NT*J{#I!qZZtL6EPDg2V=Ksv~tanBvBy2Ytx9yq%0Pu{{
zvCv&1R1lOO#MW?uTTB-TNUN0W-IU_SiWvBO5$wi?8P)HkuZinr$TnD&kX>5P_p(qM
z9wb6xFuZfsA|jB*{BPWdB}3XAq&-%<`*h8tubM!G(-2$KanZ<!HX=6_eo#7Evsw)c
zOrG(LS21>c3Ru4N#<%}%x~To~ZMAchB3F)S!S`V_Xg%V<i4b6B0tW!dDThU<L8HY}
zSks}v7;&l^3wF||FIyK{?6?sFd2yj!Yo}2nGfwg|pTnlR141u@yy!9%3gc%+{yDLN
z<%%K(w6V4z4T@;ru@-KUp*Xfeh}P|`)JQDu@}xfEW`(mSPi{{-YBxkL6VGF|Rur)+
z(eerzEsMPDeDTcKySNS^NFv-za$n*s0Al4V8ma1wYpngjZsi>XEi9P!QvFn$4%Eb)
z*N>|zVruo}CUi+7W<{#tsj!iY63ekhm~6IjGJG$6=6t-@2^wWqdjdN260h|YQ8u?B
z9@{6;(L#RwR(%h<rV>Y{ADtf0#{*#{iBymv+2zK9Z-<msa^}`ErMJnMmA7u}SZG0&
z3rnp9*o^cU69siGCOm9B0u6STPD48Z<1BlR$P@nESSmXxWtkZ2L2)%=WvwT|ws%8X
z^%uC_1+9)Nv_qI%_btECnSLk~)^Qy|(n_5gI4cjVPAu)i#6>9j7BX<hTpS<#<J!Yh
z)?Gbf!Vg%k)1ItU9rbU<Yvx%O#J5IwJ)^v{hE|05no=BVgSK*J;EFs$SX=m{ONz<n
zGN`epHC);44=s-@6vRYY3z@QhQAvXpRn3+KT>l*Kei;n0VyC@ofy_JFG>}LGN-^i>
z?YM4z<2alvY|?vd^C4ksr`=PXuba|ij^(-9!=|}m63`U4s;{|&gX)Yc^Nn0wVkqiA
zQBn@(@{BSsEuW6tpaXqIPT4MFb=8gl;@ks0<xK{=Vm)Pd)uM}$J-3BI9EQvlaiHk-
zLCVGv33wDyJ57=Oir|1d&TTv7#aT41wx#GHlQDxt9#b9cyV_n(-X_(O=zNL#G_K3a
zf%aEE-XX)AQVQJ2XhNB91!=LxAdEY&dTy+}IMsdAw?l0Ta)hGO`1)8FQmT_r_NgE%
z4;K+sD>2mEze>yYx?Mw0ZLQOtoeK(BsVJ#whdxf+`7k_2C)6nwk}|jCCe%Tia|qQJ
z0)K69Pg=QpKNqSst(QCONclH;9AwCvIhGqNwv<+V4N@I0z>!~wIx5nP!5^)>nRse!
zY~(0kOe)gL2Y>dKte~n2tr-)l{fEpm*_Uq^5osCXOp{B?f$T7MznD_bD~RU9%C?T7
zQR_&Ibap+p(XI%m+S~xdtF1&{VVF!zX(gt94_b348iFUTrJa&oIrqs{<~l(Ww)Na!
zXe7&3yXv7GpAL}X9R*GnMG%pKbx4-=mvS*#NZ-O+4@eE^OOt-ojMjW0ZWZwbN&QIs
zMzXZ7@;3-`Q!9R0f5S*aOg`vRm{J8N^5FS5V-&iLrA_2|bY+yn8`9NZ!I3E+M;Ro~
zu~&zEq}4&X$-LT0OUtZ*G|{a4+FBPphB?x0QH?@J8yGUZyfd=ouOa43VW$?OAkcIz
z$=Re}Iyj5Zs+v)MGvrKab&903py7_d(dZA)Yub#joY@z1ej@>t@|-odYgw-e1wGo|
z1@uZlk=`Jr$EuM2C(ThoP|K4aK$q}RNlrI8l_+AXfMbxXh3a;{(M`<2lH{63XaM5<
zn(cjwXH-uXIvPE9_1L3<^{Cbe=-1UaLidiVTB>2~ubWP!3JX>_H`u_dGN}KJ2+ShU
zk)sQ_VNp$WpTRoqcWZG~cC6e(X~i1->MC((i)=kw+eOZWVSZlkd~MJ_2Qt|;i=I!M
zgapJ(!5)@1?t2PWUE2ihkg2pfK4vhDz&>wF?+I0rD<`_d9sC@ei{C@UAYa7#c;(@m
z`im|tnZdX6T9t^-&PJVd19Q1U2i-(9Xu2+AVC6XBO@r?S;a@^Q9tU%LdT!HoHLP@E
z9Wg*j!lT0Y%|8vw%f)!-6-qAybWeZ1@prq)C8z!yX+ts2j*qF<UdT4O^j$|y7e(wq
zD|7YxFF4mK4Z%+JmDxi0+7cw$dMj7KusDgMeZjHWdpX~xc{y52fPZ2l?Q(Q}aiw4N
zz#naT;sw!P^NZR;%$HNzz;_>McbR&aBKUfSL7ts^uB3)t7Y*L^2rL<l{D4Sdi)qY<
zDKZupEe5cN{`)#HYOI@B39sr#p6=eGB)9T_U#fF)KKbvu0nAxMmxc}i*a#o^e?Vjr
zox(u_{7Y5XP{y^LK7FK?NdEOD04JAN`rISS?I4h2%h_)iLWEhAS~rpC->v5TrQnlL
zsZ_QxcW!=dIb*ouso@jX#qKaN{?VEjw)|2pI(r|_BZ$T8=joH(h9-vGu3S`IYEG$F
zp*kg-Z5GgPv$^#Ib2g=H%`xcPUT@(2Iwpvler)>Nn*szx<qx57O-U<3u~7ohFak1c
z4~)n*hRK$@w}mNp!~;qzE4zrIQk{=Yi{32e((S%rB4E!aRS)6}mX@coa+zj$MGffQ
zr|FNe|6Y+%QkeSvc9#l-V6MwSces!USSL7$WbDz*VPoMjGklysuB`O+(f6o$SSz!y
zdxunp#L?dth-PxhAjxA;6w-5BSHu(iyXH9Rr<XAP%IU1nJQhHvy?%?DLY7&BrjO$n
zD5Z21gd)RR*TjhFWtQ^VO-K_vF)dViKF_i2tw?)x2S~0RFn0flfgg}Iw03Kt$7@dV
zKnvz#=s(w}Jx;oMjlFuy_=X)szVHgHtMC{pwN)!JKUEWKP-cN;TbBI&Yra;e>x{P3
zibx1ZZ_%;@Ht&K6NovivG`;(!1hgH=!z&^t@e0rP0&i_?tw!rON%KcsEju{@De3FD
zxj<g&VaMJ2)3SAyy0^)4ewRSz<Pz2&TlMyp(uH!^R#=0@9KjBKO}KYc2n5?FMAuJU
z-MpMawB6`1FssxtJKmGOCWRfthYXTc1Jr%^@tA*j?SjqK)V<#$`;Q0+bVKjutYwc>
zex}iWLx7W0Bc@8Xmw6QE_;0vGwaDi>kL=~xT=41CwTqX91qKkkje?H;HbwTL%$feO
z%hlz+|0hT8i|Rut^?k@p(5HmPY@j@H>k|iheD6WY$#PwrC_{DL+Bb}(Q{MU~-wcks
z#FgYjya`b3Wy#j2FD#clEdcNiMBqN6mFqUWvl5W?LZ$aklIG<@`_p_=*UO2$&sBP%
z<?ANd>t@#TNY?vz%A+K3D4L}0tn-P}Zq@A_RWvj;-QC>4_~m}{yggoOu*Rb#42A*V
z7*N1+bDMNc>oRa-DFI+v)0UFcQdB-|^B0$$)2H85ZM5k{<@iYGgHn9X_OwNLvse1b
zDPjFxyZH8LNvHux)E?;C=4fh<jwA04loNQ|&m-crS?ut1t<i#HX1Z+1P-C^|oxbC(
zcQRvRQM~6AYmjJ+F98D86<WS?v%I`M-ZG<=+jmZ*kij$eURGC+Ng+(bDa^Qq@<X)w
zkkv%&_ZUkEYsAr-3WmD*X(xa#<!OQLjUskJUUaQpaqaONp)#dof??ZKVbY7EHC+5~
z9IJk{>IYpJ%Zz)lT#P349mp-OtiWWqv;gB$ks=<q@Vf5bVGiHTtZE9AzQ<|H-r*&Q
z{&OxdZGr8IiVQ^{hRBS}Jkwb1y6@Wy+3R@-2?<HpLwZ+9DIFjc?d4fz^WI`Axjzb#
z0@xxwG>Wy<jTncB6dQ`k0!w{IZd~u0^tj?GDPr|Ux-G1Dg;ZVRObkkY%MLNtO%QV*
z14DHi6Mtq<i30icyxz!0=uD&DnWDQl$&j$vVCoaf3)HpqDu~%@b2yI5;Po=4>+R)i
z<<>~F)1KQ$S%I6l)8od9DTRoDfPjd|+S(el<Mi$kzV{)%ZqFA(zDG?yV@aq0NP4}&
z5m!+}yr0rfnfkaO%HGjX5uI>K3K$H-7Pcrcp}_h|Wp@|Ne468ws&<v1aS|t|leO~=
zS~^Q{e7XPth3ULwt+=G7wyM|+&K(}b)AI_nTN$9Fo)r4d)2<$#|NOzg4C?#YRQ3Kg
z%+JpLYZQOybQ5MrW>dS&?dSe&MWqoFChlyZ14i%6wB2E|m-nnaL5iBx=YDg+z&C^C
z_OPsql-H%arsiUQD(~~>&y0+WAO84w3Aj4V*6u_~N6{jyqQ-LqSj55By4EN)=B`0!
z2eUZ1?A%-=xRxe0W-MMX<$9KW0b1a>ntbedqhPFgAZUZ$Hgr6))~bzA`rp-q>$>~i
zJG6y^gX48QwXw3|aXHpvz$GFh^L+=O2p>QGM>cs+o40d9NLvZqTk!%665pH1y|*`+
zwFmJ%u{MYp+U|PZVQy<}#b8OFQ25_smDc!cdvJz!rwH$A+kF9h8%$<6tVWVV_yZHU
zPq7l++YUsX`vDco=ug7~_(K5vnA<8^@O@T&(3-DTDvh8}@@9?~D@=?osnzS@veWzN
z_H4sGZFi~8T(d%_!Sn94&U_LL9i5AVga7UMDo1IpwuGT>xN*e){s^6w`EFO<Jo&+Q
zQ=P}9{_t({^!`?ZF}1xVNr}b4>&kQf!N4bUl6?ClU4-n7Wd83RexT_sO6PaeEPVPj
z5sjyX@oiT)DO=3jCHb5Q`5wq#1;S0W%R&`hg*E2S8s=D5_qhW>y|Y$>tet!at!k&B
z5t`|V4wR$806E~JCc&Kx;qM4}eM5QvL#X0!Lb`P8)eX~I0Zd^_R7px$-ZMP`$^^|L
z{kx-TNa9RZeRK?X2SF0n!`14{-db6pk#m;#hcdV``SbAoA^&0U6Q5lcxAjH?Y9c@k
zKHl-M6tpAOQRYLE9OYOj|I4BI53l}p^PC#cRpZQ6>^^}gZ$<YyJ4=HLL%Ugc?E&6i
zR})O?@D&A7_LV!yprV#}qQ2QnO#ywb?e<fRO(KZnh?sy;i`_G@Z+A&j1-QCmxw=4r
z?4)Xrp)J}}yQ8dj6aR+l_F})wvrq1iJwmZ}c;KPwO_3~VveG@bdG;*md-qsS($Am8
zs?!!`R&Yhf{Nq&mJgB)+*xSjunWo-`6qO!d&B^q}?$=5En(H4>DgZF@*;~nFQX21A
zGX}CR`2G2;6Soy~M&(?3<E%x>r7>kO>~uEz1L*nM#kcUr^)^C$@KHh?Eu(-OR>Cja
zp*c@`V?Fod`kzif+<;EvjVBnhlC`ksSnw+OYKwkP;AQJ~mwTDLYe?hBkb8TIaC$<+
zj%S{kfyu<<-W%xkvZco0xk=XdK`?k>b?SkBl3<Of<{zTIj^E_kS@a>gQ}FgOD<{e#
zHF7U$6RUKaU#PwW<><}#g+*2rJ_LXvvi;g{n+p%z$KRz1ez1nEhQ3cppehLQ`XcU=
zV%EyV2uVgaeso5Gv!_zbeA_L@d7C4mA;Vca8w8{(6tb{hbKA1Ptap^*wP*g&b7iHP
zjwL-#T`vqEhdSs7wAKwQL^v}6FljP+(IsMD9=d;n9+ZW#0Qg%0s6?-K@>wlhHOq!$
ztUDhf8opVdCFkv#Q0ySN!@;xL{_=9*0oT25ah<KV<@`fKrylrc%Hpnlu>51MbfNc5
z0KPCg>zby^J740O42cM=()r5fBtEyXzI552c3)ApgKFA4`udOr_qOnNWm^LQz|9I9
zFNU~i%<knmrkZ8FQNS<>4|en@cDwHa!hIATEj8^#jz*+yw?e`+>#yfmv|h;q?6yg^
zZ}|GPGe$@4S?}#AVH+x$s;F|8%UZPQrdY!(DDwys2tG`oZ~mh1i(A9A^sRM%qKYCC
z)uYL_9=LWz*w~+lVcwGS2^?5SQg72LhS?P(3!EiXMp7Fej;mwkS2+t`=w29&6Eps>
zH*3;KN1U>|!MT4NcWU9e=o(Wj?l=JPvAujY{7DFCjS7CVovC`g(>HLpTu8a2nTPWe
z-STodZWy_8EGhdnOHg?k%~<Z-u`u!HNq*Odp2b;P0oB8}!rQ+pX<Ld%Ad`%K(J$WY
z87}|nEA$>Ywr!H2Le}E0!NB)G#FsKm!MrMC7-fkX|L;&5r{H3>u(?bTuCLu39FHo1
zoDn%>M)T6~fhOYD&l;EY&JQ=|a-6h&X-@zEA}iY$iAiZT&>Gu@kyiz=?DUf{!2$(<
z4>X?Xjg(1D@)L*bIMPKtc?UoU2>*Az^Hnn367ap*!`?_fGUb@~{YL7Gl>ycH%_^yc
z4PLHa8F9t8ZPUN6vm^|`(bvppy7i9=AhEb$)^;9cKWYNS92m_rAfunBjedmIf2lk<
z`%(G+Ju?g(V4+uy<phYetXF)kzg$jZ)TviSh4Z5ZJ0Wk+*N&g=^`>cDB|8_;IMHce
z{&L9<H8=S3(e#i`Y7ch-^wX=HIIwSf$#N`{*(>|7;G3JPwaEh~H$aIx&P7fb9-fDe
zqL9TzOiT>3a-jK?2S0rp8fMf%-{zzgbI~Y|FQe9KvVOX>>Ro#UH4(&lxv4&{aSV-)
zHpe4V%4S`hY1NbDuH*~Ej!slNg~WeUC}tVpX9{%6CoeTg(6%GLoJVDt*Lh9fwJFQ_
zXP6BchzI?<7-7inuO;aIEc`dPcH~lnQbkj(qs|>nkhj)mAaj5ttqwCuHb-{tbE~28
zl-Gx~)^7XBDhI5VUDr6r4D=2fcj~a_|MW(;H><{Ey7Etp`Xt^)22K*`Z`yLGQtRts
zXnhe4mU2o|+k}@2IHtY2Hu?bCOe7a|PJkYU?n!6RtzO{G7EEYm26xjLn3zljd9H_a
z%0+9Rc})J@aF6NxOaMzeUS1#WH|!K($)n0HRL+r@|FmL!Q+gQEo6ugBhPaU45bD2*
z@Kc8OC{+ZRYepPe<JjxC=CBn$Rjk%jx&Ha_4_-b(R2d8Q(73~r=fn*WIea2~bnJ&Q
zTCM50eA-mRJji~~oTu=`7^UQ^I`nCqR^)FDeo=8fqc+2G39VW)mV9<8R0r{64NX4(
zpIz57ot@pxs$YL%x#%b|YW%a?s|_(4wgCWKxc_niD#6mS$WgR_??27I9y0)b^?%`5
zEe{N{s1#WZIDPQ0BqKdCoUk5H6XX_mwRO15<yQG}<x;sHs7A`toZ|?^z=T{xlxB!p
zl)4Vc-q$xJ*9?G7&|>{490pNDrK#&1T^ec#)J^Am;ZXnwuZ>z23}OPg)3f7A@&#2m
zo6A;tHNQgu<X^)jXG95<53`<)E_?Hn;QYR8o<%x098LvIHu?#?z*5>Tb=QAS<VCBT
zCg>XsZ7rl(C0xj(5Ld6RSFv|g+AZqgG8ioy1qy&G#~q=|lrSQ5!tjs%bX|PmR;(Kp
zdd^3mry8Y(Dz&&i!slj1dY_NpgRRXjO%4wYeh3Ir#}$i4@lRL(s%$Wfd&{f(Tan%q
znxt9FB;G^;YpjLjnjYpU8k^AZmk89Z=xMz-<DRNbGuh!^SCwbJl6~QA`x^DT)cy0q
zb3*8RNE(^-suQ*Ijui{g)U?ZI_l!!ePU>IK2f#0m=YwS1C&Kv_E82pNb4bsMXxa6u
z*NUw%DnH*kt*T}md|X?5ar$9hy#bx(=o=C%5We?vL}{qV7W$x8SxYT!st$V=L3f1h
z=aoOx6%k;d$*HbkNs{zc*OhOsu}oI>+prC7yaEL?1H6qgRo8Oui{S0Crk}dPkx%0;
zI7NJ{Z@DSg$_<w{wIM^>ECkWd#6#-Q%$ZBD5eV<Vk|3JDq=4Tb>?g@XXfHpIJm^(>
zu|B`f%J0#~wII+*yZU(8-|~w--DMncfiUsU>#n?k{*7V#bAJVvT)|6;m5JB-<@s$z
z_P&KFlA%kY1*(Y$_kIOqf4yl;+OAhh6*BxH_SFIWzE@vNY0ror5(iyQl@tH@8Sg1U
z6D!<9i2~KSF?(xHb`pBB20BAouV;0ko89K!>w5~v*V5LudK&lE9gZ9$iQO;S<)6JU
z7WX7~^yKzTEC)aDfrh>Xu&7(IJ|C57)X}S(zNT5D(%-E5RZSCWSQc~^C)O4M=xR%z
zwN)8kXVI;c*|A~?1_zvJX@Q6*x^O$QyDDG4t_}Okw4J<eaok!u&z_sBM6|fnm2R(x
zy**H~-$9ZJ3lFn31wjMbic8Ig?VrCg$5-!NPjqy-BE_|rOZ^rY?*IGVo{=5d+LHTm
zj}rJ&DnR#P@#cbVE&|AuO%wPjbcojoOds5`Rq|N%LQ9&tj}`eFGPwqt7X}l;Z{BY<
z-U#FDeovhoyPQRJBLa_}odP>~jPAdeEW@HI$S;k*fI4TON%BdCrMEAFe}C36nY0t5
z$$WC1GQDJtZEwISk0MKAOJqjGP`V+Syo$IJOO_{`eBd#|8M|CfHfM^gp?mp0xa+aX
z@Q3{YHF=-XL`+GcL!!FdQA#8Fn3(Y9uKqH^v5<k6nIyg!oGCK+o8=!dw{dv*j;ZSy
z2B0$fo@Gg0ez%cMy*AE{sX)g#Gkj{P;j<e1wofS~X%*`7TiW{+$Yf%pA@rVQv?!96
zj4c*TP9ZI26<SP@lmHIa8lwEdV8_&{3Z3&>r$9n+r&JK}$0nx%MvEDOtccXz>Ixsu
zPg7Ua(<eogfLe2x|0M_QLFmIN109GZWe&I%#7Qf|SH;um4@)i6Z%^;1J|~u0^cR3j
zM^TtU87R0#<%OXHl4>{zQYH_SN<*%rEgIi#v4#=ZgOrzA4Oo%fY^nh8e{eY2ciW&k
z6VdalNW}I-<&;FUG<$r+X!PMKEP1ryTTGxc#36>%Q^!3foQv6dGKLhhkC6!dWdPDK
z3jaz6#?jFuQnx|jfpKSzrgoZp1)ypp%^3YAAel^L{|9>*jXh@*FN%K7PR+d21VYi4
z({@r+p=F#@Ad3s9;H!eiUqiEV!`;z&ho_esb<b^U($I=sOel~U8#yV#Q#UiHNX+}w
zCoW|2Yi^OY3mz@BWm<kdBt)UKgVwRZn9-Vi2l;74z~8mjl(MaOQN%x17ONYsgRpk+
z>Qc1M`sg8jSepigP;cw~i65Y8@1wQr9oLzZo6UeX**j5#gXRUqAbevxoo#WQEN><X
zTq`jIQZhw9VDc>3n_mACse-;!RY4gUm|%#yXG3qeMB?E7JuAiBGz3&xdYGN@I2rKq
zM<$Qp9g6tD^T^-dT||Nxdq;wGeHN<fbB!l5#sm0esmOG15m|FvLDymvWGlR6%1bhA
z>SvGsWZnf4)Uuzp-1`>H8k17?6th?s2CiDCvO|lHT9ua22NgS5y?^~qFyKt^<+&bX
zSj<rh1qp1VTCpTup!2P&X;)TQ>27ByUG#mP@g0qezV63kc)skz(c`-kZ)~v*$}O=k
zK=5I8mSEtXkrXPr%Jb#-fag|Ka~8;gBO5iQxb9zN*i^3q2Z_DJ6->EyaHw+AETq#_
z9zD0L7O!51hDPEDXHLYRrp_$97*5j?kNuEEVpBOycb`}tD+t;Bpq{}(9VS(<*hpv!
z0APf5lg+CcsP#sO))I5b`|T7&)<7)WZmr|u5Ic?RxCtrgAba^7r~h!><IC#@kBRpn
z6P;1Gw}R))y>vmf6Y#JL{raoZcrl*u*Z2f_sx|!t1JzP4_88v}7Gd;76au97Dlqb7
zrP3bP8$X^c=u%SK_$`^iRFz#H2lRViG<Yi`F%uexim9QwTnYr1o+OU_;Ka)AitS8Q
z<P7ZN)m;{i@JXYKBzkTBZHJO1E^l?qZk}EcSJESAfr=6Yr|aZvOwb6d{Fp{N5H@>X
z^KbFvQdp0Ohob5boGm}&q0yC*BzQhoB0o`m({AinEF9n;c8@;U(wLV)5WN6K^jl(H
z+svkTLTL50sia9On%8Nu%>(V8PK^UK@b&gz!>gBLbu5%e9B{~5myD4v!f0#dG~O9~
z@~yXFVsjps6t__w$+~Py!#kY_PG;z)`r>xD0DcBHnw-J&@Atr1=<hP0d;d<==t2B!
z>H{fBazG1{Y$RsbVS!Uhk{$filH6s*NF3G3g)keN-Y~KwqD;h83^-_}B+T=38L3S9
z%VvK`kYa<5{k`55XV9Npc5YDKs@-l=OHXY5DBKd*AjyyVcYgd8W!ygqftU{>;!S}g
zw<tC4blktl4InJJ$_P!-r5>f~vOqnRIt_x<@@?Efm_a0Z)`&t3_@P`ik=*1!H%U*s
zDs3rCukC)~{^hOGbk7gy&F<;knb1@+wPDreSvF;b!?@CD-T3{}-G<jUI>$>u?P1R_
zez3DdH(k64eDHpPbLoH2@h6l3wx$Iabm<bfmcdd+?zMUznYK$$wXmK_d^A=t)2N+@
zmgFD2Ru6;dN2uyDlz#hV`Bb((gt(cj^)P5I=4GQVWL@f}Euu-?(9bnc_pRtOgjAs%
zPBP7G1cS>!(6-ZwjO)$Q*P=L<VRB)jd6`^eLOy9-WDc(++N%gsoJ-E+vM*?}Lvj$Y
zsKeZtSfo;t5+b=yOqS6YA?`@*NLGwuuJY~gdf{ydA@3b$Jv*zsxEe-~Z3JZ({pv%-
zjpFOo?8Eyg!wgQ?yV@?h36{@Ej>_4sa#<z%NeHCOnrwSZ;mR3W{YQ%POq+_V260Kp
zc16yut-wAf?N>@bM}dD;Re)G?TZh+;_6nADaq5i&UqfYFDRNV)qFyZ=_J?N^#c1{4
zvcU(mO0g%F77tpgPkD?aQKbsh!pVA^YXsw70##ZX--ustl1aMOYXe3<87DIR&i7)n
z*VYiHPO`8%^E2=4iLuY=RU7FF9zDIN^R+z_M&Wo6;(j+Rr>yOqzMZzfN6<R<@so+-
zvRNBx<#tjcAUbj3a=^Ef=TT9#&saR+4{A8mS|8-6mU82OaZF>q;PUi*{$XZ`&lly^
zr4Or0R$|y9|7x`toR`;@qp668qEK)|)arZiuYwyU=EiH4qm!KamRBwQsAMZY43`H+
z3Nfr=jqlBp7nbgO%&P^>1`LS^DFNLoQoE?8-H!5{5WBHz$^V6wT+=TM`m(V8lnIGl
z{VgbI<`7xxCCm4yWIfion~b)WdI5!G0B!B;bSWK)i?GE0ZiV;r=9lm|t|1H+Ay_L@
z^J>;qOsv6ryo!nC)tvSKebnB2+b(^3T?#St<uYN=^Sl(?GQi<PZA!wTQ@u{6*u}}`
z&XiOmg@FZo7%9#{s<~9CWnvH7=9fq1-*k{~dJBJ<u(b^xmLJ-@;VA>R*Nx&UH5jN*
zKNZ=>nIY@<rST#&tf-nhPteyyd59Y7mdPiU(TOe~sLNM;>nR&3hu?ZnDg5G>8~eF%
zCWWb;EzQfC9jNyWO9qxe#a(0@m1hGx=GZd)%+hKfiRe@6SeawCdaG5EYlq#eI$61u
z?ru8VO^Z%@EKph{IfQ#>Oadp%pTOLK+(g3oh1Uw;qZU1?RfO4Twr6(Q{(*UxgZ^un
z-QfVWpNTSxX~bUqgR8_0nVgwwqx`o%I(ydZ`Pf=o()D$WmNH-`9iO#j%0oN?H0px`
z5o9z=y&@`Qpq}qadN|859!vq))Tp!(0+pcUNdR!IE=5%=1?fHl8pQ~s%?3>dzE_ir
z4qQ*9|A`X|(Do$P=i`jyWzFn}9hHp@_CGSpfrhpU*x6X4*xQCW1+$y}5~ku9Q03Uw
z=60$tBxv2eFr^>@#DeLCa#^*T3?pF-iwUOi=wqLhf$3CHC^>us2Pdb!t1lF6Ahukm
zY4NG7MyO)?(BM^3;bq<j+3jiy(!;QlqtAo8fi<+4R_K<8&tTVf7IRQS&K!2+UEP8$
zs5G%o&J+&7${|FJVJ^<>;cLT;e{wBtlFpp;+0F?L6~m91OErg@LTLwonty~C5oWq}
z(Ll;Jf_<a-&6|4<l0lb=&kV_6fGDQ<|7%6CRn&F!7Fk&|ERQ-k`6;h`?XAUja0R>8
zI8e^e(LFn%XWg@^_<&qHt%gspjmW1cw34i?`i&ST8d)?bMgBRA1EU^zRl_oy{ha{|
zIATNVnepV95DueOS=071aGexWNj#JDn&@pb&IkPYLk9P2go2{n!|d{X<ChNJ(#mkF
zlg$r=smlz1Qr&dZTgKe<?&`0!r>#Z@v(kR$9CKg<m8wZ1`k}=BrW(Oj!GbZQEVqz=
z7qt~YGP%uj+zM|T4b7aC&#5FAHAKOuH1=x<5b|a5eh{o&?)dk{q@G9?xfBxeX|J$c
zdd8Cdyc2qUYgWNqSRXWZdoI}_28tT{)I_Jg*4|=2w`#Cxx!klBw?q-|(o)7bBdm&(
z9QvJBS}H!C8pe2-lB78J<vVy=bqCO$skPGbOdV{lQvG?H*MraC9qc%sEF1Op>QVPJ
zL|(0{KMhO$qP8AFS)D39u?TY+O5DY;|3lD)xg=VqL3K@9e%!_zq4&*7fcM7h>`|K&
zAhc9QZd)2S>e(3D4RrVcMUn8UQU4o*0r$=~UfuR&jf<=cDy~#K%A~G6E=SpHb@ALC
zVYyjsx_}nm->o=;9aQTs!SXrkEVv8WYQ|iAYo}gY7tnAfz9`iz$ihiHBixb}EsHZD
zM5JV-gu{Rf4mP4fq;k%q3hn-#L`(7_4tFfkt;i&7-v)KqzZ^Mj7$qh&{hb(_@4C@O
z4zaCxc0CQNlsS)urAWF+cMq7uR+N9zoufWj?d4Du*bo*RLjahRYT|y8Vav``j!thV
zV3*x{VVj3zP=fl`AH-!$C96LC0({%68LAy)a6@l}4u`NV;0pYFtM}@dJjlXYS-G&j
z3*<4D`<d<7Y<kq8&d9EGqcQP&!sztrgN=ni3MwG91Y}~qW|b@f)auB1P@Qtm@B3QG
z^{S2ryNY+l115tj=0=P?@<l0V8wX+h`Ep@qb-pR4IOk4`^tEzi!7~HO?PC-$-JrXD
zqZ_keO{AsuHR5_z`>+1nSny?@(J|s8cvQ0jEavsaj&mAjTx&nF2{-F~RJax6eI0Gc
z&lzedG}2A?R?2-|FsUjd<^tIjB8GgVHJ)DMKlb$zYb(j98Q69X{jsQNXlecfH|<y4
zflu{}Uud1D7063qEgIo+m!x>kH?9x)o%B>nrH7Bh4jJ2C@UXk1=aRdVdus!Jb(_FI
zqlGkK1v-(uo9|DzZmx2mjgjnd0BVxBR<VJ6USUmzkfXJbQ2`io)&h4TtC~lRl?di9
zNmkQ^!FPjgl}*VoFe0h+{1WYwF*F&l0QR8Go}21Q0<X?5b6$4PrrmAlLT>q8Yzvmz
zt<W8s!c}G#Pb4_kkbzc~>76X$=&BWBF)#AQ!<2*H56FSw=|TzJ*>nB4Xhja2=C8}n
z*7R<D#a8UNGw_UT8RIab6_3yj%mV=yA3Zr@Dv*EpjNzWyJW>Wfp((1akaf9%xAkA+
z9l&u!6>^k=Di0gQtT<5-=%i+Ft|DWF$`*ZS;W*6YOKRup88tKgK^wz+mP4P}dNp|7
zM~9ku>e|x$Qq9Hc{;;73ia?4=%LZ~QJ`bKK=9+CAtUIrBbco7qrkZtR;6hOmVO7-p
za`L+-*>dkd(f4%W)Wb=?Ui?O~SfX1JW-fKQl}N|+>UsElDZuwGuggYxu<=@q(<!($
z4O?CqrRit>iXbSP>D`e47Q<w$t<faBluS{z^r|b>KS81k(QS=BMk}2hQ}Zi3OI|D8
zy(G4}0-bxGgJy~Z-JG+}qCjwKzd(Df_t1``<zCyHN_~z_O|+x?sdQ0SuF9qQr&p2{
z*W<;`j+Teu57_YcQ5Niv1Lm2u*ghxY;F%)D48r}kbDcAH<CQ~~yn=Q0GK4jnXc%&A
z<cD+G%n8#Cem94sUB-9u!#Ej*JWLY;Wm;xtr^BX~x%plihxL(uhShT=#1G)BvRBk>
zndbY{<omQV>2uq%m&xmKU3_g&x&rVO5%c!;?s{tL@_f8LXjRLGZbOWRqP@?1K2Gvo
z$r%`IlvQ;uzyG41no{1N`@rz&U3YT!^0M(hSr97}s5qAh@vjiiuzPxXuB@yGz8okD
zzFg0!s;a)rB!ufeSL0{;JRZEO7HZns+J4{^o2QG41^;w%agm^mi;j*S92_*v#;KMf
zBqYpF3|DC)YJRtFdhCwl;Hf&v`4JP;qQ?qmmj`)y5n~$HXc>B-Y2nUZadMy-zdYW&
z3rOC7qW)*HAaS#rIe8lyv6;!)r+Wi5$!}|G+x7O;<-0o$p7eda%E-vLsZi`@6;V!{
zE7O$Bn`(VNdk>TT69pmQ{GSVi2zI>sapK>_Q1oVrpQ)YD5ViQ&MlnU;C*D;`l;8qL
z_R@dSCY4cbT-cRHxQlna5(?&0Bfl(AMP{tl-%eMk+e?ZzVjveI*Mkx64i)+iP*`yP
zjiDks#Hk=t5D)!&EAK!K#SlUKWlfKZQ4P6&gUJw3V|Z4kG<nyH0i?wh#41G${r?A8
Cl3EP_

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyGauge2/Config.vue b/visDashboard/MetadataManagement/PropertyGauge2/Config.vue
index ffc108d..3d113f3 100644
--- a/visDashboard/MetadataManagement/PropertyGauge2/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyGauge2/Config.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="card-container">
+    <div class="card-header">
     <config-item
       v-if="isProduct"
       label="设备"
@@ -28,6 +29,8 @@
         @change="onPropertiesChange"
       />
     </config-item>
+    </div>
+    <a-divider />
 
     <config-item label="最小值">
       <a-input-number
@@ -217,6 +220,18 @@ watch(
   gap: 12px;
   display: flex;
   flex-direction: column;
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
+    :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
 
   :deep(.config-form-item-content) {
     padding: 0;
diff --git a/visDashboard/MetadataManagement/PropertyGauge2/propertyGauge2.png b/visDashboard/MetadataManagement/PropertyGauge2/propertyGauge2.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e3eff50abef9af2e2010efc822dd766ac2a9ba8
GIT binary patch
literal 31790
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
BzWV?G

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyLine/Config.vue b/visDashboard/MetadataManagement/PropertyLine/Config.vue
index 8304120..2ff4f9c 100644
--- a/visDashboard/MetadataManagement/PropertyLine/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyLine/Config.vue
@@ -1,7 +1,36 @@
-<template>
-  <div class="card-container">
-
+<template>
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
 
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyIds"
+        mode="multiple"
+        :maxTagCount="2"
+        :options="propertyOptions"
+        placeholder="请选择属性，最多5个"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onPropertiesChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="时间周期">
       <a-select
         v-model:value="config.timePeriod"
@@ -32,35 +61,7 @@
       />
     </config-item>
 
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyIds"
-        mode="multiple"
-        :maxTagCount="2"
-        :options="propertyOptions"
-        placeholder="请选择属性，最多5个"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onPropertiesChange"
-      />
-    </config-item>
-        <config-item label="标题">
+    <config-item label="标题">
       <a-input
         v-model:value="config.title"
         placeholder="请输入标题"
@@ -281,10 +282,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
 
   :deep(.config-form-item-content) {
     padding: 0;
diff --git a/visDashboard/MetadataManagement/PropertyLine/propertyLine.png b/visDashboard/MetadataManagement/PropertyLine/propertyLine.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb16a5561c8893a47a910b4ac7277cc758bfe3d5
GIT binary patch
literal 10582
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

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyPie/Config.vue b/visDashboard/MetadataManagement/PropertyPie/Config.vue
index 054348c..2bdb39f 100644
--- a/visDashboard/MetadataManagement/PropertyPie/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyPie/Config.vue
@@ -1,5 +1,36 @@
 <template>
-  <div class="card-container">
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyIds"
+        mode="multiple"
+        :maxTagCount="2"
+        :options="propertyOptions"
+        placeholder="请选择属性(最多5个)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onPropertiesChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题">
       <a-input
         v-model:value="config.title"
@@ -97,35 +128,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyIds"
-        mode="multiple"
-        :maxTagCount="2"
-        :options="propertyOptions"
-        placeholder="请选择属性(最多5个)"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onPropertiesChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -263,10 +265,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
 
   :deep(.config-form-item-content) {
     padding: 0;
diff --git a/visDashboard/MetadataManagement/PropertyPie/propertyPie.png b/visDashboard/MetadataManagement/PropertyPie/propertyPie.png
new file mode 100644
index 0000000000000000000000000000000000000000..bdf014ada2d8a61e101fad2206ae50201c0f6110
GIT binary patch
literal 10769
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
V#sp(l;5AAJLddJi6+SWX|6e914pIOB

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyProgress/Config.vue b/visDashboard/MetadataManagement/PropertyProgress/Config.vue
index 54cb2ec..26f59a6 100644
--- a/visDashboard/MetadataManagement/PropertyProgress/Config.vue
+++ b/visDashboard/MetadataManagement/PropertyProgress/Config.vue
@@ -1,5 +1,34 @@
 <template>
-  <div class="card-container">
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题样式">
       <div class="card-container-row">
         <ColorPicker
@@ -102,33 +131,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -251,10 +253,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
    :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertyProgress/propertyProgress.png b/visDashboard/MetadataManagement/PropertyProgress/propertyProgress.png
new file mode 100644
index 0000000000000000000000000000000000000000..1dc86711e58d9d1bd524fd39ea7133395f3bac10
GIT binary patch
literal 4203
zcmb_gXHZk^w%$lDLIg#nf71Lwq)0J<AVr$=l8+iu5JEsoAhdueh=2%4IFuko6e&W8
zQlf+sihy*H5<^#{iS#O<ocB9(=gyqD_s;!u_Dps%@9e$bwby#q^Q<Qcmga`XIRrQ$
z2s&<Tq;CyD49~&uP_|>>tX+4r4Scct8#x3*5cm7PKMd)z+=37U6E@b@u?@{xo(Qw#
zqcO6s^)fK&!j3<?XZYac^JnBPSQ0Vx*~#j3bVsOVz^&B#93`P#sN$jI?VN#Rep}7&
z>|Y10$}>)&@7Ni{v#DFoG}-<!i`U~l_Xk~qs=Y%q6*%8+TjoN|r>go*HAYIbhD@%E
z#S{#n;;FY3&M-ku-u>=MbnB!$$XmbI6<ML9Q&MT2t_n{iyp#owD*BGx`UVD4dp(X^
zB%ymWzL;j$D!PxV6N$F8y^mZ{V2}34V07CVnxe8}Vq#vra3hsvadUHD;9t72$_q7d
zwtH0J%q~f_2S8T^!TJ?WLY6-Sjk+okOr-`XYp1X*(DcizJq%5PtYB~DxGY8}Td#)!
z>iuI5x;F<4gsuk0!=Y#J_d?Le9AZc~!L&&G_g*WFmPzq$aaGU^+j#G)VCfB(>*{d*
z2koO{W4o(U+UTK@_;|K)I44AUKvdlAmZ!dNYa=?=$XvXb+;*#mOg1nyq|s<L-nqHC
zn;RPjNdmWP*^TjI<U8HHy=JDS)fYsyBHkHEw3vB7Yx0Wpc9inm{QSYef#>bpXOr5C
zii+6zq;lYaMWv;Sqcz^Q-t4VR)Mad|2$-SKuk!Qr?JtNN6%V{H<PlW$`O*?AlipQ{
z2@4A|GWziHdZxOD#(eKnwI3D*1qJi{`O?Op+RYms2?WBq)DPcruU)QRzpk&(w7uQ9
zP{B~IL#eA%iMqXnN^W-T$${Gt5v<J2if6cpi0gQX{QljI4Kx~EDU^Md>)}&1Ki|)<
z3o0s-#p16e@=Hocyr%oSv?gR_l_1LA-WhA3S?>WM_9hE!6q)C$NA7Q}toTNY9UdOy
z@%SM1iBxezd|KKtdi(jcM5JyD6}cDj`_U=c5u%e?z*qgU07dAKuV0b5*;Rr6g1tic
z7AmIsNm|;>*RQ;1&KMCvMVFVCi9{kxj1Gx*gA!yc!8`FTKwLuu2Vi&N#EH(%&NOL@
zx%E(xh{ndojNY!<jmk=;Qd_iE&HUmb+^wCf)HZx;!73{1i1YNtt%#e<a%Op&VLe%j
z2fM4%#v69K%=ff>9@UnYU$}o&48~Sy?G+jM3q)91RYfB@%`Y#T!5+lLv1WF=)Q7GY
z8mEb9hBkfiSM{5$2gqk&WO+^haYEc+XlTg!oqsb*nft6#A(=d)RAnk<bNB9DfB)BT
zMY;8#htt#36pDJ1fsMWWc^F&p$~gSasB(h-r}6P|I=wbv#-P9wtiQh%U~ZlqW};te
z+n29>Lkt$L|6Euj__3%qQYIa(oIN+^k)VGrt<&1tn(3I%&6@?C?v$|2xoWRLren<u
z123wos!HRnWYPly0>I|S?u)6aB3@cseYwb=SekuW9{FRt4vj)(srlty6+5F5{G%=L
zbm?E1p^=d;ccoWlgGFX_*d>0I$LS_72L=WJ%+@wHySuu+`d{XgGCeOV>+R+BW|x&2
z@>Xpd-&!2Jbm@|wo*sMj0*!RT$LGgvcc!?wcxlb#<m9z$*EnLIgF=XjO?Rcsc4x|;
zPHek>|NfgdZzPOGF8e>Lu2z<lBNi6AuZ-8~=;(+WCg)ti1%umgI2<?|8L?${FV{{L
zTjY<>Xb1cI*|a>Z$ngHWD{6j|-!Qf8?CgdqB1tJJQw_M?52@mVpFUv%1KFc3%ZAGk
zM11#be&h~4L(b{${$g=^yFs@H3E3dSpXiN7x3so$a&m%H2nh%{T3U*wb&`E2!oLsw
zS>xCc@e>oP8?ZLrTwkwwF|%wKE$>44M_!(m_egnkbTnwPooszaqN=#K+y2(#ji_HL
zDIHF=nAu#75Vq)&($avC5N+&tTVLM_B+0_ULd_3}M6Rr?AnokZpFFt=(>F3Qa&mIQ
zVz)Ps{sDc|c-q&?9;;hmX>V&=Xe+}WeO^v(f`aw#M-Q$4nb{q=wJ>mxfl<mVTO!pc
zCnqOJ-NnnRltfznK3oPE!NGxGUMvX5xLaC&oasmzMq`hD|H6?C@ZS>nq`zUpOiUiZ
z=d^x)O9R-njH7@8^?&#fpOhrY_H`m;%B9l1v(%>8qc<Bn-<Jy-Ri1i?cU1A{$*K*U
zcO-+<sN;5g_!D0aqf>-6q*9F<_r7v+$6X3tn-)~_J;~4iFg8|2O^ub6mAX5L^HIf(
zzY73(FSV_-FJD_*Yx>uLOp!H{8q8Ml*4keXj~3HEmuf2`CnF;OVE2zdZHi0@y2Gg^
zFL66Ryih2BGjX;S8cj_~>S5~_OK%q!7lNsWr)RMol@t2hk|$l*|5S}sQgU8FK>-dY
zWJg>MTKJeQ`&WCCpdsvm{<+TnehV|RU%wAlNjIqGFnvSAj=^G!hWdK@3y6@A5GSXx
z`;4rh^z6|nFR#Ug1sEGs#_|*eD|`NYykqjCM~;-B(y(DCzlLjawsv*_mvi2@by$l6
zhLAtWk(iiRS63Hxu&l-%x4ARsXH!;RU*F?o#lj<EI$LD&@>NAe1&MSzL4U61)|;%3
z88d>??E3^hz{A}ca)}8E0a$FVvX?aiF%r$p+0xR2sBngZOy^BK2Hk3TUU{``a4=24
zC^$HHZg$q?oqqwDOePY0>2!MKr3^l$2rcRj>Rsy5?>b?Si><D_I<dWoyActGpxp!o
z1VAhT0s<He#$AaJ7Z-QChF;})`d^2%q~y=NJ?Hw+H}Br<fgZ^?`X(YG@@sz^x3^X>
z`w;MhM#xG}PfvaL_V>3_cfAS6RDpKSNyp<Q=)=RqhO;FlCA^%t-4$$L;Mlu>89=m*
z$BvPG=o{-DqH4;@Ow7zKb-{9ylCwL@V}LH=ctls~cvxcYhX)iQ%FK+7>5Y*GJ%mev
z7z{wz{^wUUH8nuX_tw7jA4oGcO@%cM<aD|N#i&k9>;|%TPF$Rimv^MXr7m#3@5vKb
z8KYjbSYO^1fDngG!|y|Rr=+E&MN(*!lfDi{z12J6<UZ5$Cxfxr^z?Kq8nXKB+rR$$
z3l|m!2jYOkg<!FNp5#E=xw*}>#_^QuxyU+S4EgZn502RAPIpHSWfecMR3i!APQoQm
z1PSTl;IO#3NT)^}0Z?6ZsFaYBDth+ps!X~g*1Bw%TvKD!%_E|TLZf*(VohFdfETv1
zvH~P4l~(%V#fubbSyj~_N|{2T>{zivdEJ|B&c?>Z4i0o6a}E~}j*gC4tO|CI9C;AD
zNtdhwiGBQ-D_RU_W=3Y_E@(&~5PyTsiQMDd0cHgd*DNN<U@)Y@;jH%ELx3jg{`WFK
z{;5VmfG|N#tn{?eN?V)#+J1h1^O#yzZXwH3+XmH^S&a7KTI==_4N#Y|qT)bj=i+>R
z6gLkK4;$Nu4<DYGyo_NvE+Zp@2@VD{JiR{CF*Y`)y*C|G7qU7sJbcZ-KphTuP(djX
zMo2d-Cbr+;c6}`@0CyO1$F<I4z!b5$xtVTq+t=4ubhp9I&aRe1;TBdO+94f-_C1z#
z%B)K-$jNQ*>}UZ3vA4H3H}89V_LA=eWxG#fb-XS_UQ;t-b+Q4GmLex7hpBbGm`NKM
z`MZXhnccG+U0o*KX}f?=+8>`ib?OvH?AO};-kJ5_<xv&SzMS&%^1{MG!281LK?}cj
zr;0u9Qh&|~ii+l&JyjLf4E1k&bV^H0i;;zEfndU<)03|qwK><Dl$5l-zOF<lfAtEz
z@UcLM+wjG}d!PyW`sYtR0*{=YcIDwo0T=<@Ljr&vDR=Pl^18D61sfb}ZfdF-y5<@l
zuAb7--Pgy@#ssoATJ2@y>FH^0{pr`iuAGI6;{dt_NETq>-Szdb3O`0@zv&tG$2?;q
z!qdY82&?MT2KP?hSlttRd{sVlC3$%g0LnyNNIpE!<MZpA9Vw#46~E2Q%&tWJt}iYw
zw$nh^z=mes!0aOi^BJvPyj`zMuCI@1j%HRO`1EG0$k(r*UIGJRLPEmdJ+}>sLOun9
zi{%#|yjGdJ048kiI5+IKYxqL*;=q7_0xj!~1W+!-7+&J%w@yBh6i+z$RY}R-)}V!&
z?>MTFe>ETF>uY}f`cus?rTl&pi8NK?oe4S>+;sJ7leXXCtk<18F4ZWjprD|L2+cfi
z$o1`MzCaQ@-6TCP@ApiKHeRCBU8%LD<<sCGvEok#h!QS-iyNABzv9Mi!Nc-@58p!I
zDirtsJEQ+cE+e-)BM=$WBx@U+{8|oZI=vMIHc!5(L_lIiAqaUU*W3_ac$?ke-|WGE
zWb6Mn8$x64;i0#gpn69xme$7O`NDw)FV+_ai&<it8-*dL9_FJu*4EaR{2I5TQ)XVQ
z2P}{*2ntDh>(=Voku$+~4cMjTDjr8+VPRwZ`+M9FQcm^h^1=eD<6)?<3iOc!X?Ps+
z6Z+fO{BM!d!!5jxjXO!y-zG5qprC3h_2~M_DX9L$R`@TV{JOfjCAI}xGU+C2YHwpX
zPh)Dw^CZELShO^kot-TsD_d-yJ32IEYiX$vvf_LY%mTS0Y-~1Ld9=9%RWDq=ob{*{
zkLT6OUtL|j0or49RN(Acdet{V?`YVBvzwcnr6o)U#>mROwYBBr<8#OwB>+J>um@CX
z6b4iI_O05s6>xw-lmfjtUZxW#PZnC2f=T_B-SYv|kI$)QinP&DG;(h9XYdae=$W5-
zt~n85)19203~+ko`Va53HZWl9RNHc9+4?Z<tkBx?%j)VIp_*ui;=xkeS9y{<H9j^y
zfUh!uUId;<5!Dt^Mm>qtV1)KGfQv-eP{`yAv3S5iYHDg=Xeh&HULG`oy$3p5_Ue_8
zkWiuZV$*%b<<ET3Rg1Y=+h{RmfnFerb~3}$%`x*mgqi8-kKk>O@8o#3#biPE5Nl#m
zQ0R=<|1_QdUK>Y6fh2^asj~<dRDDxf0G9x7Kps8XXN1<Gw*^q9cnPBKV+h)l|FpEt
z5>wy_Popq%xv4{Y7E9tCzmK{E8;}-wiKo3DZ|u2PW~P=!pnJKdQfbYuV#bvzUMvqI
n`w^_r9;u00^1pm<?Gb~d{cwX`x%O-D?*U|d&0N1i*ERZ|3uEH`

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertyShowCard/propertyShowCard.png b/visDashboard/MetadataManagement/PropertyShowCard/propertyShowCard.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce6c09821b58aab5ebbe1f429af39ee365339351
GIT binary patch
literal 5188
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
O2!UNQGbq36e*Yg+QA+y&

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertySignal/Config.vue b/visDashboard/MetadataManagement/PropertySignal/Config.vue
index 94ac073..f13663b 100644
--- a/visDashboard/MetadataManagement/PropertySignal/Config.vue
+++ b/visDashboard/MetadataManagement/PropertySignal/Config.vue
@@ -1,5 +1,34 @@
 <template>
-  <div class="card-container">
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题样式">
       <div class="card-container-row">
         <ColorPicker
@@ -113,33 +142,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -262,10 +264,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
    :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertySignal/propertySignal.png b/visDashboard/MetadataManagement/PropertySignal/propertySignal.png
new file mode 100644
index 0000000000000000000000000000000000000000..88befe1d1a192ead0439a611b4d07872fa8a4f6e
GIT binary patch
literal 4544
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
CRDrwz

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertySlider/Config.vue b/visDashboard/MetadataManagement/PropertySlider/Config.vue
index c84a71c..3fc40e1 100644
--- a/visDashboard/MetadataManagement/PropertySlider/Config.vue
+++ b/visDashboard/MetadataManagement/PropertySlider/Config.vue
@@ -1,5 +1,58 @@
-<template>
-  <div class="card-container">
+<template>
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+
+      <config-item label="功能">
+      <a-select
+        v-model:value="config.functionId"
+        :options="_functionOptions"
+        placeholder="请选择功能"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onFunctionChange"
+      />
+    </config-item>
+
+      <config-item label="参数" v-if="config.functionId">
+      <a-select
+        v-model:value="config.paramId"
+        :options="_paramsOptions"
+        placeholder="请选择参数(数值类型)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题样式">
       <div class="card-container-row">
         <ColorPicker
@@ -111,55 +164,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
-    <config-item label="功能">
-      <a-select
-        v-model:value="config.functionId"
-        :options="_functionOptions"
-        placeholder="请选择功能"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onFunctionChange"
-      />
-    </config-item>
-    <config-item label="参数" v-if="config.functionId">
-      <a-select
-        v-model:value="config.paramId"
-        :options="_paramsOptions"
-        placeholder="请选择参数(数值类型)"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -328,10 +332,22 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
   flex-direction: column;
+  :deep(.ant-divider-horizontal) {
+    margin: 0;
+    margin-bottom: 12px;
+  }
    :deep(.config-form-item-content) {
     padding: 0;
   }
diff --git a/visDashboard/MetadataManagement/PropertySlider/propertySlider.png b/visDashboard/MetadataManagement/PropertySlider/propertySlider.png
new file mode 100644
index 0000000000000000000000000000000000000000..61abc5903d952676bb0125bb3f3267944e462a21
GIT binary patch
literal 5309
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

literal 0
HcmV?d00001

diff --git a/visDashboard/MetadataManagement/PropertySwitch/Config.vue b/visDashboard/MetadataManagement/PropertySwitch/Config.vue
index 805cfe9..c372eca 100644
--- a/visDashboard/MetadataManagement/PropertySwitch/Config.vue
+++ b/visDashboard/MetadataManagement/PropertySwitch/Config.vue
@@ -1,5 +1,61 @@
 <template>
-  <div class="card-container">
+  <div class="card-container">    <div class="card-header">
+      <config-item
+      v-if="isProduct"
+      label="设备"
+    >
+      <a-select
+        v-model:value="config.deviceId"
+        :options="deviceOptions"
+        placeholder="请选择设备"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onDeviceChange"
+      />
+    </config-item>
+
+      <config-item label="属性">
+      <a-select
+        v-model:value="config.propertyId"
+        :options="typeOptions"
+        placeholder="请选择属性"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onTypeChange"
+      />
+    </config-item>
+
+      <config-item label="功能">
+      <a-select
+        v-model:value="config.functionId"
+        :options="functionOptions"
+        placeholder="请选择功能"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onFunctionChange"
+      />
+    </config-item>
+
+      <config-item
+      label="参数"
+      v-if="config.functionId"
+    >
+      <a-select
+        v-model:value="config.paramId"
+        :options="paramOptions"
+        placeholder="请选择参数(Boolean)"
+        optionFilterProp="label"
+        style="width: 100%"
+        popupClassName="is-dark"
+        @change="onChange"
+      />
+    </config-item>
+    
+    </div>
+    <a-divider />
     <config-item label="标题样式">
       <div class="card-container-row">
         <ColorPicker
@@ -73,60 +129,6 @@
         @change="onChange"
       />
     </config-item>
-
-    <config-item
-      v-if="isProduct"
-      label="设备"
-    >
-      <a-select
-        v-model:value="config.deviceId"
-        :options="deviceOptions"
-        placeholder="请选择设备"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onDeviceChange"
-      />
-    </config-item>
-
-    <config-item label="属性">
-      <a-select
-        v-model:value="config.propertyId"
-        :options="typeOptions"
-        placeholder="请选择属性"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onTypeChange"
-      />
-    </config-item>
-
-    <config-item label="功能">
-      <a-select
-        v-model:value="config.functionId"
-        :options="functionOptions"
-        placeholder="请选择功能"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onFunctionChange"
-      />
-    </config-item>
-
-    <config-item
-      label="参数"
-      v-if="config.functionId"
-    >
-      <a-select
-        v-model:value="config.paramId"
-        :options="paramOptions"
-        placeholder="请选择参数(Boolean)"
-        optionFilterProp="label"
-        style="width: 100%"
-        popupClassName="is-dark"
-        @change="onChange"
-      />
-    </config-item>
   </div>
 </template>
 
@@ -296,6 +298,14 @@ watch(
 
 <style lang="less" scoped>
 .card-container {
+  .card-header {
+    gap: 12px;
+    display: flex;
+    flex-direction: column;
+    padding: 14px 16px;
+    border-radius: 12px;
+    background: #f7f9fc;
+  }
   color: #fff;
   gap: 12px;
   display: flex;
diff --git a/visDashboard/MetadataManagement/PropertySwitch/propertySwitch.png b/visDashboard/MetadataManagement/PropertySwitch/propertySwitch.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ccf55bc2d4742197b4260ec599987ec4f6fc977
GIT binary patch
literal 4252
zcmai2cQ{+^-w#z)HDa`lJ*uc$j}a85YS*f^_O4N*My;w5)M}L)jlE}4Gzj`c>{(Sj
zu|?IYJ<<@0@ZP`Y_s{#+``*`ePR=>kx$Z09@fqLq#>ha6o|c^!0)f!$Xsa7TAQUX%
z+MI?GoKp~{55do6Z*6m52!x^gKL-W!HUkF)0yWT4zxViM&h}iW(c>pPm-c*Z)2sug
zSDwFy_*@@TCEUCkg!|M#$^M8KjgsPImgUgv9Q~vsQ-AAW!wXhnw-P-Wv?{GwsUTWA
zjZR>lLP#q}%goN4L~d0=aL$s<)dM9CXpT=#(U?PgFe9DqckF7Oa;zkb?jsM?z5S-k
z;U|}diJ>YbCt>R3izyc%y+ozKI=U`z&R7*6gT&a_OZxNt1`zx(O=N*<R+($|kaPVs
zRIOym8D&O?qWB3{=TDA}?K>CH5@3GF>Tl|Pu^p<4lhJrsvUGy6;DN-@C2RXhD~#|!
z!Z)>31h#8;0-PW)T~BIic1{SMQlB28ruqT`rA)aH4o%{OM1?Oyc&P*~LHKwTAT$f4
zIF7v4?5r#`HMPAPylGAt48}aI$5JO{pFmhwOe(Lc+U#Of;gs{lZ%x<R`*Aj3YR=86
zcNs1#D{DR8sH&)_VAXI%&s@B6O-4>`sX8w&&o+e6)9kav8E6j^l$Iv$Ep)k0*7%<)
ziHeF!NilPGM)D2Vf#gtU5A|YVmYNqA7nyEoI=Z;{a!yW6T;t(EY)zpW8yk5Lr+>lW
zq<=~uB(Bg?-`CXCeEIUFhldB=w)Z_xt#L(OC}}z`kGroEiA0W$j^4a^Q)yUEPR?tl
z!L>V%Nd&1|YFusG_QL}{k9vj0Vh8?R;6nUN{p4`>{kwO5mGEKWB}Q&NJw33kA3^?S
z>mn(X;U3gb`C!b_3yVxjQiVoMdpN^-=jT;;dD|x^Cs7pk<|O<VU*Fa5<llo5L3xOs
zFRR~k6-`Y{0`}J)B6Y7`yOx%jc`JR8OS%Pw-QC@tDedBho>^XAe%hBPW?tvG`vWV{
zc3KC@-X$6MDR10uduyw~Ryi##O;AuU?3{eKbCy9<2=Xb6{K|Ous2xd+JV{9Mx(1~}
zc}z>?Bt%A1Ry<~BVv3L>D9w+LmyWxIhJ<*)Ep>Es937Vzx?<hk+-!nYke!{KA3uIf
zNlBTSntHEtb`)`m+gr&)L!+lB{yGkabIqy&tEy@i?LN8K6VIeZ{59l@@@#Ew6*9>A
z+*Vyxg?V*QN#^+MnLOYKBC*B<JU2G}r$i@}ijxB0g?IO@tFIq-Lt9iE=<2$8dfK#w
zk+pb28(eW^1qHlONyZf)1{@_?_B!|1ahn?(0?Y%7yDh2N*_*4YTDbkS(c<${;xLPl
zfj8%Mc6JL}+g<q}nqgv3PY*~FIu^?3x717DH^Aa|XAWnmlKbI9RG<>#EX2%gYNFbb
zu)_iO$WZWge){yOu`#oFYH~8_X&*z>$XDcT7G`Eod~*cxi}!-s>7$bJa!b)`A$u_~
zF{KaEE5|oLGV&2;YzP<=)56k{??PuZ#d%%_wigR``SmSR1i8^3ae;=<%WD@D%ztwt
zfnAo?i=LKNL`)2AChCC7aGJ)I8(zP9)m0{|u@N3M(*1^o`1`k@UWSpGnVFH1_tBnx
zRMKM+E?Kv+#^<wY_wQF#Ryq%5-Ao;Ts-+4U=H2mkb9Vma)kba%BL3Rj^A73NNfitw
z4#`<mn+T>pF*Usrb#}DG_`0KAQqS6YF6uH%NJz*Q+PXDFp-WOjL&JUI)0_DCN5ZU6
zo;<mA>z0j;jb)<;;oyKwKAa~YGp0R$)Hw}SKB+1*%x?`o-1+wH+wk2JJ@NG0$ghN@
zzV!6;@{*Fco<+oQI%ACFVT$yN<^JRwTA=yha5#UI3_JZ<`Hp~`Tp(#{S}Jqv_+T?E
zEDS_!sI3i+?=h)*Qal<J73DGYxx-G<s^#UV8#<9qT2Mr!5{tF2ojf@{UcAx2@*9uG
z%gu)nL6OT1^KDQLJ-rDWrN--H6_1ESVyz999R@SAvAO$vreS6V#O;o@*xcNFWNggo
z)xaHgw9wz*UsP1Iwzk&C9sJD!)pGbFnEB1}Na1}qH2eI(&lIKMwzK2SE7!%BgU&$3
zUB2hIdU$Xuzmn0%(MA^)7r(ZLX)}1s6nGg)SpVJ7&>+Ll?=bhb|B)dn)$p!D=<)vY
zKq`~k<;#~rx3RIY*@hmB{~@jtR?<eF(b3Qp2!C}z`2__0T3H#&`0E1S*yv~>ZhenO
z20TCm+=H%oKHo|PeL_!9e?r=hkBc)BL9!<ZDk-%T7TS}K4`v&m{|7tM9-1@>T#6((
zdVJjvjYbm)1QFy{*VOXzRgiOnm=%C);C!gd?p33zaX=!{FuLZys3068FiHgCe7wpu
zUn!`rwDcw~Z$W8kDFD^Yn;I35?_A4PL4=wAyDTg$yuJ4(Z4uTcCTaQkyX)(&62*^2
z0Lj%_V}AL)9T^$P$;pv*pE%ve8G?Th5fK5<RSh`1q5_~A^drNSE4XJeZKuB<sH;=8
z&i$>NRW|o3(r<ePos<NPqxa_jJhTvW1`26hv7hOZm#G-I^FRXI;Iq`L986Nz(vq-f
z=&#rVo%Nna#S_87!h$;tcR-nmrw97`AIzykqpZYTV7+eWw>^s)85yUir+|;%un19K
zyr`k2<u1dXJ(QM|#G5+cDeY9DCwPUPo_sKAYiVI&H2@2XnZ@CjR#q<JvLQm0vpK(i
z|K6T$TB=Z$^ZKC_a<sR<?`LZ}pQ{+CE5KadX?XXKW6-|~B*o6|=Rm5^;NYMNdH+#g
z3T-sMlvG_&5#{-MzH)HDbe)ref&!?0HrT1&#qjZC*4BcziHQ^Ie&q(aS$F(J)Si9)
zaEm>mtg=$%?%h@|WrDc;-zHW5J#Vib92@{0(MsgJB`S(<4Ly0D5(C}X*#SJtA?-|u
zUxo;I3YDW!4~s{sE?(qP2|FFt;t>-T&Hy!tzH(jAAjizwTKQ@3J5ZLyM20@=J9qAg
z{JS<bH}wS{IXO82f?gR+=gOD-M@AWdy|S_rVC2-Stg7m^w6wICSoOz`&j^b>Ak^k_
zJ0NsjG4w<dsh2#tu&|(8DkUsT6Wgt0WraWeLp01&%FNCl^ugyS_>#6~T~KCl06F_E
z>bFIn^BGpHAz#qwgEvBX-iJ+8J3&-u<(tPP&9AUw=VxR<Ei(GGW~idZM$(_vd|R~J
z6IE5!`}ezkV1wUtDV7;mFmNlun3*G?U;F!oMMPe_T6+V1vBB5=l*ZWDc+Bl!)~ih!
zR+IS6nFz>e`Nf};-8L22#s%u@fqm5q8{6AXu-^6i!0AZBw!HlB<QkN3Vrqw+-Mzd5
z+28(>_uQ^|?c@Fvj`svsZf^(<p^E(9riEgFLX}3F;s5eA|IaISI~0=pG?o)RmvtCE
zPKPgt7j`(;F9Zz`LUa<dqr@_FQc8g98gQhIR%@R@OCHk0C}(D8(H3HPX>3e#*;f*m
zpa^L=)jb*;?=)T-1OlO=qS8c)YzV&x%$uyNY^I(dH-R>~({e!!sq4eiA^EQ3+1mR0
z`u6sU0(YN|YS_!X-L*BzOudedj+$NZmZ87c6XwHCo`;3ChLX$L+uMOUV2>8#4T!n<
zK<8GzBAb-7y}iBd?d?GwG&N(EK5Zvn6SMe$M6Q_3wPPdfGh$+>>wC5q7MS+!fB<2g
z{=(YK&rE!sf-OpP8VDhEW9d15IoR{b=_n1Sr=|6FcLQw%wq>R~*3;b`U?u+j`*}>D
z#3$V=)N!kSCMHbkdqk79JG(kh;^}S5^{S0={8?IZLO)ppG>b>$(!2ella_M;SY&0<
zO-)U0lz@?d6h-WXM}R;_4>y?93cJ*Hr{2Y>7uoZ5!D1GY+o$a2=H>)b2aqYA^Q&Xy
z<5)s32g$PoNG%}gQe#&c_V~ANfo#SYhOCVgYH<fSe$P=bz$hAYggqc_$_3u0-nscQ
z**DFJCq%Np=Y+=4(6H3FV%&}Cjdlua$k4>x+;+2|1p;`JJ*Ac0+}xvW_gZYD|E5Wc
zTJ~cR>qd|1ojD94fqj?=2;ddg#%#MI^t%HJrmq<(@Zs#NX18?Tv`#d>cA6^RqIMEf
zhY22Vb$7olCe~A1TvP<8D<_3~wDjIE8&2O=Q(e7{dBq0_>?XF1K3kSI*jWF;pUR)y
zkHfLpLg@vRYOFqgNzVaQX;D|S5gls%(2%RnkE+de2D%ze;T=Ej>||~t>Jwa{#E8mR
zYL4ip4vd~hy$c=~UH2oMoPi#&Ok<OE`#?TG-Zsr?tg-rHyv?hqI9s9W>+7qh_YT_*
zXt}DYYOYcMw(&A=Ri1%Kjr%*4Dk49PA?kK<@Yx(wK7aC>t@7RGSRYQIg5WfJn0i6P
zzCK32WC**gEx>%z7I9Y7&AI!0%nfbXcL_q=+f$8`WKY=Hc_zb7{j!2IIlbGCwOI$A
z64(b4DIm(o$*I()Hhpj<@ghL>biE6~orfpCbs)mV^(Sqno+k98<>U~7Q>Xd(e9lpd
z?VaZE-Kt_tG;bWD)%1?Myu7$LLtD+KPp828<^Cpvxgtje!QIBK64tW$lnvsoj+5b*
z85zTG9oy)O4GHKh+80FTugc3(lYJx<Wb`F$Tk&CszjrXZ&d$z@viO5np#cE_78dNS
z7=9foS=lF2pZ8y%u-t=E@t=l}g;W0i;myTZ-BSF$=KBOkwZOf_J(`K8zN0k!4qt|p
zlP*9J`8n9Y&#%Fvni~u_iCl_XO@175o((Ef6z$ej_xe{}czJoH@VdL5OJ)x>Nz51T
z{xP%`(;t=5r+0)z<mcy`Z5f+3&kpd>I2>$@0|by0-W0grxqaIm+(x=H?)V;A#20<E
z=i{UO(&>P<YVku=W9LyB`eOQR)|KisqpS(Doc5;fw9%A|aX!&WyQ{$EKN~FqW5W%t
zL{?T-tF|yM#M#Jw#{WzXfcC{310nmdyfn<otQr;LmB+8@sxVc*RAdwM=_wegj$WQ<
zcQbPn1XI6&$JN*&N2#DVB_(xkelS*MLHA|)W@j;NS|6Hf_(FtO=?sp7ga=XZ-iaSS
ze2U32J#O~qX)9)U2@NQfhB2$gD63eJhCG}E?>k_5qs|WuoI_tYm%t@D8`9oq(ZSCi
zfq_jmS}yQx!Wt|@LyK8J{}HRs!bES+6qM>7P9`t5eQ@xB>Kw0vol#dYg?!$Ue4>+i
zVqft;o{b6uI!RPI4_S3m1o-wynlSAvurY6D;mFQ(`%~MqyymXL+&_o_-Fq+E?OcX0
zXc&cRO`M)fzXtas-c8K^@MLgZ|L^$fBdu_OCxgB{bjA6_S@NwKie>~}k72NGWDD|>
zKXK`-b=b#g0(>1{7@QxlhfzDPQ2k8wfO8Dio#UFE(H4a(V7%U9^9f^itDlC&6uM>=
zee58PT@J^@uLh+#vBjVQFG0n_o?M0eq{)k-{O{O&cBS7Z{vk{A<y`Q&0ivT}pkAY9
G7x_PqQDIO3

literal 0
HcmV?d00001