diff --git a/screen-vue/src/assets/chart/box/03.png b/screen-vue/src/assets/chart/box/03.png
new file mode 100644
index 0000000..323acbc
Binary files /dev/null and b/screen-vue/src/assets/chart/box/03.png differ
diff --git a/screen-vue/src/assets/chart/box/04.png b/screen-vue/src/assets/chart/box/04.png
new file mode 100644
index 0000000..b181ee8
Binary files /dev/null and b/screen-vue/src/assets/chart/box/04.png differ
diff --git a/screen-vue/src/assets/chart/box/07.png b/screen-vue/src/assets/chart/box/07.png
new file mode 100644
index 0000000..49c95f2
Binary files /dev/null and b/screen-vue/src/assets/chart/box/07.png differ
diff --git a/screen-vue/src/assets/chart/box/14.png b/screen-vue/src/assets/chart/box/14.png
new file mode 100644
index 0000000..849022b
Binary files /dev/null and b/screen-vue/src/assets/chart/box/14.png differ
diff --git a/screen-vue/src/assets/chart/box/16.png b/screen-vue/src/assets/chart/box/16.png
new file mode 100644
index 0000000..f9dd3dd
Binary files /dev/null and b/screen-vue/src/assets/chart/box/16.png differ
diff --git a/screen-vue/src/assets/chart/box/18.png b/screen-vue/src/assets/chart/box/18.png
new file mode 100644
index 0000000..fd5acd6
Binary files /dev/null and b/screen-vue/src/assets/chart/box/18.png differ
diff --git a/screen-vue/src/assets/chart/box/21.png b/screen-vue/src/assets/chart/box/21.png
new file mode 100644
index 0000000..4ab566f
Binary files /dev/null and b/screen-vue/src/assets/chart/box/21.png differ
diff --git a/screen-vue/src/assets/chart/box/27.png b/screen-vue/src/assets/chart/box/27.png
new file mode 100644
index 0000000..ae342e5
Binary files /dev/null and b/screen-vue/src/assets/chart/box/27.png differ
diff --git a/screen-vue/src/assets/chart/box/36.png b/screen-vue/src/assets/chart/box/36.png
new file mode 100644
index 0000000..f0a31fb
Binary files /dev/null and b/screen-vue/src/assets/chart/box/36.png differ
diff --git a/screen-vue/src/assets/chart/title/03.png b/screen-vue/src/assets/chart/title/03.png
new file mode 100644
index 0000000..8578ffb
Binary files /dev/null and b/screen-vue/src/assets/chart/title/03.png differ
diff --git a/screen-vue/src/assets/chart/title/05.png b/screen-vue/src/assets/chart/title/05.png
new file mode 100644
index 0000000..fc92bbc
Binary files /dev/null and b/screen-vue/src/assets/chart/title/05.png differ
diff --git a/screen-vue/src/assets/chart/title/14.png b/screen-vue/src/assets/chart/title/14.png
new file mode 100644
index 0000000..e73191b
Binary files /dev/null and b/screen-vue/src/assets/chart/title/14.png differ
diff --git a/screen-vue/src/assets/chart/title/21.png b/screen-vue/src/assets/chart/title/21.png
new file mode 100644
index 0000000..31a35b4
Binary files /dev/null and b/screen-vue/src/assets/chart/title/21.png differ
diff --git a/screen-vue/src/assets/chart/title/23.png b/screen-vue/src/assets/chart/title/23.png
new file mode 100644
index 0000000..b5b25bf
Binary files /dev/null and b/screen-vue/src/assets/chart/title/23.png differ
diff --git a/screen-vue/src/assets/chart/title/26.png b/screen-vue/src/assets/chart/title/26.png
new file mode 100644
index 0000000..0087acd
Binary files /dev/null and b/screen-vue/src/assets/chart/title/26.png differ
diff --git a/screen-vue/src/assets/chart/title/33.png b/screen-vue/src/assets/chart/title/33.png
new file mode 100644
index 0000000..ef41feb
Binary files /dev/null and b/screen-vue/src/assets/chart/title/33.png differ
diff --git a/screen-vue/src/assets/chart/top/33.png b/screen-vue/src/assets/chart/top/33.png
new file mode 100644
index 0000000..bf116e2
Binary files /dev/null and b/screen-vue/src/assets/chart/top/33.png differ
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV01.vue b/screen-vue/src/views/screen/Erp/components/ChartV01.vue
index 83719ef..327e1f4 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV01.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV01.vue
@@ -199,7 +199,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -212,6 +212,8 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/03.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV02.vue b/screen-vue/src/views/screen/Erp/components/ChartV02.vue
index 9b9856f..7491288 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV02.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV02.vue
@@ -212,7 +212,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 .chart-card-header {
@@ -223,6 +223,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/03.png") no-repeat;
+  background-size: 100% 100%;
 }
 .chart-card-title {
   font-size: 16px;
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV03.vue b/screen-vue/src/views/screen/Erp/components/ChartV03.vue
index e5c195e..8a02b9b 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV03.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV03.vue
@@ -256,7 +256,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -268,6 +268,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/03.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV04.vue b/screen-vue/src/views/screen/Erp/components/ChartV04.vue
index d373ee7..1e1314a 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV04.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV04.vue
@@ -162,7 +162,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -174,6 +174,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/23.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV05.vue b/screen-vue/src/views/screen/Erp/components/ChartV05.vue
index 4012dd2..10c2168 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV05.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV05.vue
@@ -162,7 +162,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -174,6 +174,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/23.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV06.vue b/screen-vue/src/views/screen/Erp/components/ChartV06.vue
index ff5a382..096644b 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV06.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV06.vue
@@ -287,7 +287,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/k2style.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -299,6 +299,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/03.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV07.vue b/screen-vue/src/views/screen/Erp/components/ChartV07.vue
index 5fdccd3..d108aa3 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV07.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV07.vue
@@ -170,7 +170,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -182,6 +182,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/23.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV08.vue b/screen-vue/src/views/screen/Erp/components/ChartV08.vue
index 6fbcc87..3341e04 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV08.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV08.vue
@@ -255,7 +255,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -267,6 +267,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/23.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV09.vue b/screen-vue/src/views/screen/Erp/components/ChartV09.vue
index 0a1d110..f5606ea 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV09.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV09.vue
@@ -376,7 +376,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/k2style.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 
@@ -388,6 +388,8 @@ onUnmounted(() => {
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/14.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV10.vue b/screen-vue/src/views/screen/Erp/components/ChartV10.vue
index 6f5e058..b3bb05c 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV10.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV10.vue
@@ -107,7 +107,7 @@ watch(() => props.formParams, () => getList(), { deep: true, immediate: true })
   width: 100%;
   height: 100%;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/k2style.png") no-repeat !important;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100% !important;
 }
 
@@ -127,6 +127,8 @@ watch(() => props.formParams, () => getList(), { deep: true, immediate: true })
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/14.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/ChartV11.vue b/screen-vue/src/views/screen/Erp/components/ChartV11.vue
index ae412ac..80323ec 100644
--- a/screen-vue/src/views/screen/Erp/components/ChartV11.vue
+++ b/screen-vue/src/views/screen/Erp/components/ChartV11.vue
@@ -107,7 +107,7 @@ watch(() => props.formParams, () => getList(), { deep: true, immediate: true })
   width: 100%;
   height: 100%;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/k2style.png") no-repeat !important;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100% !important;
 }
 
@@ -127,6 +127,8 @@ watch(() => props.formParams, () => getList(), { deep: true, immediate: true })
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/14.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .chart-card-title {
diff --git a/screen-vue/src/views/screen/Erp/components/detail/indexV01.vue b/screen-vue/src/views/screen/Erp/components/detail/indexV01.vue
index 9867abc..3b1d47a 100644
--- a/screen-vue/src/views/screen/Erp/components/detail/indexV01.vue
+++ b/screen-vue/src/views/screen/Erp/components/detail/indexV01.vue
@@ -211,7 +211,7 @@ onMounted(async () => {
   height: 100%;
   padding: 12px;
   color: #e0e6ff;
-  background: url('@/assets/images/border.png') no-repeat center center;
+  background: url('@/assets/chart/box/18.png') no-repeat center center;
   background-size: 100% 100%;
   background-color: transparent !important;
   border: none !important;
diff --git a/screen-vue/src/views/screen/Home/components/ChartV01.vue b/screen-vue/src/views/screen/Home/components/ChartV01.vue
index 875dd10..c2b5355 100644
--- a/screen-vue/src/views/screen/Home/components/ChartV01.vue
+++ b/screen-vue/src/views/screen/Home/components/ChartV01.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chart-card">
     <div class="chart-card-header">
-      <span class="chart-card-title">1</span>
+      <span class="chart-card-title">2</span>
     </div>
     <div class="bar-line-chart-container" ref="chartRef"></div>
   </div>
@@ -21,7 +21,7 @@ import { getItemInfoList } from '@/api/bizApi'
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background: rgba(0, 0, 0, 0.1) url("@/assets/images/desck3.png") no-repeat;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/box/16.png") no-repeat;
   background-size: 100% 100%;
 }
 .chart-card-header {
@@ -32,6 +32,8 @@ import { getItemInfoList } from '@/api/bizApi'
   border-bottom: 1px solid #1a508b;
   display: flex;
   align-items: center;
+  background: rgba(0, 0, 0, 0.1) url("@/assets/chart/title/03.png") no-repeat;
+  background-size: 100% 100%;
 }
 .chart-card-title {
   font-size: 16px;
diff --git a/screen-vue/src/views/screen/index.vue b/screen-vue/src/views/screen/index.vue
index eb0f7bc..488fe73 100644
--- a/screen-vue/src/views/screen/index.vue
+++ b/screen-vue/src/views/screen/index.vue
@@ -244,7 +244,7 @@ onMounted(() => {
   height: 75px;
   padding: 0 2vw;
   border-bottom: 1px solid #1a508b;
-  background: url('@/assets/images/biaoti.png') no-repeat center center, 
+  background: url('@/assets/chart/top/33.png') no-repeat center center, 
               linear-gradient(90deg, rgba(15, 52, 96, 0.8), rgba(21, 69, 128, 0.8));
   background-size: cover;
   position: relative;