diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {
diff --git a/src/views/device/standardEquipment/components/standardListAdd.vue b/src/views/device/standardEquipment/components/standardListAdd.vue
index e7c5f86..483b6ad 100644
--- a/src/views/device/standardEquipment/components/standardListAdd.vue
+++ b/src/views/device/standardEquipment/components/standardListAdd.vue
@@ -4,7 +4,7 @@
 import type { FormInstance, UploadProps, UploadUserFile } from 'element-plus'
 import { getStaffList } from '@/api/measure/person'
 import { getTypeSelect } from '@/api/system/price'
-import { getStandardListAdd } from '@/api/device/standard'
+import { getStandardLisUpdate, getStandardListAdd, getStandardListDetail, getUsersDept } from '@/api/device/standard'
 import { UploadFile } from '@/api/measure/file'
 const props = defineProps({
   infoId: {
@@ -29,7 +29,7 @@
   contactInfo: '',
   createTime: null,
   createUser: null,
-  id: null,
+  id: '',
   isDel: null,
   laboratoryOwner: null,
   laboratoryOwnerContact: null,
@@ -61,12 +61,7 @@
   updateTime: null,
   version: null,
 })
-const checkTypeOptions = ref([
-  { name: '国家', id: 0, value: 0 },
-  { name: '国防', id: 1, value: 1 },
-  { name: '二级', id: 2, value: 2 },
-  { name: '标准装置', id: 3, value: 3 },
-])
+const checkTypeOptions = ref([])
 const transmitRangeOptions = ref([
   { name: '国家级', id: 0, value: 0 },
   { name: '省级', id: 1, value: 1 },
@@ -79,6 +74,8 @@
 const standardManagerStateList = ref([]) // 管理状态下拉框
 const standardLevelList = ref([]) // 标准等级下拉框
 const transmitRangeList = ref([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
 // 获取下拉框
 const getSelectList = (code: string) => {
   getTypeSelect(code).then((res) => {
@@ -94,12 +91,30 @@
     else if (code === 'transmitRange') {
       transmitRangeList.value = res.data
     }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
   })
 }
 getSelectList('measureMajor') // 获取计量专业下拉框
 getSelectList('standardManagerState') // 获取管理状态下拉框
 getSelectList('standardLevel') // 获取标准等级下拉框
 getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 // 获取到标准负责人数组
 const getStandardOwnerOptions = () => {
   const params = {
@@ -193,9 +208,33 @@
     )
   }
 }
+// 编辑获取详情的提交按钮
+const submitFormDetail = () => {
+  if (props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    formInline.value.laboratoryOwner = null
+    getStandardLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    // 打印
+    const printObj = ref({
+      id: 'print', // 需要打印元素的id
+      popTitle: '测量标准装置', // 打印配置页上方的标题
+      extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+      preview: false, // 是否启动预览模式，默认是false
+      standard: '',
+      extarCss: '',
+    })
+  }
+}
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
+  if (props.buttonType === '详情') { return submitFormDetail() }
   await formEl.validate((valid, fields) => {
     if (valid) {
       ElMessageBox.confirm(
@@ -213,11 +252,30 @@
               close()
             }
           })
-          : ''
+          : submitFormDetail()
       })
     }
   })
 }
+// 标准实验室发生改变
+const changeDeptList = (row: object) => {
+  formInline.value.laboratoryOwnerContact = row.phone
+  formInline.value.laboratoryOwnerName = row.director
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = null
+  formInline.value.laboratoryOwnerName = null
+}
+// 获取详情信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    formInline.value = res.data
+  })
+}
+if (props.buttonType !== '') {
+  getInfo()
+}
 </script>
 
 <template>
@@ -241,6 +299,7 @@
         :inline="true"
         :model="formInline"
         label-position="left"
+        label-width="auto"
         :rules="rules"
       >
         <el-row :gutter="20">
@@ -414,32 +473,25 @@
                 placeholder="标准所在实验室"
                 size="default"
                 :disabled="buttonType === '详情'"
+                @clear="clearDeptList"
               >
                 <el-option
-                  v-for="item in transmitRangeOptions"
+                  v-for="item in standardUsersDeptList"
                   :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
+                  :label="item.organizeName"
+                  :value="item.id"
+                  @click="changeDeptList(item)"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="实验室负责人:">
-              <el-select
-                v-model.trim="formInline.laboratoryOwner"
-                clearable
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerName"
                 placeholder="实验室负责人"
-                size="default"
                 :disabled="buttonType === '详情'"
-              >
-                <el-option
-                  v-for="item in transmitRangeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
-                />
-              </el-select>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -539,7 +591,7 @@
           <el-col :span="2">
             <el-form-item label="环境条件" />
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准温度:" prop="standardTemperature">
               <el-input
                 v-model.trim="formInline.standardTemperature"
@@ -548,7 +600,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准湿度:" prop="standardHumidity">
               <el-input
                 v-model.trim="formInline.standardHumidity"
@@ -562,7 +614,6 @@
           <el-col :span="6">
             <el-form-item label="有效日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择有效日期"
                 format="YYYY/MM/DD HH:mm:ss"
@@ -574,7 +625,6 @@
           <el-col :span="6">
             <el-form-item label="证书编号:">
               <el-select
-                v-model.trim="formInline.managerState"
                 clearable
                 placeholder="证书编号"
                 size="default"
@@ -592,7 +642,6 @@
           <el-col :span="6">
             <el-form-item label="发证单位:">
               <el-input
-                v-model.trim="formInline.constructionStandardProject"
                 placeholder="发证单位"
                 disabled
               />
@@ -601,7 +650,6 @@
           <el-col :span="6">
             <el-form-item label="发证日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择发证日期"
                 format="YYYY/MM/DD HH:mm:ss"

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {
diff --git a/src/views/device/standardEquipment/components/standardListAdd.vue b/src/views/device/standardEquipment/components/standardListAdd.vue
index e7c5f86..483b6ad 100644
--- a/src/views/device/standardEquipment/components/standardListAdd.vue
+++ b/src/views/device/standardEquipment/components/standardListAdd.vue
@@ -4,7 +4,7 @@
 import type { FormInstance, UploadProps, UploadUserFile } from 'element-plus'
 import { getStaffList } from '@/api/measure/person'
 import { getTypeSelect } from '@/api/system/price'
-import { getStandardListAdd } from '@/api/device/standard'
+import { getStandardLisUpdate, getStandardListAdd, getStandardListDetail, getUsersDept } from '@/api/device/standard'
 import { UploadFile } from '@/api/measure/file'
 const props = defineProps({
   infoId: {
@@ -29,7 +29,7 @@
   contactInfo: '',
   createTime: null,
   createUser: null,
-  id: null,
+  id: '',
   isDel: null,
   laboratoryOwner: null,
   laboratoryOwnerContact: null,
@@ -61,12 +61,7 @@
   updateTime: null,
   version: null,
 })
-const checkTypeOptions = ref([
-  { name: '国家', id: 0, value: 0 },
-  { name: '国防', id: 1, value: 1 },
-  { name: '二级', id: 2, value: 2 },
-  { name: '标准装置', id: 3, value: 3 },
-])
+const checkTypeOptions = ref([])
 const transmitRangeOptions = ref([
   { name: '国家级', id: 0, value: 0 },
   { name: '省级', id: 1, value: 1 },
@@ -79,6 +74,8 @@
 const standardManagerStateList = ref([]) // 管理状态下拉框
 const standardLevelList = ref([]) // 标准等级下拉框
 const transmitRangeList = ref([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
 // 获取下拉框
 const getSelectList = (code: string) => {
   getTypeSelect(code).then((res) => {
@@ -94,12 +91,30 @@
     else if (code === 'transmitRange') {
       transmitRangeList.value = res.data
     }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
   })
 }
 getSelectList('measureMajor') // 获取计量专业下拉框
 getSelectList('standardManagerState') // 获取管理状态下拉框
 getSelectList('standardLevel') // 获取标准等级下拉框
 getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 // 获取到标准负责人数组
 const getStandardOwnerOptions = () => {
   const params = {
@@ -193,9 +208,33 @@
     )
   }
 }
+// 编辑获取详情的提交按钮
+const submitFormDetail = () => {
+  if (props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    formInline.value.laboratoryOwner = null
+    getStandardLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    // 打印
+    const printObj = ref({
+      id: 'print', // 需要打印元素的id
+      popTitle: '测量标准装置', // 打印配置页上方的标题
+      extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+      preview: false, // 是否启动预览模式，默认是false
+      standard: '',
+      extarCss: '',
+    })
+  }
+}
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
+  if (props.buttonType === '详情') { return submitFormDetail() }
   await formEl.validate((valid, fields) => {
     if (valid) {
       ElMessageBox.confirm(
@@ -213,11 +252,30 @@
               close()
             }
           })
-          : ''
+          : submitFormDetail()
       })
     }
   })
 }
+// 标准实验室发生改变
+const changeDeptList = (row: object) => {
+  formInline.value.laboratoryOwnerContact = row.phone
+  formInline.value.laboratoryOwnerName = row.director
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = null
+  formInline.value.laboratoryOwnerName = null
+}
+// 获取详情信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    formInline.value = res.data
+  })
+}
+if (props.buttonType !== '') {
+  getInfo()
+}
 </script>
 
 <template>
@@ -241,6 +299,7 @@
         :inline="true"
         :model="formInline"
         label-position="left"
+        label-width="auto"
         :rules="rules"
       >
         <el-row :gutter="20">
@@ -414,32 +473,25 @@
                 placeholder="标准所在实验室"
                 size="default"
                 :disabled="buttonType === '详情'"
+                @clear="clearDeptList"
               >
                 <el-option
-                  v-for="item in transmitRangeOptions"
+                  v-for="item in standardUsersDeptList"
                   :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
+                  :label="item.organizeName"
+                  :value="item.id"
+                  @click="changeDeptList(item)"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="实验室负责人:">
-              <el-select
-                v-model.trim="formInline.laboratoryOwner"
-                clearable
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerName"
                 placeholder="实验室负责人"
-                size="default"
                 :disabled="buttonType === '详情'"
-              >
-                <el-option
-                  v-for="item in transmitRangeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
-                />
-              </el-select>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -539,7 +591,7 @@
           <el-col :span="2">
             <el-form-item label="环境条件" />
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准温度:" prop="standardTemperature">
               <el-input
                 v-model.trim="formInline.standardTemperature"
@@ -548,7 +600,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准湿度:" prop="standardHumidity">
               <el-input
                 v-model.trim="formInline.standardHumidity"
@@ -562,7 +614,6 @@
           <el-col :span="6">
             <el-form-item label="有效日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择有效日期"
                 format="YYYY/MM/DD HH:mm:ss"
@@ -574,7 +625,6 @@
           <el-col :span="6">
             <el-form-item label="证书编号:">
               <el-select
-                v-model.trim="formInline.managerState"
                 clearable
                 placeholder="证书编号"
                 size="default"
@@ -592,7 +642,6 @@
           <el-col :span="6">
             <el-form-item label="发证单位:">
               <el-input
-                v-model.trim="formInline.constructionStandardProject"
                 placeholder="发证单位"
                 disabled
               />
@@ -601,7 +650,6 @@
           <el-col :span="6">
             <el-form-item label="发证日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择发证日期"
                 format="YYYY/MM/DD HH:mm:ss"
diff --git a/src/views/device/standardEquipment/standardList.vue b/src/views/device/standardEquipment/standardList.vue
index 99ed765..329d608 100644
--- a/src/views/device/standardEquipment/standardList.vue
+++ b/src/views/device/standardEquipment/standardList.vue
@@ -3,7 +3,8 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistType } from './standard_interface'
 import StandardListAdd from './components/standardListAdd.vue'
-import { getStandardList, getStandardListDelete } from '@/api/device/standard'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardList, getStandardListDelete, getUsersDept } from '@/api/device/standard'
 import { exportExcel } from '@/utils/exportXlsx'
 // 逻辑代码
 
@@ -30,7 +31,7 @@
   {
     text: '标准名称',
     value: 'standardName',
-    width: '100',
+    width: '90',
   },
   {
     text: '类别',
@@ -39,7 +40,7 @@
   },
   {
     text: '标准等级',
-    value: 'standardLevel',
+    value: 'standardLevelName',
     width: '100',
   },
   {
@@ -73,8 +74,21 @@
   },
 ])
 const total = ref(0)
+// 表格loding
 const loadingTable = ref(false)
+// 选中的数据
 const checkoutList = ref([])
+// 编辑或者详情id
+const infoId = ref('')
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref([])
+// 管理状态下拉框
+const standardManagerStateList = ref([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
+// 获取数据
 const fetchData = (isNowPage: boolean) => {
   loadingTable.value = true
   if (!isNowPage) {
@@ -92,6 +106,34 @@
 const searchList = () => {
   fetchData(true)
 }
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 
 // 点击重置
 const clearList = () => {
@@ -160,6 +202,7 @@
 }
 // 新增
 const addList = () => {
+  buttonType.value = ''
   isShow.value = false
 }
 // 关闭
@@ -194,6 +237,12 @@
       })
     })
 }
+// 点击编辑或详情
+const handleClick = (index: number, row: object, text: string) => {
+  infoId.value = row.id
+  buttonType.value = text
+  isShow.value = false
+}
 </script>
 
 <template>
@@ -217,25 +266,49 @@
         />
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.category"
+          clearable
           placeholder="类别"
-          clearable
-        />
+          size="default"
+        >
+          <el-option
+            v-for="item in checkTypeOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.managerState"
-          placeholder="管理状态"
           clearable
-        />
+          placeholder="管理状态"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardManagerStateList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.standardLaboratory"
-          placeholder="标准所在部门"
           clearable
-        />
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.id"
+            :label="item.organizeName"
+            :value="item.id"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
         <el-date-picker
@@ -271,6 +344,7 @@
                 size="small"
                 type="primary"
                 link
+                @click="handleClick(row.$index, row, '编辑')"
               >
                 编辑
               </el-button>
@@ -278,6 +352,7 @@
                 size="small"
                 link
                 type="primary"
+                @click="handleClick(row.$index, row, '详情')"
               >
                 详情
               </el-button>
@@ -295,7 +370,10 @@
       </normal-table>
     </table-container>
   </app-container>
-  <standard-list-add v-else @close="close" />
+  <standard-list-add
+    v-else :info-id="infoId" :button-type="buttonType"
+    @close="close"
+  />
 </template>
 
 <style lang="scss" scoped>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {
diff --git a/src/views/device/standardEquipment/components/standardListAdd.vue b/src/views/device/standardEquipment/components/standardListAdd.vue
index e7c5f86..483b6ad 100644
--- a/src/views/device/standardEquipment/components/standardListAdd.vue
+++ b/src/views/device/standardEquipment/components/standardListAdd.vue
@@ -4,7 +4,7 @@
 import type { FormInstance, UploadProps, UploadUserFile } from 'element-plus'
 import { getStaffList } from '@/api/measure/person'
 import { getTypeSelect } from '@/api/system/price'
-import { getStandardListAdd } from '@/api/device/standard'
+import { getStandardLisUpdate, getStandardListAdd, getStandardListDetail, getUsersDept } from '@/api/device/standard'
 import { UploadFile } from '@/api/measure/file'
 const props = defineProps({
   infoId: {
@@ -29,7 +29,7 @@
   contactInfo: '',
   createTime: null,
   createUser: null,
-  id: null,
+  id: '',
   isDel: null,
   laboratoryOwner: null,
   laboratoryOwnerContact: null,
@@ -61,12 +61,7 @@
   updateTime: null,
   version: null,
 })
-const checkTypeOptions = ref([
-  { name: '国家', id: 0, value: 0 },
-  { name: '国防', id: 1, value: 1 },
-  { name: '二级', id: 2, value: 2 },
-  { name: '标准装置', id: 3, value: 3 },
-])
+const checkTypeOptions = ref([])
 const transmitRangeOptions = ref([
   { name: '国家级', id: 0, value: 0 },
   { name: '省级', id: 1, value: 1 },
@@ -79,6 +74,8 @@
 const standardManagerStateList = ref([]) // 管理状态下拉框
 const standardLevelList = ref([]) // 标准等级下拉框
 const transmitRangeList = ref([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
 // 获取下拉框
 const getSelectList = (code: string) => {
   getTypeSelect(code).then((res) => {
@@ -94,12 +91,30 @@
     else if (code === 'transmitRange') {
       transmitRangeList.value = res.data
     }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
   })
 }
 getSelectList('measureMajor') // 获取计量专业下拉框
 getSelectList('standardManagerState') // 获取管理状态下拉框
 getSelectList('standardLevel') // 获取标准等级下拉框
 getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 // 获取到标准负责人数组
 const getStandardOwnerOptions = () => {
   const params = {
@@ -193,9 +208,33 @@
     )
   }
 }
+// 编辑获取详情的提交按钮
+const submitFormDetail = () => {
+  if (props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    formInline.value.laboratoryOwner = null
+    getStandardLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    // 打印
+    const printObj = ref({
+      id: 'print', // 需要打印元素的id
+      popTitle: '测量标准装置', // 打印配置页上方的标题
+      extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+      preview: false, // 是否启动预览模式，默认是false
+      standard: '',
+      extarCss: '',
+    })
+  }
+}
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
+  if (props.buttonType === '详情') { return submitFormDetail() }
   await formEl.validate((valid, fields) => {
     if (valid) {
       ElMessageBox.confirm(
@@ -213,11 +252,30 @@
               close()
             }
           })
-          : ''
+          : submitFormDetail()
       })
     }
   })
 }
+// 标准实验室发生改变
+const changeDeptList = (row: object) => {
+  formInline.value.laboratoryOwnerContact = row.phone
+  formInline.value.laboratoryOwnerName = row.director
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = null
+  formInline.value.laboratoryOwnerName = null
+}
+// 获取详情信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    formInline.value = res.data
+  })
+}
+if (props.buttonType !== '') {
+  getInfo()
+}
 </script>
 
 <template>
@@ -241,6 +299,7 @@
         :inline="true"
         :model="formInline"
         label-position="left"
+        label-width="auto"
         :rules="rules"
       >
         <el-row :gutter="20">
@@ -414,32 +473,25 @@
                 placeholder="标准所在实验室"
                 size="default"
                 :disabled="buttonType === '详情'"
+                @clear="clearDeptList"
               >
                 <el-option
-                  v-for="item in transmitRangeOptions"
+                  v-for="item in standardUsersDeptList"
                   :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
+                  :label="item.organizeName"
+                  :value="item.id"
+                  @click="changeDeptList(item)"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="实验室负责人:">
-              <el-select
-                v-model.trim="formInline.laboratoryOwner"
-                clearable
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerName"
                 placeholder="实验室负责人"
-                size="default"
                 :disabled="buttonType === '详情'"
-              >
-                <el-option
-                  v-for="item in transmitRangeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
-                />
-              </el-select>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -539,7 +591,7 @@
           <el-col :span="2">
             <el-form-item label="环境条件" />
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准温度:" prop="standardTemperature">
               <el-input
                 v-model.trim="formInline.standardTemperature"
@@ -548,7 +600,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准湿度:" prop="standardHumidity">
               <el-input
                 v-model.trim="formInline.standardHumidity"
@@ -562,7 +614,6 @@
           <el-col :span="6">
             <el-form-item label="有效日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择有效日期"
                 format="YYYY/MM/DD HH:mm:ss"
@@ -574,7 +625,6 @@
           <el-col :span="6">
             <el-form-item label="证书编号:">
               <el-select
-                v-model.trim="formInline.managerState"
                 clearable
                 placeholder="证书编号"
                 size="default"
@@ -592,7 +642,6 @@
           <el-col :span="6">
             <el-form-item label="发证单位:">
               <el-input
-                v-model.trim="formInline.constructionStandardProject"
                 placeholder="发证单位"
                 disabled
               />
@@ -601,7 +650,6 @@
           <el-col :span="6">
             <el-form-item label="发证日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择发证日期"
                 format="YYYY/MM/DD HH:mm:ss"
diff --git a/src/views/device/standardEquipment/standardList.vue b/src/views/device/standardEquipment/standardList.vue
index 99ed765..329d608 100644
--- a/src/views/device/standardEquipment/standardList.vue
+++ b/src/views/device/standardEquipment/standardList.vue
@@ -3,7 +3,8 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistType } from './standard_interface'
 import StandardListAdd from './components/standardListAdd.vue'
-import { getStandardList, getStandardListDelete } from '@/api/device/standard'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardList, getStandardListDelete, getUsersDept } from '@/api/device/standard'
 import { exportExcel } from '@/utils/exportXlsx'
 // 逻辑代码
 
@@ -30,7 +31,7 @@
   {
     text: '标准名称',
     value: 'standardName',
-    width: '100',
+    width: '90',
   },
   {
     text: '类别',
@@ -39,7 +40,7 @@
   },
   {
     text: '标准等级',
-    value: 'standardLevel',
+    value: 'standardLevelName',
     width: '100',
   },
   {
@@ -73,8 +74,21 @@
   },
 ])
 const total = ref(0)
+// 表格loding
 const loadingTable = ref(false)
+// 选中的数据
 const checkoutList = ref([])
+// 编辑或者详情id
+const infoId = ref('')
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref([])
+// 管理状态下拉框
+const standardManagerStateList = ref([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
+// 获取数据
 const fetchData = (isNowPage: boolean) => {
   loadingTable.value = true
   if (!isNowPage) {
@@ -92,6 +106,34 @@
 const searchList = () => {
   fetchData(true)
 }
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 
 // 点击重置
 const clearList = () => {
@@ -160,6 +202,7 @@
 }
 // 新增
 const addList = () => {
+  buttonType.value = ''
   isShow.value = false
 }
 // 关闭
@@ -194,6 +237,12 @@
       })
     })
 }
+// 点击编辑或详情
+const handleClick = (index: number, row: object, text: string) => {
+  infoId.value = row.id
+  buttonType.value = text
+  isShow.value = false
+}
 </script>
 
 <template>
@@ -217,25 +266,49 @@
         />
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.category"
+          clearable
           placeholder="类别"
-          clearable
-        />
+          size="default"
+        >
+          <el-option
+            v-for="item in checkTypeOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.managerState"
-          placeholder="管理状态"
           clearable
-        />
+          placeholder="管理状态"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardManagerStateList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.standardLaboratory"
-          placeholder="标准所在部门"
           clearable
-        />
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.id"
+            :label="item.organizeName"
+            :value="item.id"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
         <el-date-picker
@@ -271,6 +344,7 @@
                 size="small"
                 type="primary"
                 link
+                @click="handleClick(row.$index, row, '编辑')"
               >
                 编辑
               </el-button>
@@ -278,6 +352,7 @@
                 size="small"
                 link
                 type="primary"
+                @click="handleClick(row.$index, row, '详情')"
               >
                 详情
               </el-button>
@@ -295,7 +370,10 @@
       </normal-table>
     </table-container>
   </app-container>
-  <standard-list-add v-else @close="close" />
+  <standard-list-add
+    v-else :info-id="infoId" :button-type="buttonType"
+    @close="close"
+  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/measure/bench/bench.vue b/src/views/measure/bench/bench.vue
index af9bb2b..bee1301 100644
--- a/src/views/measure/bench/bench.vue
+++ b/src/views/measure/bench/bench.vue
@@ -1,10 +1,11 @@
 <script lang="ts" setup name="bench">
-import { ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
 import { getCertificateStatistic, getStaffSStatistic, getStatistic, getTrainLogSStatistic } from '@/api/system/bench'
 import { getPlanList } from '@/api/system/plan'
 import { listPageApi } from '@/api/measure/file'
 import Echarts from '@/components/echarts/index.vue'
 import EchartsPie from '@/components/echarts/pie.vue'
+import BenchCol from '@/components/benchCol/index.vue'
 import useUserStore from '@/store/modules/user'
 const { username } = useUserStore()
 const buttomTypes = ref([
@@ -31,6 +32,11 @@
   { text: '证书名称', value: 'certificateName', width: '110' },
   { text: '到期时间', value: 'validDate' },
 ])
+const CertificatesColumns = ref([
+  { text: '证书名称', value: 'certificateName', width: '110' },
+  { text: '人员名称', value: 'name', width: '110' },
+  { text: '到期时间', value: 'validDate' },
+])
 const StatisticyAxis = ref([])
 const StatisticXAxis = ref([])
 const StaffSStatisticyAxis = ref([])
@@ -39,6 +45,8 @@
 const TrainLogTitle = ref('')
 const CertificateList = ref([])
 const CertificateObject = ref({})
+// 获得权限
+const { proxy } = getCurrentInstance() as any
 const getStatisticList = () => {
   const params = {
     createTime: '',
@@ -69,8 +77,8 @@
   }
   getTrainLogSStatistic(param).then((res) => {
     TrainLogSList.value = [
-      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified },
-      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified },
+      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified || '0' },
+      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified || '0' },
     ]
     TrainLogTitle.value = res.data.trainCount
   })
@@ -104,73 +112,55 @@
 <template>
   <app-container>
     <div class="bench">
-      <div class="bench-left">
-        <div class="bench-left-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/train/plan')">更多 ></span>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrainStatistic')" title="培训计划" path-url="/train/plan" width="27.8vw" height="40vh">
+        <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/line')" title="培训计划" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
+      </bench-col>
+      <div class="bench-right">
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/buttom')" width="27.8vw" height="20vh">
+          <div class="bench-right-top">
+            <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
+              {{ item.text }}
+            </div>
           </div>
-          <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
-        <div class="bench-left-buttom">
-          <div class="bench-title">
-            <h3>计量文件</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/file/quality')">更多 ></span>
-          </div>
-          <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
+        </bench-col>
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/train')" title="我的培训考核" width="27.8vw" height="20vh">
+          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
+        </bench-col>
       </div>
-      <div class="bench-center">
-        <div class="bench-center-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-          </div>
-          <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
-        </div>
-        <div class="bench-center-buttom">
-          <div class="bench-title">
-            <h3>我的证书</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/person/certificateLog')">更多 ></span>
-          </div>
-          <div class="bench-center-content">
-            <el-table :data="CertificateList" style="width: 100%;height: 100%; border-radius: 10px;">
-              <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-            </el-table>
-            <div class="validDate">
-              <div class="validDate-top">
-                <span>{{ CertificateObject.lastValidDate }}天</span>
-              </div>
-              <div class="validDate-bottom">
-                最近到期时间 <br>
-                <span>{{ CertificateObject.validDate }}</span>
-              </div>
+      <bench-col v-if="proxy.hasPerm('/measure/file/quality')" title="计量文件" path-url="/file/quality" width="27.8vw" height="40vh">
+        <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/remind')" title="我的证书" width="27.8vw" height="40vh" path-url="/person/remind">
+        <div style="display: flex;">
+          <el-table :data="CertificateList" style="width: 65%;height: 31.5vh; border-radius: 10px;">
+            <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+          </el-table>
+          <div class="validDate">
+            <div class="validDate-top">
+              <span>{{ CertificateObject.lastValidDate }}天</span>
+            </div>
+            <div class="validDate-bottom">
+              最近到期时间 <br>
+              <span>{{ CertificateObject.validDate }}</span>
             </div>
           </div>
         </div>
-      </div>
-      <div class="bench-right">
-        <div class="bench-right-top">
-          <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
-            {{ item.text }}
-          </div>
-        </div>
-        <div class="bench-right-center">
-          <div class="bench-title">
-            <h3>我的培训考核</h3>
-          </div>
-          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
-        </div>
-        <div class="bench-right-buttom">
-          <div class="bench-title">
-            <h3>计量人员</h3>
-          </div>
-          <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
-        </div>
-      </div>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/list')" title="计量人员" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/certificate')" title="证书预警" path-url="/person/remind" width="27.8vw" height="40vh">
+        <el-table :data="CertificateList" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in CertificatesColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
     </div>
   </app-container>
 </template>
@@ -178,149 +168,69 @@
 <style lang="scss" scoped>
 .bench {
   display: flex;
-
-  .bench-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 1vw;
-    height: 20%;
-  }
-
-  .bench-left {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 32%;
-    height: 90vh;
-
-    .bench-left-top {
-      height: 48%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-    }
-
-    .bench-left-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-    }
-  }
-
-  .bench-center {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
-
-    .bench-center-top {
-      height: 46.5%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      padding: 10px;
-    }
-
-    .bench-center-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-
-      .validDate {
-        width: 50%;
-        height: 100%;
-        padding: 20px 0;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        text-align: center;
-
-        .validDate-top {
-          width: 100px;
-          height: 100px;
-          margin-bottom: 30px;
-          background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
-        }
-
-        .validDate-top span {
-          position: relative;
-          top: 40%;
-          right: 0;
-          font-size: 22px;
-          // transform: translateX(-50%);
-        }
-
-        .validDate-bottom {
-          font-size: 18px;
-          font-weight: 600;
-        }
-
-        .validDate-bottom span {
-          font-size: 14px;
-          font-weight: 400;
-          color: #999;
-        }
-      }
-
-      .bench-center-content {
-        height: 80%;
-        display: flex;
-        align-items: center;
-        justify-content: space-around;
-      }
-    }
-  }
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .bench-right {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
+    height: 40vh;
+    margin-top: 1%;
 
     .bench-right-top {
-      height: 30%;
-      background-color: #fff;
-      border-radius: 10px;
       padding: 5%;
-      margin: 2%;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: space-around;
 
       .right-top-box {
-        width: 29%;
-        margin: 1%;
+        width: 25%;
+        margin: 2%;
         height: 40%;
         border-radius: 5px;
         text-align: center;
-        line-height: 8vh;
-        color: #fff;
+        font-size: 14px;
+        line-height: 4.5vh;
+        color: rgb(223 219 219);
         cursor: pointer;
-        background-color: rgb(40 184 228);
+        background-color: #3d7eff;
       }
     }
+  }
+}
 
-    .bench-right-center {
-      height: 34%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      overflow: hidden;
-    }
+.validDate {
+  width: 35%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
 
-    .bench-right-buttom {
-      height: 30%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-      padding: 10px;
-    }
+  .validDate-top {
+    width: 100px;
+    height: 100px;
+    margin-bottom: 30px;
+    background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
+  }
+
+  .validDate-top span {
+    position: relative;
+    top: 40%;
+    right: 0;
+    font-size: 22px;
+  }
+
+  .validDate-bottom {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  .validDate-bottom span {
+    font-size: 14px;
+    font-weight: 400;
+    color: #999;
   }
 }
 </style>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {
diff --git a/src/views/device/standardEquipment/components/standardListAdd.vue b/src/views/device/standardEquipment/components/standardListAdd.vue
index e7c5f86..483b6ad 100644
--- a/src/views/device/standardEquipment/components/standardListAdd.vue
+++ b/src/views/device/standardEquipment/components/standardListAdd.vue
@@ -4,7 +4,7 @@
 import type { FormInstance, UploadProps, UploadUserFile } from 'element-plus'
 import { getStaffList } from '@/api/measure/person'
 import { getTypeSelect } from '@/api/system/price'
-import { getStandardListAdd } from '@/api/device/standard'
+import { getStandardLisUpdate, getStandardListAdd, getStandardListDetail, getUsersDept } from '@/api/device/standard'
 import { UploadFile } from '@/api/measure/file'
 const props = defineProps({
   infoId: {
@@ -29,7 +29,7 @@
   contactInfo: '',
   createTime: null,
   createUser: null,
-  id: null,
+  id: '',
   isDel: null,
   laboratoryOwner: null,
   laboratoryOwnerContact: null,
@@ -61,12 +61,7 @@
   updateTime: null,
   version: null,
 })
-const checkTypeOptions = ref([
-  { name: '国家', id: 0, value: 0 },
-  { name: '国防', id: 1, value: 1 },
-  { name: '二级', id: 2, value: 2 },
-  { name: '标准装置', id: 3, value: 3 },
-])
+const checkTypeOptions = ref([])
 const transmitRangeOptions = ref([
   { name: '国家级', id: 0, value: 0 },
   { name: '省级', id: 1, value: 1 },
@@ -79,6 +74,8 @@
 const standardManagerStateList = ref([]) // 管理状态下拉框
 const standardLevelList = ref([]) // 标准等级下拉框
 const transmitRangeList = ref([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
 // 获取下拉框
 const getSelectList = (code: string) => {
   getTypeSelect(code).then((res) => {
@@ -94,12 +91,30 @@
     else if (code === 'transmitRange') {
       transmitRangeList.value = res.data
     }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
   })
 }
 getSelectList('measureMajor') // 获取计量专业下拉框
 getSelectList('standardManagerState') // 获取管理状态下拉框
 getSelectList('standardLevel') // 获取标准等级下拉框
 getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 // 获取到标准负责人数组
 const getStandardOwnerOptions = () => {
   const params = {
@@ -193,9 +208,33 @@
     )
   }
 }
+// 编辑获取详情的提交按钮
+const submitFormDetail = () => {
+  if (props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    formInline.value.laboratoryOwner = null
+    getStandardLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    // 打印
+    const printObj = ref({
+      id: 'print', // 需要打印元素的id
+      popTitle: '测量标准装置', // 打印配置页上方的标题
+      extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+      preview: false, // 是否启动预览模式，默认是false
+      standard: '',
+      extarCss: '',
+    })
+  }
+}
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
+  if (props.buttonType === '详情') { return submitFormDetail() }
   await formEl.validate((valid, fields) => {
     if (valid) {
       ElMessageBox.confirm(
@@ -213,11 +252,30 @@
               close()
             }
           })
-          : ''
+          : submitFormDetail()
       })
     }
   })
 }
+// 标准实验室发生改变
+const changeDeptList = (row: object) => {
+  formInline.value.laboratoryOwnerContact = row.phone
+  formInline.value.laboratoryOwnerName = row.director
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = null
+  formInline.value.laboratoryOwnerName = null
+}
+// 获取详情信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    formInline.value = res.data
+  })
+}
+if (props.buttonType !== '') {
+  getInfo()
+}
 </script>
 
 <template>
@@ -241,6 +299,7 @@
         :inline="true"
         :model="formInline"
         label-position="left"
+        label-width="auto"
         :rules="rules"
       >
         <el-row :gutter="20">
@@ -414,32 +473,25 @@
                 placeholder="标准所在实验室"
                 size="default"
                 :disabled="buttonType === '详情'"
+                @clear="clearDeptList"
               >
                 <el-option
-                  v-for="item in transmitRangeOptions"
+                  v-for="item in standardUsersDeptList"
                   :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
+                  :label="item.organizeName"
+                  :value="item.id"
+                  @click="changeDeptList(item)"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="实验室负责人:">
-              <el-select
-                v-model.trim="formInline.laboratoryOwner"
-                clearable
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerName"
                 placeholder="实验室负责人"
-                size="default"
                 :disabled="buttonType === '详情'"
-              >
-                <el-option
-                  v-for="item in transmitRangeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
-                />
-              </el-select>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -539,7 +591,7 @@
           <el-col :span="2">
             <el-form-item label="环境条件" />
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准温度:" prop="standardTemperature">
               <el-input
                 v-model.trim="formInline.standardTemperature"
@@ -548,7 +600,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准湿度:" prop="standardHumidity">
               <el-input
                 v-model.trim="formInline.standardHumidity"
@@ -562,7 +614,6 @@
           <el-col :span="6">
             <el-form-item label="有效日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择有效日期"
                 format="YYYY/MM/DD HH:mm:ss"
@@ -574,7 +625,6 @@
           <el-col :span="6">
             <el-form-item label="证书编号:">
               <el-select
-                v-model.trim="formInline.managerState"
                 clearable
                 placeholder="证书编号"
                 size="default"
@@ -592,7 +642,6 @@
           <el-col :span="6">
             <el-form-item label="发证单位:">
               <el-input
-                v-model.trim="formInline.constructionStandardProject"
                 placeholder="发证单位"
                 disabled
               />
@@ -601,7 +650,6 @@
           <el-col :span="6">
             <el-form-item label="发证日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择发证日期"
                 format="YYYY/MM/DD HH:mm:ss"
diff --git a/src/views/device/standardEquipment/standardList.vue b/src/views/device/standardEquipment/standardList.vue
index 99ed765..329d608 100644
--- a/src/views/device/standardEquipment/standardList.vue
+++ b/src/views/device/standardEquipment/standardList.vue
@@ -3,7 +3,8 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistType } from './standard_interface'
 import StandardListAdd from './components/standardListAdd.vue'
-import { getStandardList, getStandardListDelete } from '@/api/device/standard'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardList, getStandardListDelete, getUsersDept } from '@/api/device/standard'
 import { exportExcel } from '@/utils/exportXlsx'
 // 逻辑代码
 
@@ -30,7 +31,7 @@
   {
     text: '标准名称',
     value: 'standardName',
-    width: '100',
+    width: '90',
   },
   {
     text: '类别',
@@ -39,7 +40,7 @@
   },
   {
     text: '标准等级',
-    value: 'standardLevel',
+    value: 'standardLevelName',
     width: '100',
   },
   {
@@ -73,8 +74,21 @@
   },
 ])
 const total = ref(0)
+// 表格loding
 const loadingTable = ref(false)
+// 选中的数据
 const checkoutList = ref([])
+// 编辑或者详情id
+const infoId = ref('')
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref([])
+// 管理状态下拉框
+const standardManagerStateList = ref([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
+// 获取数据
 const fetchData = (isNowPage: boolean) => {
   loadingTable.value = true
   if (!isNowPage) {
@@ -92,6 +106,34 @@
 const searchList = () => {
   fetchData(true)
 }
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 
 // 点击重置
 const clearList = () => {
@@ -160,6 +202,7 @@
 }
 // 新增
 const addList = () => {
+  buttonType.value = ''
   isShow.value = false
 }
 // 关闭
@@ -194,6 +237,12 @@
       })
     })
 }
+// 点击编辑或详情
+const handleClick = (index: number, row: object, text: string) => {
+  infoId.value = row.id
+  buttonType.value = text
+  isShow.value = false
+}
 </script>
 
 <template>
@@ -217,25 +266,49 @@
         />
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.category"
+          clearable
           placeholder="类别"
-          clearable
-        />
+          size="default"
+        >
+          <el-option
+            v-for="item in checkTypeOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.managerState"
-          placeholder="管理状态"
           clearable
-        />
+          placeholder="管理状态"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardManagerStateList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.standardLaboratory"
-          placeholder="标准所在部门"
           clearable
-        />
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.id"
+            :label="item.organizeName"
+            :value="item.id"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
         <el-date-picker
@@ -271,6 +344,7 @@
                 size="small"
                 type="primary"
                 link
+                @click="handleClick(row.$index, row, '编辑')"
               >
                 编辑
               </el-button>
@@ -278,6 +352,7 @@
                 size="small"
                 link
                 type="primary"
+                @click="handleClick(row.$index, row, '详情')"
               >
                 详情
               </el-button>
@@ -295,7 +370,10 @@
       </normal-table>
     </table-container>
   </app-container>
-  <standard-list-add v-else @close="close" />
+  <standard-list-add
+    v-else :info-id="infoId" :button-type="buttonType"
+    @close="close"
+  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/measure/bench/bench.vue b/src/views/measure/bench/bench.vue
index af9bb2b..bee1301 100644
--- a/src/views/measure/bench/bench.vue
+++ b/src/views/measure/bench/bench.vue
@@ -1,10 +1,11 @@
 <script lang="ts" setup name="bench">
-import { ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
 import { getCertificateStatistic, getStaffSStatistic, getStatistic, getTrainLogSStatistic } from '@/api/system/bench'
 import { getPlanList } from '@/api/system/plan'
 import { listPageApi } from '@/api/measure/file'
 import Echarts from '@/components/echarts/index.vue'
 import EchartsPie from '@/components/echarts/pie.vue'
+import BenchCol from '@/components/benchCol/index.vue'
 import useUserStore from '@/store/modules/user'
 const { username } = useUserStore()
 const buttomTypes = ref([
@@ -31,6 +32,11 @@
   { text: '证书名称', value: 'certificateName', width: '110' },
   { text: '到期时间', value: 'validDate' },
 ])
+const CertificatesColumns = ref([
+  { text: '证书名称', value: 'certificateName', width: '110' },
+  { text: '人员名称', value: 'name', width: '110' },
+  { text: '到期时间', value: 'validDate' },
+])
 const StatisticyAxis = ref([])
 const StatisticXAxis = ref([])
 const StaffSStatisticyAxis = ref([])
@@ -39,6 +45,8 @@
 const TrainLogTitle = ref('')
 const CertificateList = ref([])
 const CertificateObject = ref({})
+// 获得权限
+const { proxy } = getCurrentInstance() as any
 const getStatisticList = () => {
   const params = {
     createTime: '',
@@ -69,8 +77,8 @@
   }
   getTrainLogSStatistic(param).then((res) => {
     TrainLogSList.value = [
-      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified },
-      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified },
+      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified || '0' },
+      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified || '0' },
     ]
     TrainLogTitle.value = res.data.trainCount
   })
@@ -104,73 +112,55 @@
 <template>
   <app-container>
     <div class="bench">
-      <div class="bench-left">
-        <div class="bench-left-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/train/plan')">更多 ></span>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrainStatistic')" title="培训计划" path-url="/train/plan" width="27.8vw" height="40vh">
+        <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/line')" title="培训计划" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
+      </bench-col>
+      <div class="bench-right">
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/buttom')" width="27.8vw" height="20vh">
+          <div class="bench-right-top">
+            <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
+              {{ item.text }}
+            </div>
           </div>
-          <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
-        <div class="bench-left-buttom">
-          <div class="bench-title">
-            <h3>计量文件</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/file/quality')">更多 ></span>
-          </div>
-          <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
+        </bench-col>
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/train')" title="我的培训考核" width="27.8vw" height="20vh">
+          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
+        </bench-col>
       </div>
-      <div class="bench-center">
-        <div class="bench-center-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-          </div>
-          <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
-        </div>
-        <div class="bench-center-buttom">
-          <div class="bench-title">
-            <h3>我的证书</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/person/certificateLog')">更多 ></span>
-          </div>
-          <div class="bench-center-content">
-            <el-table :data="CertificateList" style="width: 100%;height: 100%; border-radius: 10px;">
-              <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-            </el-table>
-            <div class="validDate">
-              <div class="validDate-top">
-                <span>{{ CertificateObject.lastValidDate }}天</span>
-              </div>
-              <div class="validDate-bottom">
-                最近到期时间 <br>
-                <span>{{ CertificateObject.validDate }}</span>
-              </div>
+      <bench-col v-if="proxy.hasPerm('/measure/file/quality')" title="计量文件" path-url="/file/quality" width="27.8vw" height="40vh">
+        <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/remind')" title="我的证书" width="27.8vw" height="40vh" path-url="/person/remind">
+        <div style="display: flex;">
+          <el-table :data="CertificateList" style="width: 65%;height: 31.5vh; border-radius: 10px;">
+            <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+          </el-table>
+          <div class="validDate">
+            <div class="validDate-top">
+              <span>{{ CertificateObject.lastValidDate }}天</span>
+            </div>
+            <div class="validDate-bottom">
+              最近到期时间 <br>
+              <span>{{ CertificateObject.validDate }}</span>
             </div>
           </div>
         </div>
-      </div>
-      <div class="bench-right">
-        <div class="bench-right-top">
-          <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
-            {{ item.text }}
-          </div>
-        </div>
-        <div class="bench-right-center">
-          <div class="bench-title">
-            <h3>我的培训考核</h3>
-          </div>
-          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
-        </div>
-        <div class="bench-right-buttom">
-          <div class="bench-title">
-            <h3>计量人员</h3>
-          </div>
-          <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
-        </div>
-      </div>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/list')" title="计量人员" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/certificate')" title="证书预警" path-url="/person/remind" width="27.8vw" height="40vh">
+        <el-table :data="CertificateList" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in CertificatesColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
     </div>
   </app-container>
 </template>
@@ -178,149 +168,69 @@
 <style lang="scss" scoped>
 .bench {
   display: flex;
-
-  .bench-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 1vw;
-    height: 20%;
-  }
-
-  .bench-left {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 32%;
-    height: 90vh;
-
-    .bench-left-top {
-      height: 48%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-    }
-
-    .bench-left-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-    }
-  }
-
-  .bench-center {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
-
-    .bench-center-top {
-      height: 46.5%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      padding: 10px;
-    }
-
-    .bench-center-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-
-      .validDate {
-        width: 50%;
-        height: 100%;
-        padding: 20px 0;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        text-align: center;
-
-        .validDate-top {
-          width: 100px;
-          height: 100px;
-          margin-bottom: 30px;
-          background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
-        }
-
-        .validDate-top span {
-          position: relative;
-          top: 40%;
-          right: 0;
-          font-size: 22px;
-          // transform: translateX(-50%);
-        }
-
-        .validDate-bottom {
-          font-size: 18px;
-          font-weight: 600;
-        }
-
-        .validDate-bottom span {
-          font-size: 14px;
-          font-weight: 400;
-          color: #999;
-        }
-      }
-
-      .bench-center-content {
-        height: 80%;
-        display: flex;
-        align-items: center;
-        justify-content: space-around;
-      }
-    }
-  }
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .bench-right {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
+    height: 40vh;
+    margin-top: 1%;
 
     .bench-right-top {
-      height: 30%;
-      background-color: #fff;
-      border-radius: 10px;
       padding: 5%;
-      margin: 2%;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: space-around;
 
       .right-top-box {
-        width: 29%;
-        margin: 1%;
+        width: 25%;
+        margin: 2%;
         height: 40%;
         border-radius: 5px;
         text-align: center;
-        line-height: 8vh;
-        color: #fff;
+        font-size: 14px;
+        line-height: 4.5vh;
+        color: rgb(223 219 219);
         cursor: pointer;
-        background-color: rgb(40 184 228);
+        background-color: #3d7eff;
       }
     }
+  }
+}
 
-    .bench-right-center {
-      height: 34%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      overflow: hidden;
-    }
+.validDate {
+  width: 35%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
 
-    .bench-right-buttom {
-      height: 30%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-      padding: 10px;
-    }
+  .validDate-top {
+    width: 100px;
+    height: 100px;
+    margin-bottom: 30px;
+    background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
+  }
+
+  .validDate-top span {
+    position: relative;
+    top: 40%;
+    right: 0;
+    font-size: 22px;
+  }
+
+  .validDate-bottom {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  .validDate-bottom span {
+    font-size: 14px;
+    font-weight: 400;
+    color: #999;
   }
 }
 </style>
diff --git a/src/views/measure/price/list.vue b/src/views/measure/price/list.vue
index fb82066..45a3806 100644
--- a/src/views/measure/price/list.vue
+++ b/src/views/measure/price/list.vue
@@ -4,7 +4,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistQuery, IlistType } from './list_interface'
 import ListPriceAdd from './priceAdd.vue'
-import { getDeletePrice, getPriceList, uploadPrice } from '@/api/system/price'
+import { getDeletePrice, getPriceList, getTypeSelect, uploadPrice } from '@/api/system/price'
 import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
@@ -87,6 +87,12 @@
 const deleteId = ref('')
 // 详情id
 const infoId = ref('0')
+// 校验类型下拉框数组
+const checkTypeOptions = ref([])
+// 类别下拉框数组
+const priceTypeOptions = ref([])
+// 项目下拉框数组
+const priceItemOptions = ref([])
 const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
@@ -150,6 +156,23 @@
 const cancelEvent = () => {
   console.log('cancel!')
 }
+// 获取下拉框数据
+const getOptions = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'checkType') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'priceType') {
+      priceTypeOptions.value = res.data
+    }
+    else if (code === 'priceItem') {
+      priceItemOptions.value = res.data
+    }
+  })
+}
+getOptions('checkType')
+getOptions('priceType')
+getOptions('priceItem')
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -274,25 +297,52 @@
           />
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.checkType"
-            placeholder="检验类型"
             clearable
-          />
+            placeholder="检校类型"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in checkTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.priceType"
-            placeholder="类别"
             clearable
-          />
+            placeholder="类别"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in priceTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.priceItem"
-            placeholder="项目"
             clearable
-          />
+            placeholder="项目"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in priceItemOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
       </search-area>
       <table-container>

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {
diff --git a/src/views/device/standardEquipment/components/standardListAdd.vue b/src/views/device/standardEquipment/components/standardListAdd.vue
index e7c5f86..483b6ad 100644
--- a/src/views/device/standardEquipment/components/standardListAdd.vue
+++ b/src/views/device/standardEquipment/components/standardListAdd.vue
@@ -4,7 +4,7 @@
 import type { FormInstance, UploadProps, UploadUserFile } from 'element-plus'
 import { getStaffList } from '@/api/measure/person'
 import { getTypeSelect } from '@/api/system/price'
-import { getStandardListAdd } from '@/api/device/standard'
+import { getStandardLisUpdate, getStandardListAdd, getStandardListDetail, getUsersDept } from '@/api/device/standard'
 import { UploadFile } from '@/api/measure/file'
 const props = defineProps({
   infoId: {
@@ -29,7 +29,7 @@
   contactInfo: '',
   createTime: null,
   createUser: null,
-  id: null,
+  id: '',
   isDel: null,
   laboratoryOwner: null,
   laboratoryOwnerContact: null,
@@ -61,12 +61,7 @@
   updateTime: null,
   version: null,
 })
-const checkTypeOptions = ref([
-  { name: '国家', id: 0, value: 0 },
-  { name: '国防', id: 1, value: 1 },
-  { name: '二级', id: 2, value: 2 },
-  { name: '标准装置', id: 3, value: 3 },
-])
+const checkTypeOptions = ref([])
 const transmitRangeOptions = ref([
   { name: '国家级', id: 0, value: 0 },
   { name: '省级', id: 1, value: 1 },
@@ -79,6 +74,8 @@
 const standardManagerStateList = ref([]) // 管理状态下拉框
 const standardLevelList = ref([]) // 标准等级下拉框
 const transmitRangeList = ref([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
 // 获取下拉框
 const getSelectList = (code: string) => {
   getTypeSelect(code).then((res) => {
@@ -94,12 +91,30 @@
     else if (code === 'transmitRange') {
       transmitRangeList.value = res.data
     }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
   })
 }
 getSelectList('measureMajor') // 获取计量专业下拉框
 getSelectList('standardManagerState') // 获取管理状态下拉框
 getSelectList('standardLevel') // 获取标准等级下拉框
 getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 // 获取到标准负责人数组
 const getStandardOwnerOptions = () => {
   const params = {
@@ -193,9 +208,33 @@
     )
   }
 }
+// 编辑获取详情的提交按钮
+const submitFormDetail = () => {
+  if (props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    formInline.value.laboratoryOwner = null
+    getStandardLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    // 打印
+    const printObj = ref({
+      id: 'print', // 需要打印元素的id
+      popTitle: '测量标准装置', // 打印配置页上方的标题
+      extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+      preview: false, // 是否启动预览模式，默认是false
+      standard: '',
+      extarCss: '',
+    })
+  }
+}
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
+  if (props.buttonType === '详情') { return submitFormDetail() }
   await formEl.validate((valid, fields) => {
     if (valid) {
       ElMessageBox.confirm(
@@ -213,11 +252,30 @@
               close()
             }
           })
-          : ''
+          : submitFormDetail()
       })
     }
   })
 }
+// 标准实验室发生改变
+const changeDeptList = (row: object) => {
+  formInline.value.laboratoryOwnerContact = row.phone
+  formInline.value.laboratoryOwnerName = row.director
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = null
+  formInline.value.laboratoryOwnerName = null
+}
+// 获取详情信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    formInline.value = res.data
+  })
+}
+if (props.buttonType !== '') {
+  getInfo()
+}
 </script>
 
 <template>
@@ -241,6 +299,7 @@
         :inline="true"
         :model="formInline"
         label-position="left"
+        label-width="auto"
         :rules="rules"
       >
         <el-row :gutter="20">
@@ -414,32 +473,25 @@
                 placeholder="标准所在实验室"
                 size="default"
                 :disabled="buttonType === '详情'"
+                @clear="clearDeptList"
               >
                 <el-option
-                  v-for="item in transmitRangeOptions"
+                  v-for="item in standardUsersDeptList"
                   :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
+                  :label="item.organizeName"
+                  :value="item.id"
+                  @click="changeDeptList(item)"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="实验室负责人:">
-              <el-select
-                v-model.trim="formInline.laboratoryOwner"
-                clearable
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerName"
                 placeholder="实验室负责人"
-                size="default"
                 :disabled="buttonType === '详情'"
-              >
-                <el-option
-                  v-for="item in transmitRangeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
-                />
-              </el-select>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -539,7 +591,7 @@
           <el-col :span="2">
             <el-form-item label="环境条件" />
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准温度:" prop="standardTemperature">
               <el-input
                 v-model.trim="formInline.standardTemperature"
@@ -548,7 +600,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准湿度:" prop="standardHumidity">
               <el-input
                 v-model.trim="formInline.standardHumidity"
@@ -562,7 +614,6 @@
           <el-col :span="6">
             <el-form-item label="有效日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择有效日期"
                 format="YYYY/MM/DD HH:mm:ss"
@@ -574,7 +625,6 @@
           <el-col :span="6">
             <el-form-item label="证书编号:">
               <el-select
-                v-model.trim="formInline.managerState"
                 clearable
                 placeholder="证书编号"
                 size="default"
@@ -592,7 +642,6 @@
           <el-col :span="6">
             <el-form-item label="发证单位:">
               <el-input
-                v-model.trim="formInline.constructionStandardProject"
                 placeholder="发证单位"
                 disabled
               />
@@ -601,7 +650,6 @@
           <el-col :span="6">
             <el-form-item label="发证日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择发证日期"
                 format="YYYY/MM/DD HH:mm:ss"
diff --git a/src/views/device/standardEquipment/standardList.vue b/src/views/device/standardEquipment/standardList.vue
index 99ed765..329d608 100644
--- a/src/views/device/standardEquipment/standardList.vue
+++ b/src/views/device/standardEquipment/standardList.vue
@@ -3,7 +3,8 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistType } from './standard_interface'
 import StandardListAdd from './components/standardListAdd.vue'
-import { getStandardList, getStandardListDelete } from '@/api/device/standard'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardList, getStandardListDelete, getUsersDept } from '@/api/device/standard'
 import { exportExcel } from '@/utils/exportXlsx'
 // 逻辑代码
 
@@ -30,7 +31,7 @@
   {
     text: '标准名称',
     value: 'standardName',
-    width: '100',
+    width: '90',
   },
   {
     text: '类别',
@@ -39,7 +40,7 @@
   },
   {
     text: '标准等级',
-    value: 'standardLevel',
+    value: 'standardLevelName',
     width: '100',
   },
   {
@@ -73,8 +74,21 @@
   },
 ])
 const total = ref(0)
+// 表格loding
 const loadingTable = ref(false)
+// 选中的数据
 const checkoutList = ref([])
+// 编辑或者详情id
+const infoId = ref('')
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref([])
+// 管理状态下拉框
+const standardManagerStateList = ref([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
+// 获取数据
 const fetchData = (isNowPage: boolean) => {
   loadingTable.value = true
   if (!isNowPage) {
@@ -92,6 +106,34 @@
 const searchList = () => {
   fetchData(true)
 }
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 
 // 点击重置
 const clearList = () => {
@@ -160,6 +202,7 @@
 }
 // 新增
 const addList = () => {
+  buttonType.value = ''
   isShow.value = false
 }
 // 关闭
@@ -194,6 +237,12 @@
       })
     })
 }
+// 点击编辑或详情
+const handleClick = (index: number, row: object, text: string) => {
+  infoId.value = row.id
+  buttonType.value = text
+  isShow.value = false
+}
 </script>
 
 <template>
@@ -217,25 +266,49 @@
         />
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.category"
+          clearable
           placeholder="类别"
-          clearable
-        />
+          size="default"
+        >
+          <el-option
+            v-for="item in checkTypeOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.managerState"
-          placeholder="管理状态"
           clearable
-        />
+          placeholder="管理状态"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardManagerStateList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.standardLaboratory"
-          placeholder="标准所在部门"
           clearable
-        />
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.id"
+            :label="item.organizeName"
+            :value="item.id"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
         <el-date-picker
@@ -271,6 +344,7 @@
                 size="small"
                 type="primary"
                 link
+                @click="handleClick(row.$index, row, '编辑')"
               >
                 编辑
               </el-button>
@@ -278,6 +352,7 @@
                 size="small"
                 link
                 type="primary"
+                @click="handleClick(row.$index, row, '详情')"
               >
                 详情
               </el-button>
@@ -295,7 +370,10 @@
       </normal-table>
     </table-container>
   </app-container>
-  <standard-list-add v-else @close="close" />
+  <standard-list-add
+    v-else :info-id="infoId" :button-type="buttonType"
+    @close="close"
+  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/measure/bench/bench.vue b/src/views/measure/bench/bench.vue
index af9bb2b..bee1301 100644
--- a/src/views/measure/bench/bench.vue
+++ b/src/views/measure/bench/bench.vue
@@ -1,10 +1,11 @@
 <script lang="ts" setup name="bench">
-import { ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
 import { getCertificateStatistic, getStaffSStatistic, getStatistic, getTrainLogSStatistic } from '@/api/system/bench'
 import { getPlanList } from '@/api/system/plan'
 import { listPageApi } from '@/api/measure/file'
 import Echarts from '@/components/echarts/index.vue'
 import EchartsPie from '@/components/echarts/pie.vue'
+import BenchCol from '@/components/benchCol/index.vue'
 import useUserStore from '@/store/modules/user'
 const { username } = useUserStore()
 const buttomTypes = ref([
@@ -31,6 +32,11 @@
   { text: '证书名称', value: 'certificateName', width: '110' },
   { text: '到期时间', value: 'validDate' },
 ])
+const CertificatesColumns = ref([
+  { text: '证书名称', value: 'certificateName', width: '110' },
+  { text: '人员名称', value: 'name', width: '110' },
+  { text: '到期时间', value: 'validDate' },
+])
 const StatisticyAxis = ref([])
 const StatisticXAxis = ref([])
 const StaffSStatisticyAxis = ref([])
@@ -39,6 +45,8 @@
 const TrainLogTitle = ref('')
 const CertificateList = ref([])
 const CertificateObject = ref({})
+// 获得权限
+const { proxy } = getCurrentInstance() as any
 const getStatisticList = () => {
   const params = {
     createTime: '',
@@ -69,8 +77,8 @@
   }
   getTrainLogSStatistic(param).then((res) => {
     TrainLogSList.value = [
-      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified },
-      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified },
+      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified || '0' },
+      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified || '0' },
     ]
     TrainLogTitle.value = res.data.trainCount
   })
@@ -104,73 +112,55 @@
 <template>
   <app-container>
     <div class="bench">
-      <div class="bench-left">
-        <div class="bench-left-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/train/plan')">更多 ></span>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrainStatistic')" title="培训计划" path-url="/train/plan" width="27.8vw" height="40vh">
+        <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/line')" title="培训计划" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
+      </bench-col>
+      <div class="bench-right">
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/buttom')" width="27.8vw" height="20vh">
+          <div class="bench-right-top">
+            <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
+              {{ item.text }}
+            </div>
           </div>
-          <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
-        <div class="bench-left-buttom">
-          <div class="bench-title">
-            <h3>计量文件</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/file/quality')">更多 ></span>
-          </div>
-          <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
+        </bench-col>
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/train')" title="我的培训考核" width="27.8vw" height="20vh">
+          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
+        </bench-col>
       </div>
-      <div class="bench-center">
-        <div class="bench-center-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-          </div>
-          <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
-        </div>
-        <div class="bench-center-buttom">
-          <div class="bench-title">
-            <h3>我的证书</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/person/certificateLog')">更多 ></span>
-          </div>
-          <div class="bench-center-content">
-            <el-table :data="CertificateList" style="width: 100%;height: 100%; border-radius: 10px;">
-              <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-            </el-table>
-            <div class="validDate">
-              <div class="validDate-top">
-                <span>{{ CertificateObject.lastValidDate }}天</span>
-              </div>
-              <div class="validDate-bottom">
-                最近到期时间 <br>
-                <span>{{ CertificateObject.validDate }}</span>
-              </div>
+      <bench-col v-if="proxy.hasPerm('/measure/file/quality')" title="计量文件" path-url="/file/quality" width="27.8vw" height="40vh">
+        <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/remind')" title="我的证书" width="27.8vw" height="40vh" path-url="/person/remind">
+        <div style="display: flex;">
+          <el-table :data="CertificateList" style="width: 65%;height: 31.5vh; border-radius: 10px;">
+            <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+          </el-table>
+          <div class="validDate">
+            <div class="validDate-top">
+              <span>{{ CertificateObject.lastValidDate }}天</span>
+            </div>
+            <div class="validDate-bottom">
+              最近到期时间 <br>
+              <span>{{ CertificateObject.validDate }}</span>
             </div>
           </div>
         </div>
-      </div>
-      <div class="bench-right">
-        <div class="bench-right-top">
-          <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
-            {{ item.text }}
-          </div>
-        </div>
-        <div class="bench-right-center">
-          <div class="bench-title">
-            <h3>我的培训考核</h3>
-          </div>
-          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
-        </div>
-        <div class="bench-right-buttom">
-          <div class="bench-title">
-            <h3>计量人员</h3>
-          </div>
-          <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
-        </div>
-      </div>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/list')" title="计量人员" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/certificate')" title="证书预警" path-url="/person/remind" width="27.8vw" height="40vh">
+        <el-table :data="CertificateList" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in CertificatesColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
     </div>
   </app-container>
 </template>
@@ -178,149 +168,69 @@
 <style lang="scss" scoped>
 .bench {
   display: flex;
-
-  .bench-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 1vw;
-    height: 20%;
-  }
-
-  .bench-left {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 32%;
-    height: 90vh;
-
-    .bench-left-top {
-      height: 48%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-    }
-
-    .bench-left-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-    }
-  }
-
-  .bench-center {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
-
-    .bench-center-top {
-      height: 46.5%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      padding: 10px;
-    }
-
-    .bench-center-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-
-      .validDate {
-        width: 50%;
-        height: 100%;
-        padding: 20px 0;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        text-align: center;
-
-        .validDate-top {
-          width: 100px;
-          height: 100px;
-          margin-bottom: 30px;
-          background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
-        }
-
-        .validDate-top span {
-          position: relative;
-          top: 40%;
-          right: 0;
-          font-size: 22px;
-          // transform: translateX(-50%);
-        }
-
-        .validDate-bottom {
-          font-size: 18px;
-          font-weight: 600;
-        }
-
-        .validDate-bottom span {
-          font-size: 14px;
-          font-weight: 400;
-          color: #999;
-        }
-      }
-
-      .bench-center-content {
-        height: 80%;
-        display: flex;
-        align-items: center;
-        justify-content: space-around;
-      }
-    }
-  }
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .bench-right {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
+    height: 40vh;
+    margin-top: 1%;
 
     .bench-right-top {
-      height: 30%;
-      background-color: #fff;
-      border-radius: 10px;
       padding: 5%;
-      margin: 2%;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: space-around;
 
       .right-top-box {
-        width: 29%;
-        margin: 1%;
+        width: 25%;
+        margin: 2%;
         height: 40%;
         border-radius: 5px;
         text-align: center;
-        line-height: 8vh;
-        color: #fff;
+        font-size: 14px;
+        line-height: 4.5vh;
+        color: rgb(223 219 219);
         cursor: pointer;
-        background-color: rgb(40 184 228);
+        background-color: #3d7eff;
       }
     }
+  }
+}
 
-    .bench-right-center {
-      height: 34%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      overflow: hidden;
-    }
+.validDate {
+  width: 35%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
 
-    .bench-right-buttom {
-      height: 30%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-      padding: 10px;
-    }
+  .validDate-top {
+    width: 100px;
+    height: 100px;
+    margin-bottom: 30px;
+    background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
+  }
+
+  .validDate-top span {
+    position: relative;
+    top: 40%;
+    right: 0;
+    font-size: 22px;
+  }
+
+  .validDate-bottom {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  .validDate-bottom span {
+    font-size: 14px;
+    font-weight: 400;
+    color: #999;
   }
 }
 </style>
diff --git a/src/views/measure/price/list.vue b/src/views/measure/price/list.vue
index fb82066..45a3806 100644
--- a/src/views/measure/price/list.vue
+++ b/src/views/measure/price/list.vue
@@ -4,7 +4,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistQuery, IlistType } from './list_interface'
 import ListPriceAdd from './priceAdd.vue'
-import { getDeletePrice, getPriceList, uploadPrice } from '@/api/system/price'
+import { getDeletePrice, getPriceList, getTypeSelect, uploadPrice } from '@/api/system/price'
 import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
@@ -87,6 +87,12 @@
 const deleteId = ref('')
 // 详情id
 const infoId = ref('0')
+// 校验类型下拉框数组
+const checkTypeOptions = ref([])
+// 类别下拉框数组
+const priceTypeOptions = ref([])
+// 项目下拉框数组
+const priceItemOptions = ref([])
 const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
@@ -150,6 +156,23 @@
 const cancelEvent = () => {
   console.log('cancel!')
 }
+// 获取下拉框数据
+const getOptions = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'checkType') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'priceType') {
+      priceTypeOptions.value = res.data
+    }
+    else if (code === 'priceItem') {
+      priceItemOptions.value = res.data
+    }
+  })
+}
+getOptions('checkType')
+getOptions('priceType')
+getOptions('priceItem')
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -274,25 +297,52 @@
           />
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.checkType"
-            placeholder="检验类型"
             clearable
-          />
+            placeholder="检校类型"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in checkTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.priceType"
-            placeholder="类别"
             clearable
-          />
+            placeholder="类别"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in priceTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.priceItem"
-            placeholder="项目"
             clearable
-          />
+            placeholder="项目"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in priceItemOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
       </search-area>
       <table-container>
diff --git a/src/views/measure/train/plan.vue b/src/views/measure/train/plan.vue
index f0ed074..9707995 100644
--- a/src/views/measure/train/plan.vue
+++ b/src/views/measure/train/plan.vue
@@ -70,12 +70,11 @@
   {
     text: '培训时间',
     value: 'trainTime',
-    width: '180',
+    width: '90',
   },
   {
     text: '主管部门',
     value: 'deptName',
-    width: '90',
   },
   {
     text: '实施单位',
@@ -90,7 +89,7 @@
   {
     text: '创建时间',
     value: 'createTime',
-    width: '180',
+    width: '90',
   },
   {
     text: '备注',

diff --git a/src/api/device/standard.ts b/src/api/device/standard.ts
index 6a6d694..4f0d99c 100644
--- a/src/api/device/standard.ts
+++ b/src/api/device/standard.ts
@@ -27,3 +27,31 @@
     data,
   })
 }
+
+// 详情信息
+export function getStandardListDetail(data: object) {
+  return request({
+    url: `${prefix}/standard/detail`,
+    method: 'post',
+    data,
+  })
+}
+
+// 更新信息
+export function getStandardLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/standard/update`,
+    method: 'post',
+    data,
+  })
+}
+
+// 获取部门信息
+export function getUsersDept(data: object) {
+  return request({
+    url: `/meter/organize/listPage?offset=${data.offset}&limit=${data.limit}`,
+    method: 'post',
+    data,
+  })
+}
+
diff --git a/src/components.d.ts b/src/components.d.ts
index 0bb0edd..f202da8 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -14,11 +14,11 @@
     Auth: typeof import('./components/Auth/index.vue')['default']
     AuthAll: typeof import('./components/AuthAll/index.vue')['default']
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
+    BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ConditionDrawer: typeof import('./components/drawer/conditionDrawer.vue')['default']
     CopyerDrawer: typeof import('./components/drawer/copyerDrawer.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
-    Echart: typeof import('./components/Echart/index.vue')['default']
     Echarts: typeof import('./components/echarts/index.vue')['default']
     Editor: typeof import('./components/Editor/index.vue')['default']
     EmployeesDialog: typeof import('./components/dialog/employeesDialog.vue')['default']
@@ -29,6 +29,7 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
+    LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
@@ -36,6 +37,7 @@
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
     Pie: typeof import('./components/echarts/pie.vue')['default']
+    PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     RoleDialog: typeof import('./components/dialog/roleDialog.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/src/components/Echart/LineChart.vue b/src/components/Echart/LineChart.vue
new file mode 100644
index 0000000..3fec782
--- /dev/null
+++ b/src/components/Echart/LineChart.vue
@@ -0,0 +1,350 @@
+<script lang="ts" setup name="LineChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import type { lineDataI, lineOption, lineSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载状态
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: 50,
+        left: 10,
+        right: 20,
+        bottom: 5,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 图例设置对象
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: true,
+        icon: 'circle',
+        orient: 'vertile', // 图例方向
+        align: 'left', // 图例标记和文本的对齐，默认自动
+        top: 0,
+        right: 20,
+        itemWidth: 12,
+        itemHeight: 12,
+        padding: [0, 0, 0, 120],
+      }
+    },
+  },
+  /**
+   * 图例列表，非必传
+   */
+  legendData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * X轴刻度数据，格式为['周一','周二'...]
+   */
+  xAxisData: {
+    type: Array<string>,
+    default: () => { return [] },
+  },
+  /**
+   * X轴类型
+   */
+  xAxisType: {
+    type: String,
+    default: 'category',
+    validator: (value: string) => {
+      return ['category', 'value', 'time', 'log'].includes(value)
+    },
+  },
+  /**
+   * 数据，格式为[{name:'系列名',data:[0,0,0,...0], color:'可选'},...]
+   */
+  data: {
+    type: Array<lineDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 单位
+   */
+  unit: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => {
+      return [
+        '#2d8cf0',
+        '#19be6b',
+        '#ff9900',
+        '#E46CBB',
+        '#9A66E4',
+        '#ed3f14',
+        '#01C2F9',
+      ]
+    },
+  },
+  /**
+   * 实虚线
+   */
+  axisLineType: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 轴线颜色
+   */
+  axisLineColor: {
+    type: String,
+    default: '#96989b',
+  },
+  /**
+   * 轴线上文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 是否为渐变折线图
+   */
+  gradient: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 平滑
+   */
+  smooth: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.xAxisData, props.data], ([newName, newNums], [oldName, oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: lineOption = {
+    grid: props.grid,
+    legend: props.legend, // 图例
+    tooltip: {
+      trigger: 'axis',
+      textStyle: {
+        fontSize: 16,
+      },
+      axisPointer: {
+        type: 'cross',
+        label: {
+          fontSize: 13,
+        },
+      },
+      valueFormatter: (value: string | number) => {
+        return value ? value + props.unit : ''
+      },
+    }, // 提示框
+    xAxis: [
+      {
+        type: props.xAxisType,
+        boundaryGap: true,
+        axisLine: {
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        axisLabel: {
+          color: props.fontColor, // X轴名称颜色
+          fontSize: 14,
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: props.axisLineType,
+          },
+        },
+      },
+    ],
+    yAxis: [
+      {
+        name: props.unit,
+        type: 'value',
+        boundaryGap: true,
+        axisLine: {
+          show: false,
+          lineStyle: {
+            color: props.axisLineColor, // 轴线的颜色
+          },
+        },
+        nameTextStyle: {
+          color: props.fontColor,
+          fontSize: 14,
+          verticalAlign: 'middle',
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: ['#7a6b74'],
+            type: 'dashed',
+          },
+        },
+      },
+    ],
+    series: [] as lineSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 图例
+  if (props.legend && props.legendData.length > 0) {
+    option.legend!.data = props.legendData
+  }
+  // x轴数据
+  if (props.xAxisData && props.xAxisData.length > 0) {
+    if (Array.isArray(option.xAxis) && option.xAxis.length > 0) {
+      option.xAxis[0].data = props.xAxisData // 横轴
+    }
+  }
+  // 数据
+  if (props.data) {
+    const newSeries: lineSeriesOption[] = []
+    // 遍历data， 拆分轴线名称，数据和颜色
+    for (const itemIndex in props.data) {
+      const item = props.data[itemIndex]
+      const series: lineSeriesOption = {
+        name: item.name, // 线系列名
+        type: 'line',
+        symbol: 'none', // 去掉折线节点
+        smooth: props.smooth, // 曲线平滑设置
+        lineStyle: {
+          width: 2,
+        },
+        data: item.data,
+      }
+      // 线段颜色
+      if (item.color || props.colors.length > 0) {
+        series.itemStyle = {
+          color: item.color ? formatColor(item.color) : formatColor(props.colors[itemIndex] as string),
+        }
+        // 如果开启渐变
+        if (props.gradient) {
+          series.areaStyle = {
+            color: new echarts.graphic.LinearGradient(
+              0, 0, 0, 1, // 变化度 ,渐变方向
+              [
+                {
+                  offset: 0.1,
+                  color: item.color ? getAlphaColor(item.color, 0.6) : getAlphaColor(props.colors[itemIndex] as string, 0.6),
+                },
+                {
+                  offset: 1,
+                  color: '#fff',
+                },
+              ],
+            ),
+          }
+        }
+      }
+      newSeries.push(series)
+    }
+    option.series = newSeries
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/PieChart.vue b/src/components/Echart/PieChart.vue
new file mode 100644
index 0000000..032ee81
--- /dev/null
+++ b/src/components/Echart/PieChart.vue
@@ -0,0 +1,270 @@
+<script lang="ts" setup name="PieChart">
+import * as echarts from 'echarts/core'
+import type { ECharts } from 'echarts'
+import { init } from 'echarts'
+import type { Ref } from 'vue'
+import type { ECBasicOption } from 'echarts/types/dist/shared'
+import { Grid } from '@element-plus/icons-vue'
+import type { lineSeriesOption, pieDataI, pieOption, pieSeriesOption } from './echart-interface'
+import tdTheme from './theme.json' // 引入默认主题
+import { formatColor, getAlphaColor } from './utils'
+const props = defineProps({
+  /**
+   * id
+   */
+  id: {
+    type: String,
+    default: 'chart',
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * 标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 图例是否显示
+   */
+  legend: {
+    type: Object,
+    default: () => {
+      return {
+        show: false,
+        orient: 'vertical',
+        right: '20%',
+        top: 'center',
+        icon: 'circle',
+        itemWidth: 12,
+        itemHeight: 12,
+        itemStyle: {
+          fontSize: 18,
+        },
+      }
+    },
+  },
+  /**
+   * 文本标签是否显示
+   */
+  labelShow: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * 图表宽
+   */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 图表高
+   */
+  height: {
+    type: String,
+    default: '100%',
+  },
+  /**
+   * 饼图的半径[内半径，外半径]
+   */
+  radius: {
+    type: Array,
+    default: () => {
+      return ['30%', '45%']
+    },
+  },
+  /**
+   * 是否要展示成玫瑰图，或玫瑰图类型:radius|area
+   */
+  roseType: {
+    type: [String, Boolean],
+    default: false,
+  },
+  /**
+   * 显示值类型：percentage百分比|value数值
+   */
+  valueType: {
+    type: String,
+    default: 'percentage',
+  },
+  /**
+   * 数据，格式为 [{name:'xxx'，value:0},...]
+   */
+  data: {
+    type: Array<pieDataI>,
+    default: () => { return [] },
+  },
+  /**
+   * 颜色
+   */
+  colors: {
+    type: Array,
+    default: () => { return ['#3d7eff', '#caddff'] },
+  },
+  /**
+   * 网格配置
+   */
+  grid: {
+    type: Object,
+    default: () => {
+      return {
+        top: '10%',
+        left: '5%',
+        right: '5%',
+        bottom: 20,
+        containLabel: true, // 是否包含坐标轴的刻度标签
+      }
+    },
+  },
+  /**
+   * 标签文字颜色
+   */
+  fontColor: {
+    type: String,
+    default: '#000000',
+  },
+  /**
+   * 标签格式化
+   */
+  labelFormatter: {
+    type: String,
+    default: '',
+  },
+  /**
+   * 标签位置, outside饼图扇区外侧， inside饼图扇区内部， center饼图中心位置
+   */
+  labelPosition: {
+    type: String,
+    default: 'center',
+  },
+  /**
+   * 悬停格式化
+   */
+  hoverFormatter: {
+    type: String,
+    default: '{b}<br/>数量:{c}<br/>占比:{d}%',
+  },
+
+})
+
+// 图表对象
+let chart: ECharts
+const chartRef: Ref<HTMLElement | null> = ref(null)
+
+// 监听数据变化
+watch(
+  [() => props.data], ([newNums], [oldNums]) => {
+    refreshChart()
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+// 构建option
+function buildOption() {
+  const option: pieOption = {
+    grid: props.grid, // 网格
+    legend: props.legend, // 图例
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: props.hoverFormatter,
+      textStyle: {
+        fontSize: 15,
+      },
+    }, // 提示框
+    series: [] as pieSeriesOption[],
+  }
+  // 标题
+  if (props.title) {
+    option.title = {
+      show: true,
+      text: props.title,
+    }
+  }
+  // 标题
+  if (props.colors) {
+    option.color = props.colors as string[]
+  }
+  // 数据
+  if (props.data) {
+    const series: pieSeriesOption = {
+      animationType: 'expansion', // 沿圆弧展开效果 expansion|scale
+      type: 'pie',
+      avoidLabelOverlap: true, // 是否启用防止标签重叠策略
+      roseType: props.roseType, // 玫瑰图类型
+      radius: props.radius as string[], // 饼图的半径[内半径，外半径]
+      center: ['50%', '50%'], // 圆心坐标[横坐标，纵坐标]
+      startAngle: 140,
+      label: {
+        show: props.labelShow,
+        position: 'center',
+        formatter: props.labelFormatter ? props.labelFormatter : (props.valueType == 'percentage' ? '{style1|{b}}\n{style2|{d}%}' : '{style1|{b}}\n{style2|{c}}'),
+        fontSize: 22,
+        fontWeight: 'bolder',
+        rich: {
+          style1: {
+            color: props.fontColor,
+            fontSize: 16,
+          },
+          style2: {
+            color: props.fontColor,
+            fontWeight: 'bolder',
+            fontSize: 19,
+          },
+        },
+        emphasis: {
+          show: true,
+          textStyle: {
+            fontSize: 22,
+            fontWeight: 'bold',
+          },
+        },
+      },
+      data: props.data,
+    }
+    option.series = [series]
+  }
+  return option
+}
+// 初始化图表
+function initChart() {
+  chart = init(chartRef.value as HTMLElement, tdTheme)
+  chart.setOption({})
+}
+
+// 刷新图表
+function refreshChart() {
+  if (chart) {
+    const option = buildOption()
+    chart.setOption(option as unknown as ECBasicOption, true)
+  }
+}
+
+window.addEventListener('resize', () => {
+  chart.resize()
+})
+
+onMounted(() => {
+  initChart()
+})
+</script>
+
+<template>
+  <div :id="id" ref="chartRef" v-loading="loading" class="chart" :style="{ height, width }" />
+</template>
+
+<style lang="scss" scoped>
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/Echart/echart-interface.ts b/src/components/Echart/echart-interface.ts
new file mode 100644
index 0000000..e677f65
--- /dev/null
+++ b/src/components/Echart/echart-interface.ts
@@ -0,0 +1,220 @@
+import type { LinearGradientObject } from 'echarts'
+// 折线数据格式
+export interface lineDataI {
+  name: string // 轴线名称
+  data: string[] | number[] // 数值
+  color?: string // 颜色
+}
+
+// 饼图数据格式
+export interface pieDataI {
+  name: string // 分类名称
+  value: number // 分类值
+}
+// 标题配置
+export interface titleOption {
+  title?: {
+    show?: boolean // 是否显示标题
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    text: string // 标题
+  }
+}
+
+// 网格配置
+export interface gridOption {
+  grid?: {
+    show?: boolean // 是否显示直角坐标系网格
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    containLabel?: boolean // grid区域是否包含坐标轴的刻度标签
+  }
+}
+// 图例
+export interface legendOption {
+  legend?: {
+    show?: boolean
+    icon?: string // 图形样式
+    orient?: string // 图例方向
+    align?: string // 图例标记和文本的对齐，默认自动
+    left?: number | string // 上边距
+    right?: number | string // 右边距
+    bottom?: number | string // 下边距
+    top?: number | string // 顶部边距
+    padding?: number | [number, number] | [number, number, number, number] // 内边距
+    data?: string[] // 数值
+    itemWidth?: number // 图例标记宽
+    itemHeight?: number // 图例标记高
+    itemStyle?: { // 图例标记样式
+      decal?: string // 贴花图案
+    }
+  }
+}
+// 提示框
+export interface tooltipOption {
+  tooltip: {
+    show?: boolean
+    trigger: 'axis' | 'item' | 'none' // 触发类型
+    textStyle: { // 浮层的文本样式
+      color?: string // 文字颜色，默认白色
+      fontSize?: number // 文字大小， 默认14
+    }
+    axisPointer?: { // 坐标轴指示器
+      type: 'cross' | 'line' | 'shadow' | 'none'
+      label: {
+        show?: boolean // axisPointer为cross时默认显示，其他默认不显示
+        fontSize?: number // 文字大小，默认14
+      }
+    }
+    formatter?: string
+    valueFormatter?: (value: number | string) => string // 数值显示部分格式化回调函数
+  }
+}
+
+// x轴
+export interface xAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle?: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// Y轴
+export interface yAxisOption {
+  type: string // 'category' | 'value' | 'time' | 'log'
+  name?: string
+  boundaryGap?: boolean | string[]
+  data?: Array<string | Object> // 类目数据，在类目轴(type=category)中有效
+  axisLine?: { // 坐标轴线
+    show?: boolean
+    lineStyle?: {
+      color?: string // 轴线的颜色
+      width?: number // 轴线宽度，默认1
+    }
+  }
+  nameTextStyle?: { // 坐标轴名称的文字样式。
+    color?: string
+    fontSize?: number // 默认12
+    verticalAlign: 'auto' | 'top' | 'middle' | 'bottom' // 文字垂直对齐方式
+  }
+  axisLabel?: { // 坐标轴刻度标签
+    color?: string // X轴名称颜色
+    fontSize?: number //
+  }
+  splitLine: { // 坐标轴在 grid 区域中的分隔线
+    show?: boolean
+    interval?: string | number | ((index: number, value: string) => boolean) // 坐标轴分隔线的显示间隔
+    lineStyle: {
+      color?: string | Array<string>
+      type?: string // 'dashed' | 'solid' | 'dotted'
+      shadowBlur?: number // 图形阴影的模糊大小
+      shadowColor?: string // 阴影颜色
+      shadowOffsetX?: number // 阴影水平方向的偏移距离
+      shadowOffsetY?: number // 阴影垂直方向的偏移距离
+    }
+    opacity?: number // 透明度，默认1
+  }
+}
+
+// 折线series配置项
+export interface lineSeriesOption {
+  name?: string // 系列名称
+  type: 'line'
+  symbol?: string | Function // 标记的图形 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  smooth?: boolean // 曲线平滑设置, 默认false
+  itemStyle?: { // 折线拐点样式
+    color?: string // 图形的颜色
+    borderColor?: string // 图形的描边颜色
+    borderWidth?: number // 描边线宽。默认0，无描边。
+    shadowBlur?: number // 图形阴影的模糊大小
+    shadowColor?: string // 阴影颜色
+    shadowOffsetX?: number // 阴影水平方向的偏移距离
+    shadowOffsetY?: number // 阴影垂直方向的偏移距离
+  }
+  lineStyle?: { // 线条样式
+    width: number // 线条宽度，默认2
+    color?: string // 线条颜色， 默认#000
+    type?: 'solid' | 'dashed' | 'dotted' // 默认solid
+  }
+  areaStyle?: { // 区域填充样式
+    color?: string | LinearGradientObject // 填充颜色
+  }
+  data: number[] | string[]
+}
+// 饼图series配置项
+export interface pieSeriesOption {
+  name?: string // 系列名称
+  type: 'pie'
+  animationType?: string// 沿圆弧展开效果 expansion|scale
+  avoidLabelOverlap?: boolean // 是否启用防止标签重叠策略
+  roseType?: string | boolean // 玫瑰图类型
+  radius?: string[] // 饼图的半径[内半径，外半径]
+  center?: [string, string] // 圆心坐标[横坐标，纵坐标]
+  startAngle?: number // 开始的角度 //起始角度，支持范围[0, 360]。
+  label?: { // 饼图图形上的文本标签
+    show?: boolean // 是否显示
+    position?: string // 标签位置
+    fontSize?: number // 文字大小，默认12
+    fontWeight?: string // 文字粗细
+    lineHeight?: number // 行高
+    formatter?: string | Function // 标签内容格式器
+    rich?: object // 富文本样式
+    emphasis?: { // 高亮状态的扇区和标签样式
+      show?: boolean
+      textStyle: {
+        color?: string
+        fontSize?: number
+        fontWeight?: string
+      }
+    }
+  }
+  labelLine?: { // 视觉引导线
+    show?: boolean
+  }
+  data: pieDataI[]
+}
+// 折线图配置项
+export interface lineOption extends titleOption, gridOption, legendOption, tooltipOption {
+  xAxis: xAxisOption | xAxisOption[]
+  yAxis: yAxisOption | yAxisOption[]
+  series: lineSeriesOption[]
+}
+// 饼图配置项
+export interface pieOption extends titleOption, gridOption, legendOption, tooltipOption {
+  color?: string[]
+  series: pieSeriesOption[]
+}
+
diff --git a/src/components/Echart/index.vue b/src/components/Echart/index.vue
deleted file mode 100644
index 9efe188..0000000
--- a/src/components/Echart/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<script lang="ts" setup name="Echart">
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
-import type { ECharts } from 'echarts'
-import { EChartsOption, init } from 'echarts'
-import tdTheme from './theme.json' // 引入默认主题
-const props = defineProps({
-  className: {
-    type: String,
-    default: 'chart',
-  },
-  id: {
-    type: String,
-    default: 'chart',
-  },
-  width: {
-    type: String,
-    default: '100%',
-  },
-  height: {
-    type: String,
-    default: '100%',
-  },
-  options: {
-    type: Object,
-    default: () => ({}),
-  },
-})
-
-// 图表对象
-let chart: ECharts
-const chartRef: Ref<HTMLElement | null> = ref(null)
-
-watch(props.options, (newVal) => {
-  chart.setOption(newVal, true)
-}, { deep: true })
-
-// 初始化
-function initChart() {
-  chart.setOption(props.options, true)
-}
-
-onMounted(() => {
-  chart = init(chartRef.value as HTMLElement, tdTheme)
-  initChart()
-})
-</script>
-
-<template>
-  <div :id="id" ref="chartRef" :class="className" :style="{ height, width }" />
-</template>
-
-<style lang="scss" scoped>
-// 样式
-</style>
diff --git a/src/components/Echart/theme.json b/src/components/Echart/theme.json
index 58a1f46..365f766 100644
--- a/src/components/Echart/theme.json
+++ b/src/components/Echart/theme.json
@@ -255,7 +255,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#222"
       }
     },
     "splitLine": {
@@ -292,7 +292,7 @@
     "axisLabel": {
       "show": true,
       "textStyle": {
-        "color": "#fff"
+        "color": "#333"
       }
     },
     "splitLine": {
@@ -399,7 +399,7 @@
   },
   "legend": {
     "textStyle": {
-      "color": "#fff"
+      "color": "#333"
     }
   },
   "tooltip": {
diff --git a/src/components/Echart/utils.ts b/src/components/Echart/utils.ts
new file mode 100644
index 0000000..0acd088
--- /dev/null
+++ b/src/components/Echart/utils.ts
@@ -0,0 +1,38 @@
+/**
+ * 格式化颜色
+ * @param value 颜色值 #aaa格式或rgb格式
+ * @returns 颜色值
+ */
+export function formatColor(value: string): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (value.startsWith('#')) { // #号开头的颜色值
+    return value
+  }
+  else if (rgbReg.test(value)) { // 数字开头的颜色值
+    return `rgb(${value})`
+  }
+  else {
+    return ''
+  }
+}
+
+/**
+ * 获取某颜色的透明度颜色
+ * @param color 颜色
+ * @param alpha 透明度
+ * @returns 透明度颜色
+ */
+export function getAlphaColor(color: string, alpha: number): string {
+  const rgbReg = /((2[0-4]\\d|25[0-5]|[01]?[0-9]?[0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[0-1]?[0-9]?[0-9])$/
+  if (color.startsWith('#')) { // #号开头的颜色值
+    let alpha2 = Math.floor(alpha * 255)
+    alpha2 = alpha > 255 ? 255 : alpha2
+    return color + alpha2.toString(16) // 转换为16进制
+  }
+  else if (rgbReg.test(color)) { // 数字开头的颜色值
+    return `rgba(${color}, ${alpha})`
+  }
+  else {
+    return ''
+  }
+}
diff --git a/src/components/NormalTable/index.vue b/src/components/NormalTable/index.vue
index 4c53275..2b110cb 100644
--- a/src/components/NormalTable/index.vue
+++ b/src/components/NormalTable/index.vue
@@ -165,7 +165,7 @@
     <div v-if="props.pagination" style="width: 100%;margin-top: 10px;">
       <el-pagination
         :current-page="props.query.offset"
-        :page-sizes="props.pageSizes"
+        :page-sizes="props.pageSizes as number[]"
         :page-size="props.query.limit"
         :total="props.total"
         layout="total, sizes, prev, pager, next"
diff --git a/src/components/benchCol/index.vue b/src/components/benchCol/index.vue
new file mode 100644
index 0000000..ddd000a
--- /dev/null
+++ b/src/components/benchCol/index.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup name="benchCol">
+// 逻辑代码
+const props = defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  pathUrl: {
+    type: String,
+    default: '',
+  },
+  width: {
+    type: String,
+    default: '',
+  },
+  height: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div class="bench-left-top" :style="{ width, height }">
+    <div class="bench-title">
+      <h3 v-if="title !== ''">
+        {{ title }}
+      </h3>
+      <span v-if="pathUrl !== ''" style="cursor: pointer;font-size: 14px; color: #ccc;" @click="$router.push(pathUrl)">更多 ></span>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.bench-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
+  overflow: hidden;
+}
+// 样式
+.bench-left-top {
+  border-radius: 10px;
+  margin-top: 1%;
+  overflow: hidden;
+  background-color: #fff;
+}
+</style>
+
diff --git a/src/components/echarts/index.vue b/src/components/echarts/index.vue
index 1f6f6aa..c385dae 100644
--- a/src/components/echarts/index.vue
+++ b/src/components/echarts/index.vue
@@ -107,7 +107,7 @@
           symbolSize: 2, // 拐点大小
           // 折线条的样式
           lineStyle: {
-            color: '#58abf0',
+            color: '#3d7eff',
           },
           // 折线拐点的样式
           itemStyle: {
@@ -158,6 +158,6 @@
 <style lang="scss" scoped>
 .bars_w {
   width: 100%;
-  height: 100%;
+  height: 90%;
 }
 </style>
diff --git a/src/components/echarts/pie.vue b/src/components/echarts/pie.vue
index 3ad8db6..1bbfb93 100644
--- a/src/components/echarts/pie.vue
+++ b/src/components/echarts/pie.vue
@@ -25,12 +25,12 @@
       tooltip: {
         trigger: 'item',
       },
-      color: ['rgb(40, 184, 228)', '#ccc'],
+      color: ['#3d7eff', '#ccc'],
       legend: {
         orient: 'vertical',
         right: '0',
-        bottom: '50%',
-        itemGap: 20,
+        bottom: '40%',
+        itemGap: 10,
       },
       graphic: {
         type: 'text',
@@ -95,6 +95,6 @@
 .bars_w {
   width: 100%;
   height: 90%;
-  transform: translateX(-25%);
+  transform: translate(-10%, -30%);
 }
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index ae5c3f5..6f8b597 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -17,6 +17,7 @@
     baseOn: 'backend',
     menuMode: 'head',
     showIcon: true,
+    switchMainMenuAndPageJump: true,
     enableSubMenuCollapseButton: true,
   },
   toolbar: {
diff --git a/src/views/device/standardEquipment/components/standardListAdd.vue b/src/views/device/standardEquipment/components/standardListAdd.vue
index e7c5f86..483b6ad 100644
--- a/src/views/device/standardEquipment/components/standardListAdd.vue
+++ b/src/views/device/standardEquipment/components/standardListAdd.vue
@@ -4,7 +4,7 @@
 import type { FormInstance, UploadProps, UploadUserFile } from 'element-plus'
 import { getStaffList } from '@/api/measure/person'
 import { getTypeSelect } from '@/api/system/price'
-import { getStandardListAdd } from '@/api/device/standard'
+import { getStandardLisUpdate, getStandardListAdd, getStandardListDetail, getUsersDept } from '@/api/device/standard'
 import { UploadFile } from '@/api/measure/file'
 const props = defineProps({
   infoId: {
@@ -29,7 +29,7 @@
   contactInfo: '',
   createTime: null,
   createUser: null,
-  id: null,
+  id: '',
   isDel: null,
   laboratoryOwner: null,
   laboratoryOwnerContact: null,
@@ -61,12 +61,7 @@
   updateTime: null,
   version: null,
 })
-const checkTypeOptions = ref([
-  { name: '国家', id: 0, value: 0 },
-  { name: '国防', id: 1, value: 1 },
-  { name: '二级', id: 2, value: 2 },
-  { name: '标准装置', id: 3, value: 3 },
-])
+const checkTypeOptions = ref([])
 const transmitRangeOptions = ref([
   { name: '国家级', id: 0, value: 0 },
   { name: '省级', id: 1, value: 1 },
@@ -79,6 +74,8 @@
 const standardManagerStateList = ref([]) // 管理状态下拉框
 const standardLevelList = ref([]) // 标准等级下拉框
 const transmitRangeList = ref([]) // 传递范围下拉框
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
 // 获取下拉框
 const getSelectList = (code: string) => {
   getTypeSelect(code).then((res) => {
@@ -94,12 +91,30 @@
     else if (code === 'transmitRange') {
       transmitRangeList.value = res.data
     }
+    else if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
   })
 }
 getSelectList('measureMajor') // 获取计量专业下拉框
 getSelectList('standardManagerState') // 获取管理状态下拉框
 getSelectList('standardLevel') // 获取标准等级下拉框
 getSelectList('transmitRange') // 获取传递范围下拉框
+getSelectList('standardCategory') // 获取类别下拉框
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 // 获取到标准负责人数组
 const getStandardOwnerOptions = () => {
   const params = {
@@ -193,9 +208,33 @@
     )
   }
 }
+// 编辑获取详情的提交按钮
+const submitFormDetail = () => {
+  if (props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    formInline.value.laboratoryOwner = null
+    getStandardLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    // 打印
+    const printObj = ref({
+      id: 'print', // 需要打印元素的id
+      popTitle: '测量标准装置', // 打印配置页上方的标题
+      extraHead: '', // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+      preview: false, // 是否启动预览模式，默认是false
+      standard: '',
+      extarCss: '',
+    })
+  }
+}
 // 提交
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) { return }
+  if (props.buttonType === '详情') { return submitFormDetail() }
   await formEl.validate((valid, fields) => {
     if (valid) {
       ElMessageBox.confirm(
@@ -213,11 +252,30 @@
               close()
             }
           })
-          : ''
+          : submitFormDetail()
       })
     }
   })
 }
+// 标准实验室发生改变
+const changeDeptList = (row: object) => {
+  formInline.value.laboratoryOwnerContact = row.phone
+  formInline.value.laboratoryOwnerName = row.director
+}
+// 标准实验室清空时
+const clearDeptList = () => {
+  formInline.value.laboratoryOwnerContact = null
+  formInline.value.laboratoryOwnerName = null
+}
+// 获取详情信息
+const getInfo = () => {
+  getStandardListDetail({ id: props.infoId }).then((res) => {
+    formInline.value = res.data
+  })
+}
+if (props.buttonType !== '') {
+  getInfo()
+}
 </script>
 
 <template>
@@ -241,6 +299,7 @@
         :inline="true"
         :model="formInline"
         label-position="left"
+        label-width="auto"
         :rules="rules"
       >
         <el-row :gutter="20">
@@ -414,32 +473,25 @@
                 placeholder="标准所在实验室"
                 size="default"
                 :disabled="buttonType === '详情'"
+                @clear="clearDeptList"
               >
                 <el-option
-                  v-for="item in transmitRangeOptions"
+                  v-for="item in standardUsersDeptList"
                   :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
+                  :label="item.organizeName"
+                  :value="item.id"
+                  @click="changeDeptList(item)"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="实验室负责人:">
-              <el-select
-                v-model.trim="formInline.laboratoryOwner"
-                clearable
+              <el-input
+                v-model.trim="formInline.laboratoryOwnerName"
                 placeholder="实验室负责人"
-                size="default"
                 :disabled="buttonType === '详情'"
-              >
-                <el-option
-                  v-for="item in transmitRangeOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.value"
-                />
-              </el-select>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -539,7 +591,7 @@
           <el-col :span="2">
             <el-form-item label="环境条件" />
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准温度:" prop="standardTemperature">
               <el-input
                 v-model.trim="formInline.standardTemperature"
@@ -548,7 +600,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="6">
             <el-form-item label="标准湿度:" prop="standardHumidity">
               <el-input
                 v-model.trim="formInline.standardHumidity"
@@ -562,7 +614,6 @@
           <el-col :span="6">
             <el-form-item label="有效日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择有效日期"
                 format="YYYY/MM/DD HH:mm:ss"
@@ -574,7 +625,6 @@
           <el-col :span="6">
             <el-form-item label="证书编号:">
               <el-select
-                v-model.trim="formInline.managerState"
                 clearable
                 placeholder="证书编号"
                 size="default"
@@ -592,7 +642,6 @@
           <el-col :span="6">
             <el-form-item label="发证单位:">
               <el-input
-                v-model.trim="formInline.constructionStandardProject"
                 placeholder="发证单位"
                 disabled
               />
@@ -601,7 +650,6 @@
           <el-col :span="6">
             <el-form-item label="发证日期:">
               <el-date-picker
-                v-model="formInline.assessDate"
                 type="datetime"
                 placeholder="请选择发证日期"
                 format="YYYY/MM/DD HH:mm:ss"
diff --git a/src/views/device/standardEquipment/standardList.vue b/src/views/device/standardEquipment/standardList.vue
index 99ed765..329d608 100644
--- a/src/views/device/standardEquipment/standardList.vue
+++ b/src/views/device/standardEquipment/standardList.vue
@@ -3,7 +3,8 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistType } from './standard_interface'
 import StandardListAdd from './components/standardListAdd.vue'
-import { getStandardList, getStandardListDelete } from '@/api/device/standard'
+import { getTypeSelect } from '@/api/system/price'
+import { getStandardList, getStandardListDelete, getUsersDept } from '@/api/device/standard'
 import { exportExcel } from '@/utils/exportXlsx'
 // 逻辑代码
 
@@ -30,7 +31,7 @@
   {
     text: '标准名称',
     value: 'standardName',
-    width: '100',
+    width: '90',
   },
   {
     text: '类别',
@@ -39,7 +40,7 @@
   },
   {
     text: '标准等级',
-    value: 'standardLevel',
+    value: 'standardLevelName',
     width: '100',
   },
   {
@@ -73,8 +74,21 @@
   },
 ])
 const total = ref(0)
+// 表格loding
 const loadingTable = ref(false)
+// 选中的数据
 const checkoutList = ref([])
+// 编辑或者详情id
+const infoId = ref('')
+// 点击的类型
+const buttonType = ref('')
+// 类别下拉框
+const checkTypeOptions = ref([])
+// 管理状态下拉框
+const standardManagerStateList = ref([])
+// 标准所在部门下拉框
+const standardUsersDeptList = ref([])
+// 获取数据
 const fetchData = (isNowPage: boolean) => {
   loadingTable.value = true
   if (!isNowPage) {
@@ -92,6 +106,34 @@
 const searchList = () => {
   fetchData(true)
 }
+// 获取下拉框
+const getSelectList = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'standardCategory') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'standardManagerState') {
+      standardManagerStateList.value = res.data
+    }
+  })
+}
+getSelectList('standardCategory') // 获取类别下拉框
+getSelectList('standardManagerState') // 获取管理状态下拉框
+
+// 获取部门信息
+getUsersDept({
+  createTime: '',
+  director: '',
+  meterMajor: '',
+  organizeName: '',
+  organizeNo: '',
+  organizeType: '2',
+  pdeptId: null,
+  offset: 1,
+  limit: 999999,
+}).then((res) => {
+  standardUsersDeptList.value = res.data.rows
+})
 
 // 点击重置
 const clearList = () => {
@@ -160,6 +202,7 @@
 }
 // 新增
 const addList = () => {
+  buttonType.value = ''
   isShow.value = false
 }
 // 关闭
@@ -194,6 +237,12 @@
       })
     })
 }
+// 点击编辑或详情
+const handleClick = (index: number, row: object, text: string) => {
+  infoId.value = row.id
+  buttonType.value = text
+  isShow.value = false
+}
 </script>
 
 <template>
@@ -217,25 +266,49 @@
         />
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.category"
+          clearable
           placeholder="类别"
-          clearable
-        />
+          size="default"
+        >
+          <el-option
+            v-for="item in checkTypeOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.managerState"
-          placeholder="管理状态"
           clearable
-        />
+          placeholder="管理状态"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardManagerStateList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.value"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
-        <el-input
+        <el-select
           v-model.trim="listQuery.standardLaboratory"
-          placeholder="标准所在部门"
           clearable
-        />
+          placeholder="标准所在部门"
+          size="default"
+        >
+          <el-option
+            v-for="item in standardUsersDeptList"
+            :key="item.id"
+            :label="item.organizeName"
+            :value="item.id"
+          />
+        </el-select>
       </search-item>
       <search-item style="width: 15%;">
         <el-date-picker
@@ -271,6 +344,7 @@
                 size="small"
                 type="primary"
                 link
+                @click="handleClick(row.$index, row, '编辑')"
               >
                 编辑
               </el-button>
@@ -278,6 +352,7 @@
                 size="small"
                 link
                 type="primary"
+                @click="handleClick(row.$index, row, '详情')"
               >
                 详情
               </el-button>
@@ -295,7 +370,10 @@
       </normal-table>
     </table-container>
   </app-container>
-  <standard-list-add v-else @close="close" />
+  <standard-list-add
+    v-else :info-id="infoId" :button-type="buttonType"
+    @close="close"
+  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/measure/bench/bench.vue b/src/views/measure/bench/bench.vue
index af9bb2b..bee1301 100644
--- a/src/views/measure/bench/bench.vue
+++ b/src/views/measure/bench/bench.vue
@@ -1,10 +1,11 @@
 <script lang="ts" setup name="bench">
-import { ref } from 'vue'
+import { getCurrentInstance, ref } from 'vue'
 import { getCertificateStatistic, getStaffSStatistic, getStatistic, getTrainLogSStatistic } from '@/api/system/bench'
 import { getPlanList } from '@/api/system/plan'
 import { listPageApi } from '@/api/measure/file'
 import Echarts from '@/components/echarts/index.vue'
 import EchartsPie from '@/components/echarts/pie.vue'
+import BenchCol from '@/components/benchCol/index.vue'
 import useUserStore from '@/store/modules/user'
 const { username } = useUserStore()
 const buttomTypes = ref([
@@ -31,6 +32,11 @@
   { text: '证书名称', value: 'certificateName', width: '110' },
   { text: '到期时间', value: 'validDate' },
 ])
+const CertificatesColumns = ref([
+  { text: '证书名称', value: 'certificateName', width: '110' },
+  { text: '人员名称', value: 'name', width: '110' },
+  { text: '到期时间', value: 'validDate' },
+])
 const StatisticyAxis = ref([])
 const StatisticXAxis = ref([])
 const StaffSStatisticyAxis = ref([])
@@ -39,6 +45,8 @@
 const TrainLogTitle = ref('')
 const CertificateList = ref([])
 const CertificateObject = ref({})
+// 获得权限
+const { proxy } = getCurrentInstance() as any
 const getStatisticList = () => {
   const params = {
     createTime: '',
@@ -69,8 +77,8 @@
   }
   getTrainLogSStatistic(param).then((res) => {
     TrainLogSList.value = [
-      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified },
-      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified },
+      { name: `合格     ${res.data.qualified}--${(res.data.qualifiedCount / res.data.trainCount) * 100}%`, value: res.data.qualified || '0' },
+      { name: `不合格   ${res.data.notQualified}-- ${((res.data.notQualified / res.data.trainCount) * 100)}%`, value: res.data.notQualified || '0' },
     ]
     TrainLogTitle.value = res.data.trainCount
   })
@@ -104,73 +112,55 @@
 <template>
   <app-container>
     <div class="bench">
-      <div class="bench-left">
-        <div class="bench-left-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/train/plan')">更多 ></span>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrainStatistic')" title="培训计划" path-url="/train/plan" width="27.8vw" height="40vh">
+        <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/line')" title="培训计划" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
+      </bench-col>
+      <div class="bench-right">
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/buttom')" width="27.8vw" height="20vh">
+          <div class="bench-right-top">
+            <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
+              {{ item.text }}
+            </div>
           </div>
-          <el-table :data="tableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
-        <div class="bench-left-buttom">
-          <div class="bench-title">
-            <h3>计量文件</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/file/quality')">更多 ></span>
-          </div>
-          <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
-            <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-          </el-table>
-        </div>
+        </bench-col>
+        <bench-col v-if="proxy.hasPerm('/workbench/meterTrain/train')" title="我的培训考核" width="27.8vw" height="20vh">
+          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
+        </bench-col>
       </div>
-      <div class="bench-center">
-        <div class="bench-center-top">
-          <div class="bench-title">
-            <h3>培训计划</h3>
-          </div>
-          <echarts :id="Math.random()" title="培训计划" :x-axis-data="StatisticXAxis" :y-axis-data="StatisticyAxis" />
-        </div>
-        <div class="bench-center-buttom">
-          <div class="bench-title">
-            <h3>我的证书</h3>
-            <span style="cursor: pointer;color: #ccc;" @click="$router.push('/person/certificateLog')">更多 ></span>
-          </div>
-          <div class="bench-center-content">
-            <el-table :data="CertificateList" style="width: 100%;height: 100%; border-radius: 10px;">
-              <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
-            </el-table>
-            <div class="validDate">
-              <div class="validDate-top">
-                <span>{{ CertificateObject.lastValidDate }}天</span>
-              </div>
-              <div class="validDate-bottom">
-                最近到期时间 <br>
-                <span>{{ CertificateObject.validDate }}</span>
-              </div>
+      <bench-col v-if="proxy.hasPerm('/measure/file/quality')" title="计量文件" path-url="/file/quality" width="27.8vw" height="40vh">
+        <el-table :data="meterageTableData" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in meterageColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/remind')" title="我的证书" width="27.8vw" height="40vh" path-url="/person/remind">
+        <div style="display: flex;">
+          <el-table :data="CertificateList" style="width: 65%;height: 31.5vh; border-radius: 10px;">
+            <el-table-column v-for="item in CertificateColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+          </el-table>
+          <div class="validDate">
+            <div class="validDate-top">
+              <span>{{ CertificateObject.lastValidDate }}天</span>
+            </div>
+            <div class="validDate-bottom">
+              最近到期时间 <br>
+              <span>{{ CertificateObject.validDate }}</span>
             </div>
           </div>
         </div>
-      </div>
-      <div class="bench-right">
-        <div class="bench-right-top">
-          <div v-for="item in buttomTypes" :key="item.id" class="right-top-box" @click="$router.push(item.url)">
-            {{ item.text }}
-          </div>
-        </div>
-        <div class="bench-right-center">
-          <div class="bench-title">
-            <h3>我的培训考核</h3>
-          </div>
-          <echarts-pie :id="Math.random()" :data="TrainLogSList" :title="TrainLogTitle" />
-        </div>
-        <div class="bench-right-buttom">
-          <div class="bench-title">
-            <h3>计量人员</h3>
-          </div>
-          <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
-        </div>
-      </div>
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/list')" title="计量人员" width="27.8vw" height="40vh">
+        <echarts :id="Math.random()" title="人数" :x-axis-data="StaffSStatisticxAxis" :y-axis-data="StaffSStatisticyAxis" />
+      </bench-col>
+      <bench-col v-if="proxy.hasPerm('/workbench/person/certificate')" title="证书预警" path-url="/person/remind" width="27.8vw" height="40vh">
+        <el-table :data="CertificateList" style="width: 100%;height: 80%; border-radius: 10px;">
+          <el-table-column v-for="item in CertificatesColumns" :key="item.value" :prop="item.value" align="center" :label="item.text" :width="item.width" />
+        </el-table>
+      </bench-col>
     </div>
   </app-container>
 </template>
@@ -178,149 +168,69 @@
 <style lang="scss" scoped>
 .bench {
   display: flex;
-
-  .bench-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 1vw;
-    height: 20%;
-  }
-
-  .bench-left {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 32%;
-    height: 90vh;
-
-    .bench-left-top {
-      height: 48%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-    }
-
-    .bench-left-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-    }
-  }
-
-  .bench-center {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
-
-    .bench-center-top {
-      height: 46.5%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      padding: 10px;
-    }
-
-    .bench-center-buttom {
-      height: 48%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-
-      .validDate {
-        width: 50%;
-        height: 100%;
-        padding: 20px 0;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        text-align: center;
-
-        .validDate-top {
-          width: 100px;
-          height: 100px;
-          margin-bottom: 30px;
-          background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
-        }
-
-        .validDate-top span {
-          position: relative;
-          top: 40%;
-          right: 0;
-          font-size: 22px;
-          // transform: translateX(-50%);
-        }
-
-        .validDate-bottom {
-          font-size: 18px;
-          font-weight: 600;
-        }
-
-        .validDate-bottom span {
-          font-size: 14px;
-          font-weight: 400;
-          color: #999;
-        }
-      }
-
-      .bench-center-content {
-        height: 80%;
-        display: flex;
-        align-items: center;
-        justify-content: space-around;
-      }
-    }
-  }
+  flex-wrap: wrap;
+  justify-content: space-between;
 
   .bench-right {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    width: 35%;
-    height: 90vh;
+    height: 40vh;
+    margin-top: 1%;
 
     .bench-right-top {
-      height: 30%;
-      background-color: #fff;
-      border-radius: 10px;
       padding: 5%;
-      margin: 2%;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: space-around;
 
       .right-top-box {
-        width: 29%;
-        margin: 1%;
+        width: 25%;
+        margin: 2%;
         height: 40%;
         border-radius: 5px;
         text-align: center;
-        line-height: 8vh;
-        color: #fff;
+        font-size: 14px;
+        line-height: 4.5vh;
+        color: rgb(223 219 219);
         cursor: pointer;
-        background-color: rgb(40 184 228);
+        background-color: #3d7eff;
       }
     }
+  }
+}
 
-    .bench-right-center {
-      height: 34%;
-      background-color: #fff;
-      border-radius: 10px;
-      margin: 2%;
-      overflow: hidden;
-    }
+.validDate {
+  width: 35%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
 
-    .bench-right-buttom {
-      height: 30%;
-      margin: 2%;
-      background-color: #fff;
-      border-radius: 10px;
-      padding: 10px;
-    }
+  .validDate-top {
+    width: 100px;
+    height: 100px;
+    margin-bottom: 30px;
+    background: url("../../../assets/images/bench/clock.png") no-repeat center / cover;
+  }
+
+  .validDate-top span {
+    position: relative;
+    top: 40%;
+    right: 0;
+    font-size: 22px;
+  }
+
+  .validDate-bottom {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  .validDate-bottom span {
+    font-size: 14px;
+    font-weight: 400;
+    color: #999;
   }
 }
 </style>
diff --git a/src/views/measure/price/list.vue b/src/views/measure/price/list.vue
index fb82066..45a3806 100644
--- a/src/views/measure/price/list.vue
+++ b/src/views/measure/price/list.vue
@@ -4,7 +4,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import type { IlistQuery, IlistType } from './list_interface'
 import ListPriceAdd from './priceAdd.vue'
-import { getDeletePrice, getPriceList, uploadPrice } from '@/api/system/price'
+import { getDeletePrice, getPriceList, getTypeSelect, uploadPrice } from '@/api/system/price'
 import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
@@ -87,6 +87,12 @@
 const deleteId = ref('')
 // 详情id
 const infoId = ref('0')
+// 校验类型下拉框数组
+const checkTypeOptions = ref([])
+// 类别下拉框数组
+const priceTypeOptions = ref([])
+// 项目下拉框数组
+const priceItemOptions = ref([])
 const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
@@ -150,6 +156,23 @@
 const cancelEvent = () => {
   console.log('cancel!')
 }
+// 获取下拉框数据
+const getOptions = (code: string) => {
+  getTypeSelect(code).then((res) => {
+    if (code === 'checkType') {
+      checkTypeOptions.value = res.data
+    }
+    else if (code === 'priceType') {
+      priceTypeOptions.value = res.data
+    }
+    else if (code === 'priceItem') {
+      priceItemOptions.value = res.data
+    }
+  })
+}
+getOptions('checkType')
+getOptions('priceType')
+getOptions('priceItem')
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -274,25 +297,52 @@
           />
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.checkType"
-            placeholder="检验类型"
             clearable
-          />
+            placeholder="检校类型"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in checkTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.priceType"
-            placeholder="类别"
             clearable
-          />
+            placeholder="类别"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in priceTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
         <search-item>
-          <el-input
+          <el-select
             v-model.trim="listQuery.priceItem"
-            placeholder="项目"
             clearable
-          />
+            placeholder="项目"
+            size="default"
+            :disabled="buttonType === '详情'"
+          >
+            <el-option
+              v-for="item in priceItemOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
         </search-item>
       </search-area>
       <table-container>
diff --git a/src/views/measure/train/plan.vue b/src/views/measure/train/plan.vue
index f0ed074..9707995 100644
--- a/src/views/measure/train/plan.vue
+++ b/src/views/measure/train/plan.vue
@@ -70,12 +70,11 @@
   {
     text: '培训时间',
     value: 'trainTime',
-    width: '180',
+    width: '90',
   },
   {
     text: '主管部门',
     value: 'deptName',
-    width: '90',
   },
   {
     text: '实施单位',
@@ -90,7 +89,7 @@
   {
     text: '创建时间',
     value: 'createTime',
-    width: '180',
+    width: '90',
   },
   {
     text: '备注',
diff --git a/src/views/measure/train/trainLog.vue b/src/views/measure/train/trainLog.vue
index a531fd1..dcea9ee 100644
--- a/src/views/measure/train/trainLog.vue
+++ b/src/views/measure/train/trainLog.vue
@@ -42,7 +42,6 @@
   {
     text: '记录编号',
     value: 'logNo',
-    width: '180',
   },
   {
     text: '培训名称',
@@ -52,12 +51,12 @@
   {
     text: '培训时间',
     value: 'trainTime',
-    width: '180',
+    width: '160',
   },
   {
     text: '培训地点',
     value: 'trainAddress',
-    width: '120',
+    width: '100',
   },
   {
     text: '培训学时',
@@ -65,9 +64,9 @@
     width: '100',
   },
   {
-    text: '培训时间',
+    text: '培训对象',
     value: 'trainPerson',
-    width: '180',
+    width: '100',
   },
   {
     text: '培训人数',
@@ -77,7 +76,7 @@
   {
     text: '创建时间',
     value: 'createTime',
-    width: '180',
+    width: '160',
   },
   {
     text: '备注',