diff --git a/src/api/smartScreen/QualityScreen/index.js b/src/api/smartScreen/QualityScreen/index.js
index 9c10145..9081c37 100644
--- a/src/api/smartScreen/QualityScreen/index.js
+++ b/src/api/smartScreen/QualityScreen/index.js
@@ -1,120 +1,60 @@
 import request from '@/utils/request'
 
 /**
- *  获取今日IQC 缺陷饼图
+ *  质量头部翻牌器数据
  * @param {查询条件} data
  */
-export function getMoudle01(query) {
+export function getTopData(query) {
     return request({
-        url: 'mes/bigscreen/quality/get_moudle01',
+        url: 'mes/qualityManagement/QualitySmart/GetQualityScreenHead',
         method: 'get',
         params: query
     })
 }
 
 /**
- * 获取今日IpQC 缺陷饼图
+ *  按周获取质量大屏数据
  * @param {查询条件} data
  */
-export function getMoudle02(query) {
+export function GetQualitySmartScreenForWeek(query) {
     return request({
-        url: 'mes/bigscreen/quality/get_moudle02',
+        url: 'mes/qualityManagement/QualitySmart/GetQualitySmartScreenForWeek',
         method: 'get',
         params: query
     })
 }
 
 /**
- * 获取今日FQC 缺陷饼图
+ *  按月获取质量大屏数据
  * @param {查询条件} data
  */
-export function getMoudle03(query) {
+export function GetQualitySmartScreenForMonth(query) {
     return request({
-        url: 'mes/bigscreen/quality/get_moudle03',
+        url: 'mes/qualityManagement/QualitySmart/GetQualitySmartScreenForMonth',
         method: 'get',
         params: query
     })
 }
 
 /**
- * 获取近 七日   IQC 缺陷直方图
+ *  按月获取质量大屏数据堆叠柱状图
  * @param {查询条件} data
  */
-export function getMoudle04(query) {
+export function GetQualitySmartScreenForBarChart(query) {
     return request({
-        url: 'mes/bigscreen/quality/get_moudle04',
+        url: 'mes/qualityManagement/QualitySmart/GetQualitySmartScreenForBarChart',
         method: 'get',
         params: query
     })
 }
 
 /**
- * 获取近 七日   IPQC 缺陷直方图
+ *  按月获取质量大屏数据堆叠柱状图
  * @param {查询条件} data
  */
-export function getMoudle05(query) {
+export function GetQualitySmartScreenForLineChart(query) {
     return request({
-        url: 'mes/bigscreen/quality/get_moudle05',
-        method: 'get',
-        params: query
-    })
-}
-
-/**
- * 获取近 七日   FQC 缺陷直方图
- * @param {查询条件} data
- */
-export function getMoudle06(query) {
-    return request({
-        url: 'mes/bigscreen/quality/get_moudle06',
-        method: 'get',
-        params: query
-    })
-}
-
-/**
- * 获取近 七日   FQC 缺陷直方图
- * @param {查询条件} data
- */
-export function getMoudle07(query) {
-    return request({
-        url: 'mes/bigscreen/quality/get_moudle07',
-        method: 'get',
-        params: query
-    })
-}
-
-/**
- * 获取近 七日   FQC 缺陷直方图
- * @param {查询条件} data
- */
-export function getMoudle08(query) {
-    return request({
-        url: 'mes/bigscreen/quality/get_moudle08',
-        method: 'get',
-        params: query
-    })
-}
-
-/**
- * 获取近 七日   FQC 缺陷直方图
- * @param {查询条件} data
- */
-export function getMoudle09(query) {
-    return request({
-        url: 'mes/bigscreen/quality/get_moudle09',
-        method: 'get',
-        params: query
-    })
-}
-
-/**
- * 获取近 七日   FQC 缺陷直方图
- * @param {查询条件} data
- */
-export function getMoudle10(query) {
-    return request({
-        url: 'mes/bigscreen/quality/get_moudle10',
+        url: 'mes/qualityManagement/QualitySmart/GetQualitySmartScreenForLineChart',
         method: 'get',
         params: query
     })
diff --git a/src/views/SmartScreen/OrderScreen/index.css b/src/views/SmartScreen/OrderScreen/index.css
index 442c66f..dd34339 100644
--- a/src/views/SmartScreen/OrderScreen/index.css
+++ b/src/views/SmartScreen/OrderScreen/index.css
@@ -55,12 +55,12 @@ body {
     flex-direction: column;
 }
 .box {
-    min-height: 350px;
+    /* min-height: 350px; */
     padding: 20px;
 }
 .top-box {
     margin: 20px;
-    height: 80px;
+    /* height: 40px; */
     background-color: rgba(60, 232, 248, 0.1);
     border: 1px solid #a9aabc;
 }
diff --git a/src/views/SmartScreen/OrderScreen/index.vue b/src/views/SmartScreen/OrderScreen/index.vue
index c18686f..d288d56 100644
--- a/src/views/SmartScreen/OrderScreen/index.vue
+++ b/src/views/SmartScreen/OrderScreen/index.vue
@@ -7,14 +7,14 @@
             </el-icon>
         </div>
         <div>
-            <logo></logo>
+            <kbLogo></kbLogo>
             <kbTime></kbTime>
         </div>
         <div class="header">
             <kbHeader>车间订单进度看板</kbHeader>
         </div>
         <div class="body">
-            <div class="top-box">
+            <kbCountBox class="top-box">
                 <el-row :gutter="20">
                     <el-col :span="4">
                         <div class="num-item">
@@ -53,12 +53,12 @@
                         </div>
                     </el-col>
                 </el-row>
-            </div>
+            </kbCountBox>
             <el-row :gutter="0">
                 <el-col :span="24">
-                    <div class="main-box">
+                    <kbChartBox>
                         <chart1></chart1>
-                    </div>
+                    </kbChartBox>
                 </el-col>
             </el-row>
         </div>
@@ -69,9 +69,14 @@
 import { getCurrentInstance } from 'vue'
 const { proxy } = getCurrentInstance()
 /// ================ 基础组件导入 ======================
-import kbHeader from './components/kbHeader.vue'
-import kbTime from './components/kbTime.vue'
-import logo from './components/logo.vue'
+import kbGap from '../可视化素材包/components/kbGap.vue'
+import kbHeader from '../可视化素材包/components/kbHeader.vue'
+import kbTime from '../可视化素材包/components/kbTime.vue'
+import kbLogo from '../可视化素材包/components/kbLogo.vue'
+import kbChartBox from '../可视化素材包/components/kbChartBox.vue'
+import kbCountBox from '../可视化素材包/components/kbCountBox.vue'
+import kbNumBox from '../可视化素材包/components/kbNumBox.vue'
+import kbTitle from '../可视化素材包/components/kbTitle.vue'
 /// ================================================
 
 function back() {
@@ -138,13 +143,14 @@ onUnmounted(() => {
 }
 
 .num-title {
-    font-size: 20px;
+    font-size: 24px;
     font-weight: bold;
 }
 
 .num-value {
-    font-size: 24px;
+    font-size: 36px;
     font-weight: 800;
+    background-clip: text;
     -webkit-background-clip: text;
     /* 仅将背景应用于文本 */
     -webkit-text-fill-color: transparent;
diff --git a/src/views/SmartScreen/QualityScreen/background/background.png b/src/views/SmartScreen/QualityScreen/background/background.png
new file mode 100644
index 0000000..73a0978
Binary files /dev/null and b/src/views/SmartScreen/QualityScreen/background/background.png differ
diff --git a/src/views/SmartScreen/QualityScreen/charts/chart1.vue b/src/views/SmartScreen/QualityScreen/charts/chart1.vue
index c0ecb0a..a88a978 100644
--- a/src/views/SmartScreen/QualityScreen/charts/chart1.vue
+++ b/src/views/SmartScreen/QualityScreen/charts/chart1.vue
@@ -2,10 +2,18 @@
 <template>
     <div>
         <div class="title">昨日IQC列表</div>
-        <el-table height="300" :data="dataList" v-loading="loading" ref="tableRef" highlight-current-row @mouseover.native="clearScroll" @mouseleave.native="createScroll">
-            <el-table-column prop="lineCode" label="产线" :show-overflow-tooltip="true" />
-            <el-table-column prop="defectDesciption" label="描述" :show-overflow-tooltip="true" />
-            <el-table-column prop="defectQuantity" label="数量" :show-overflow-tooltip="true" />
+        <el-table
+            height="300"
+            :data="dataList"
+            v-loading="loading"
+            ref="tableRef"
+            highlight-current-row
+            @mouseover.native="clearScroll"
+            @mouseleave.native="createScroll">
+            <el-table-column prop="lineCode" label="炉号" />
+            <el-table-column prop="defectDesciption" label="工序" />
+            <el-table-column prop="defectDesciption" label="描述" />
+            <el-table-column prop="defectQuantity" label="数量" />
         </el-table>
     </div>
 </template>
diff --git a/src/views/SmartScreen/QualityScreen/charts/chart10.vue b/src/views/SmartScreen/QualityScreen/charts/chart10.vue
new file mode 100644
index 0000000..11ba23b
--- /dev/null
+++ b/src/views/SmartScreen/QualityScreen/charts/chart10.vue
@@ -0,0 +1,128 @@
+<template>
+    <div ref="chartRef" :style="{ height: height, width: width }" />
+</template>
+
+<script setup>
+import { getCurrentInstance, watch, onMounted, ref } from 'vue'
+import * as echarts from 'echarts'
+import theme from '../theme/qc.json'
+echarts.registerTheme('theme', theme)
+import { CanvasRenderer } from 'echarts/renderers'
+echarts.use([CanvasRenderer])
+const { proxy } = getCurrentInstance()
+const chartRef = ref(null)
+const props = defineProps({
+    width: {
+        type: String,
+        default: '100%'
+    },
+    height: {
+        type: String,
+        default: '400px'
+    }
+})
+let options = {
+    title: {
+        text: '',
+        left: 'left'
+    },
+    tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+            type: 'shadow'
+        }
+    },
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    xAxis: {
+        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+        boundaryGap: true,
+        axisTick: {
+            show: false
+        }
+    },
+    yAxis: {
+        type: 'value',
+        axisTick: {
+            show: false
+        }
+    },
+    // 图例
+    legend: {
+        type: 'scroll',
+        top: 'top',
+        width: '80%',
+        right: '5%'
+    },
+    series: [
+        {
+            name: '',
+            type: 'bar',
+            data: [1, 2, 3, 4, 5, 6, 7]
+        }
+    ]
+}
+const chart = ref(null)
+function initChart() {
+    chart.value = echarts.init(proxy.$refs.chartRef, 'theme')
+    chart.value.setOption(options)
+}
+onMounted(() => {
+    initChart()
+    window.addEventListener('resize', () => {
+        chart.value?.resize()
+    })
+})
+/// ============ 修改数据 ===========
+import { GetQualitySmartScreenForLineChart } from '@/api/smartScreen/QualityScreen/index.js'
+function updateData() {
+    GetQualitySmartScreenForLineChart().then((res) => {
+        if (res.code === 200) {
+            //options.title = res.data.title
+            options.xAxis.data = res.data.xAxis.data
+            let _series = res.data.series
+            _series.forEach((item) => {
+                // item.stack = 'group'
+                // item.emphasis = { focus: 'series' }
+                // item.label = {
+                //     show: true,
+                //     position: 'inside',
+                //     textBorderColor: '#fff',
+                //     textBorderWidth: 0,
+                //     formatter: '{c}',
+                //     color: '#fff'
+                // }
+            })
+            options.series = _series
+            chart.value?.setOption(options)
+            chart.value?.resize()
+        }
+    })
+}
+function handleQuery() {
+    updateData()
+}
+handleQuery()
+let timer1 = null
+const clearSearchTimer = () => {
+    clearInterval(timer1)
+    timer1 = null
+}
+const createSearchTimer = () => {
+    clearSearchTimer()
+    timer1 = setInterval(() => {
+        handleQuery()
+    }, 1000 * 60 * 5)
+}
+onMounted(() => {
+    createSearchTimer()
+})
+onUnmounted(() => {
+    clearSearchTimer()
+})
+/// ==========================================
+</script>
diff --git a/src/views/SmartScreen/QualityScreen/charts/chart4.vue b/src/views/SmartScreen/QualityScreen/charts/chart4.vue
index 1298d87..5620a74 100644
--- a/src/views/SmartScreen/QualityScreen/charts/chart4.vue
+++ b/src/views/SmartScreen/QualityScreen/charts/chart4.vue
@@ -18,7 +18,7 @@ const props = defineProps({
     },
     height: {
         type: String,
-        default: '350px'
+        default: '400px'
     }
 })
 const options = {
@@ -26,44 +26,36 @@ const options = {
         text: '',
         left: 'left'
     },
-    legend: {
-        type: 'scroll',
-        orient: 'vertical',
-        bottom: 0,
-        left: 0,
-        height: 200,
-        textStyle: {
-            color: '#fff'
-        }
-    },
+    // legend: {
+    //     type: 'scroll',
+    //     orient: 'vertical',
+    //     bottom: 0,
+    //     left: 0,
+    //     height: 200,
+    //     textStyle: {
+    //         color: '#fff'
+    //     }
+    // },
     tooltip: {
         trigger: 'axis',
         axisPointer: {
             type: 'shadow'
         }
     },
-    grid: {
-        left: '3%',
-        right: '4%',
-        bottom: '3%',
-        containLabel: true
-    },
     series: [
         {
             name: '参数1',
             type: 'pie',
-            data: [
-                { value: 1048, name: '模块1' },
-                { value: 735, name: '模块2' },
-                { value: 580, name: '模块3' },
-                { value: 484, name: '模块4' },
-                { value: 300, name: '模块5' }
-            ],
+            data: [],
+            radius: ['50%', '80%'],
+            avoidLabelOverlap: false,
+            padAngle: 5,
             label: {
                 position: 'outside',
-                formatter: '{b}-{c}\n{d}%',
+                formatter: '{b}\n{d}%',
                 textBorderColor: '#fff',
                 textBorderWidth: 0,
+                fontSize: 24,
                 color: '#fff'
             }
         }
@@ -81,12 +73,12 @@ onMounted(() => {
     })
 })
 /// ============ 修改数据 ===========
-import { getMoudle03 } from '@/api/smartScreen/QualityScreen/index.js'
+import { GetQualitySmartScreenForWeek } from '@/api/smartScreen/QualityScreen/index.js'
 function updateData() {
-    getMoudle03().then((res) => {
+    GetQualitySmartScreenForWeek().then((res) => {
         if (res.code === 200) {
-            options.title = res.data.title
-            let _series = res.data.series
+            //options.title = res.data.title
+            let _series = res.data
             // _series.forEach((item) => {
             //     item.label = {
             //         // 设置label在扇区内部
@@ -95,9 +87,9 @@ function updateData() {
             //         formatter: '{b}\n{d}%'
             //     }
             // })
-            options.series = _series
+            options.series[0].data = _series
             chart.value.setOption(options)
-            // console.log(res.data.title.text, res.data)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/QualityScreen/charts/chart5.vue b/src/views/SmartScreen/QualityScreen/charts/chart5.vue
index 09a24f3..c6fecaf 100644
--- a/src/views/SmartScreen/QualityScreen/charts/chart5.vue
+++ b/src/views/SmartScreen/QualityScreen/charts/chart5.vue
@@ -18,7 +18,7 @@ const props = defineProps({
     },
     height: {
         type: String,
-        default: '350px'
+        default: '400px'
     }
 })
 const options = {
@@ -26,44 +26,36 @@ const options = {
         text: '',
         left: 'left'
     },
-    legend: {
-        type: 'scroll',
-        orient: 'vertical',
-        bottom: 0,
-        left: 0,
-        height: 200,
-        textStyle: {
-            color: '#fff'
-        }
-    },
+    // legend: {
+    //     type: 'scroll',
+    //     orient: 'vertical',
+    //     bottom: 0,
+    //     left: 0,
+    //     height: 200,
+    //     textStyle: {
+    //         color: '#fff'
+    //     }
+    // },
     tooltip: {
         trigger: 'axis',
         axisPointer: {
             type: 'shadow'
         }
     },
-    grid: {
-        left: '3%',
-        right: '4%',
-        bottom: '3%',
-        containLabel: true
-    },
     series: [
         {
             name: '参数1',
             type: 'pie',
-            data: [
-                { value: 1048, name: '模块1' },
-                { value: 735, name: '模块2' },
-                { value: 580, name: '模块3' },
-                { value: 484, name: '模块4' },
-                { value: 300, name: '模块5' }
-            ],
+            data: [],
+            radius: ['50%', '80%'],
+            avoidLabelOverlap: false,
+            padAngle: 5,
             label: {
                 position: 'outside',
-                formatter: '{b}-{c}\n{d}%',
+                formatter: '{b}\n{d}%',
                 textBorderColor: '#fff',
                 textBorderWidth: 0,
+                fontSize: 24,
                 color: '#fff'
             }
         }
@@ -81,12 +73,12 @@ onMounted(() => {
     })
 })
 /// ============ 修改数据 ===========
-import { getMoudle06 } from '@/api/smartScreen/QualityScreen/index.js'
+import { GetQualitySmartScreenForMonth } from '@/api/smartScreen/QualityScreen/index.js'
 function updateData() {
-    getMoudle06().then((res) => {
+    GetQualitySmartScreenForMonth().then((res) => {
         if (res.code === 200) {
-            options.title = res.data.title
-            let _series = res.data.series
+            //options.title = res.data.title
+            let _series = res.data
             // _series.forEach((item) => {
             //     item.label = {
             //         // 设置label在扇区内部
@@ -95,9 +87,9 @@ function updateData() {
             //         formatter: '{b}\n{d}%'
             //     }
             // })
-            options.series = _series
+            options.series[0].data = _series
             chart.value.setOption(options)
-            // console.log(res.data.title.text, res.data)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/QualityScreen/charts/chart9.vue b/src/views/SmartScreen/QualityScreen/charts/chart9.vue
index ec84435..a06ab54 100644
--- a/src/views/SmartScreen/QualityScreen/charts/chart9.vue
+++ b/src/views/SmartScreen/QualityScreen/charts/chart9.vue
@@ -18,12 +18,12 @@ const props = defineProps({
     },
     height: {
         type: String,
-        default: '350px'
+        default: '400px'
     }
 })
 let options = {
     title: {
-        text: '前7日IPQC缺陷数量直方图',
+        text: '',
         left: 'left'
     },
     tooltip: {
@@ -55,29 +55,21 @@ let options = {
     legend: {
         type: 'scroll',
         top: 'top',
-        width: '60%',
-        right: '0%'
+        width: '80%',
+        right: '5%'
     },
     series: [
         {
             name: '',
-            type: '',
-            data: []
+            type: 'bar',
+            data: [1, 2, 3, 4, 5, 6, 7]
         }
     ]
 }
-import { listQcDefectConfig } from '@/api/qualityManagement/FQC/qcdefectconfig.js'
 const chart = ref(null)
 function initChart() {
     chart.value = echarts.init(proxy.$refs.chartRef, 'theme')
     chart.value.setOption(options)
-    listQcDefectConfig({ pageNum: 1, pageSize: 100 }).then((res) => {
-        const { code, data } = res
-        if (code == 200) {
-            options.legend.data = data.result.map((item) => item.name)
-            chart.value.setOption(options)
-        }
-    })
 }
 onMounted(() => {
     initChart()
@@ -86,26 +78,28 @@ onMounted(() => {
     })
 })
 /// ============ 修改数据 ===========
-import { getMoudle10 } from '@/api/smartScreen/QualityScreen/index.js'
+import { GetQualitySmartScreenForBarChart } from '@/api/smartScreen/QualityScreen/index.js'
 function updateData() {
-    getMoudle10().then((res) => {
+    GetQualitySmartScreenForBarChart().then((res) => {
         if (res.code === 200) {
-            options.title = res.data.title
+            //options.title = res.data.title
             options.xAxis.data = res.data.xAxis.data
             let _series = res.data.series
             _series.forEach((item) => {
                 item.stack = 'group'
-                item.label = {
-                    show: true,
-                    position: 'inside',
-                    textBorderColor: '#fff',
-                    textBorderWidth: 0,
-                    formatter: '{c}',
-                    color: '#fff'
-                }
+                item.emphasis = { focus: 'series' }
+                // item.label = {
+                //     show: true,
+                //     position: 'inside',
+                //     textBorderColor: '#fff',
+                //     textBorderWidth: 0,
+                //     formatter: '{c}',
+                //     color: '#fff'
+                // }
             })
             options.series = _series
-            chart.value.setOption(options)
+            chart.value?.setOption(options)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/QualityScreen/components/kbHeader.vue b/src/views/SmartScreen/QualityScreen/components/kbHeader.vue
index 28b6622..b1dc2a4 100644
--- a/src/views/SmartScreen/QualityScreen/components/kbHeader.vue
+++ b/src/views/SmartScreen/QualityScreen/components/kbHeader.vue
@@ -18,9 +18,9 @@
     justify-content: center;
 }
 .title {
-    font-size: 36px;
+    font-size: 48px;
     font-weight: 600;
-    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+    background-clip: text;
     -webkit-background-clip: text; /* 仅将背景应用于文本 */
     -webkit-text-fill-color: transparent; /* 设置文本颜色为透明 */
     color: transparent; /* 兼容非WebKit浏览器 */
diff --git a/src/views/SmartScreen/QualityScreen/index.css b/src/views/SmartScreen/QualityScreen/index.css
index 035257f..4a94087 100644
--- a/src/views/SmartScreen/QualityScreen/index.css
+++ b/src/views/SmartScreen/QualityScreen/index.css
@@ -1,6 +1,6 @@
-body{
-	margin: 0;
-	padding: 0;
+body {
+    margin: 0;
+    padding: 0;
 }
 .background {
     padding: 0;
@@ -10,11 +10,11 @@ body{
     top: 0px;
     width: 100%;
     height: 100%;
-    background-color: black;
-    /* background: url('./background/2.png') no-repeat; */
+    /* background-color: black; */
+    background: url('./background/background.png') no-repeat;
     background-size: 100% 100%;
-    -webkit-filter: brightness(0.1);
-    filter: brightness(0.1);
+    /* -webkit-filter: brightness(0.1); */
+    /* filter: brightness(0.1); */
     z-index: -1;
 }
 .border {
@@ -23,18 +23,18 @@ body{
 .screen {
     padding: 0;
     margin: 0;
-    width: 99%;
+    width: 100%;
     height: 100%;
     color: #eeeeee;
-	background-color: rgba(32, 163, 250, 0.2);
+    background-color: rgba(32, 163, 250, 0.2);
 }
 .screen .header {
-    width: 100%;
+    /* width: 100%;
     height: 100px;
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: center;
+    justify-content: center; */
 }
 .screen .title {
     font-size: 30px;
@@ -47,10 +47,10 @@ body{
     top: 10px;
     color: #eeeeee;
 }
-.body{
-	display: flex;
-	flex-direction: column;
+.body {
+    display: flex;
+    flex-direction: column;
+}
+.box {
+    padding: 20px;
 }
-.box{
-	padding: 20px;
-}
\ No newline at end of file
diff --git a/src/views/SmartScreen/QualityScreen/index.vue b/src/views/SmartScreen/QualityScreen/index.vue
index b4829e9..7f8645a 100644
--- a/src/views/SmartScreen/QualityScreen/index.vue
+++ b/src/views/SmartScreen/QualityScreen/index.vue
@@ -5,64 +5,22 @@
             <el-icon><ArrowLeftBold /></el-icon>
         </div>
         <div>
-            <logo></logo>
+            <kbLogo></kbLogo>
             <kbTime></kbTime>
         </div>
         <div class="header">
-            <kbHeader>质量看板</kbHeader>
+            <kbHeader>车间质量看板</kbHeader>
         </div>
         <div class="body">
-            <dv-border-box8 class="box8" :dur="5">
-                <div class="top" dv-bg>
-                    <el-row :gutter="20">
-                        <el-col :span="4">
-                            <div class="num-item">
-                                <div class="num-title">本周IQC</div>
-                                <div class="num-value">{{ numData.weekIQCquantity }} 个</div>
-                            </div>
-                        </el-col>
-                        <el-col :span="4">
-                            <div class="num-item">
-                                <div class="num-title">本月IQC</div>
-                                <div class="num-value">{{ numData.monthIQCquantity }} 个</div>
-                            </div>
-                        </el-col>
-                        <el-col :span="4">
-                            <div class="num-item">
-                                <div class="num-title">本周IPQC</div>
-                                <div class="num-value">{{ numData.weekIPQCquantity }} 个</div>
-                            </div>
-                        </el-col>
-                        <el-col :span="4">
-                            <div class="num-item">
-                                <div class="num-title">本月IPQC</div>
-                                <div class="num-value">{{ numData.monthIPQCquantity }} 个</div>
-                            </div>
-                        </el-col>
-                        <el-col :span="4">
-                            <div class="num-item">
-                                <div class="num-title">本周FQC</div>
-                                <div class="num-value">{{ numData.weekFQCquantity }} 个</div>
-                            </div>
-                        </el-col>
-                        <el-col :span="4">
-                            <div class="num-item">
-                                <div class="num-title">本月FQC</div>
-                                <div class="num-value">{{ numData.monthFQCquantity }} 个</div>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </div>
-            </dv-border-box8>
             <el-row :gutter="5">
-                <el-col :span="8">
+                <!-- <el-col :span="24">
                     <dv-border-box12 class="box">
                         <div>
                             <chart1></chart1>
                         </div>
                     </dv-border-box12>
-                </el-col>
-                <el-col :span="8"
+                </el-col> -->
+                <!-- <el-col :span="8"
                     ><dv-border-box12 class="box">
                         <div>
                             <chart2></chart2>
@@ -75,33 +33,40 @@
                             <chart3></chart3>
                         </div>
                     </dv-border-box12>
+                </el-col> -->
+            </el-row>
+            <kbGap></kbGap>
+            <el-row :gutter="20">
+                <el-col :span="8">
+                    <kbChartBox>
+                        <kbTitle>本周异常分布比例饼图</kbTitle>
+                        <chart4></chart4>
+                    </kbChartBox>
+                </el-col>
+                <el-col :span="8">
+                    <kbCountBox>
+                        <div class="top">
+                            <el-row :gutter="20">
+                                <el-col :span="12" v-for="(value, key, index) in topData" :key="index" style="margin-bottom: 10px">
+                                    <kbNumBox class="num-item">
+                                        <div class="num-title">{{ topTitleOptions[index] }}</div>
+                                        <div class="num-value">{{ value }}</div>
+                                    </kbNumBox>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </kbCountBox>
+                </el-col>
+                <el-col :span="8">
+                    <kbChartBox>
+                        <kbTitle>本月异常分布Top10比例饼图</kbTitle>
+                        <chart5></chart5>
+                    </kbChartBox>
                 </el-col>
             </el-row>
-            <el-row :gutter="5">
-                <el-col :span="8">
-                    <dv-border-box12 class="box">
-                        <div>
-                            <chart4></chart4>
-                        </div>
-                    </dv-border-box12>
-                </el-col>
-                <el-col :span="8"
-                    ><dv-border-box12 class="box">
-                        <div>
-                            <chart5></chart5>
-                        </div>
-                    </dv-border-box12>
-                </el-col>
-                <el-col :span="8"
-                    ><dv-border-box12 class="box">
-                        <div>
-                            <chart6></chart6>
-                        </div>
-                    </dv-border-box12>
-                </el-col>
-            </el-row>
-            <el-row :gutter="5">
-                <el-col :span="8">
+            <kbGap></kbGap>
+            <el-row :gutter="20">
+                <!-- <el-col :span="8">
                     <dv-border-box12 class="box">
                         <div>
                             <chart7></chart7>
@@ -114,13 +79,19 @@
                             <chart8></chart8>
                         </div>
                     </dv-border-box12>
+                </el-col> -->
+
+                <el-col :span="24">
+                    <kbChartBox>
+                        <kbTitle>本月异常柱状图</kbTitle>
+                        <chart9></chart9>
+                    </kbChartBox>
                 </el-col>
-                <el-col :span="8"
-                    ><dv-border-box12 class="box">
-                        <div>
-                            <chart9></chart9>
-                        </div>
-                    </dv-border-box12>
+                <el-col :span="24">
+                    <kbChartBox>
+                        <kbTitle>本月合格率趋势图</kbTitle>
+                        <chart10></chart10>
+                    </kbChartBox>
                 </el-col>
             </el-row>
         </div>
@@ -129,43 +100,43 @@
 
 <script setup>
 /// ================ 基础组件导入 ======================
-import kbHeader from './components/kbHeader.vue'
-import kbTime from './components/kbTime.vue'
-import logo from './components/logo.vue'
+import kbGap from '../可视化素材包/components/kbGap.vue'
+import kbHeader from '../可视化素材包/components/kbHeader.vue'
+import kbTime from '../可视化素材包/components/kbTime.vue'
+import kbLogo from '../可视化素材包/components/kbLogo.vue'
+import kbChartBox from '../可视化素材包/components/kbChartBox.vue'
+import kbCountBox from '../可视化素材包/components/kbCountBox.vue'
+import kbNumBox from '../可视化素材包/components/kbNumBox.vue'
+import kbTitle from '../可视化素材包/components/kbTitle.vue'
 /// ================================================
 
 /// ================== 图表组件导入 ======================
 // import barChart1 from './charts/BarChart.vue'
-import chart1 from './charts/chart1.vue'
-import chart2 from './charts/chart2.vue'
-import chart3 from './charts/chart3.vue'
+// import chart1 from './charts/chart1.vue'
+// import chart2 from './charts/chart2.vue'
+// import chart3 from './charts/chart3.vue'
 import chart4 from './charts/chart4.vue'
 import chart5 from './charts/chart5.vue'
-import chart6 from './charts/chart6.vue'
-import chart7 from './charts/chart7.vue'
-import chart8 from './charts/chart8.vue'
+// import chart6 from './charts/chart6.vue'
+// import chart7 from './charts/chart7.vue'
+// import chart8 from './charts/chart8.vue'
 import chart9 from './charts/chart9.vue'
+import chart10 from './charts/chart10.vue'
 /// ====================================================
 
 import { getCurrentInstance } from 'vue'
 const { proxy } = getCurrentInstance()
 
 /// =================== 获取工单数据 ======================
-import { getMoudle01 } from '@/api/smartScreen/QualityScreen/index.js'
-const numData = ref({
-    weekIQCquantity: 0,
-    monthIQCquantity: 0,
-    weekIPQCquantity: 0,
-    monthIPQCquantity: 0,
-    weekFQCquantity: 0,
-    monthFQCquantity: 0
-})
-function getMoudle01Data() {
-    getMoudle01().then((res) => {
-        numData.value = res.data
+import { getTopData } from '@/api/smartScreen/QualityScreen/index.js'
+const topTitleOptions = ref(['本月质量异常数', '本周质量异常数', '本月合格率', '本周合格率'])
+const topData = ref({})
+function initData() {
+    getTopData().then((res) => {
+        topData.value = res.data
     })
 }
-getMoudle01Data()
+initData()
 let timer1 = null
 const clearSearchTimer = () => {
     clearInterval(timer1)
@@ -174,7 +145,7 @@ const clearSearchTimer = () => {
 const createSearchTimer = () => {
     clearSearchTimer()
     timer1 = setInterval(() => {
-        getMoudle01Data()
+        initData()
     }, 1000 * 60 * 5)
 }
 onMounted(() => {
@@ -193,29 +164,39 @@ onUnmounted(() => {
     margin-bottom: 10px;
 }
 .top {
-    height: 80px;
-    background-color: rgba(60, 232, 248, 0.1);
+    height: 100%;
 }
 .num-item {
-    /* border: #0072ff 1px solid; */
+    margin-bottom: 10px;
     padding: 10px;
     width: 100%;
-    height: 80px;
+    height: 100px;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     align-items: center;
     justify-content: center;
 }
 .num-title {
-    font-size: 20px;
+    width: 100%;
+    font-size: 30px;
     font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
 }
 .num-value {
-    font-size: 24px;
+    width: 100%;
+    font-size: 40px;
     font-weight: 800;
+    background-clip: text;
     -webkit-background-clip: text; /* 仅将背景应用于文本 */
     -webkit-text-fill-color: transparent; /* 设置文本颜色为透明 */
     color: transparent; /* 兼容非WebKit浏览器 */
     background-image: linear-gradient(65deg, #0072ff 0%, #00eaff 50%, #01aaff 100%);
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
 }
 </style>
diff --git a/src/views/SmartScreen/ReportScreen/charts/chart1.vue b/src/views/SmartScreen/ReportScreen/charts/chart1.vue
index fd5a8f8..4a164fd 100644
--- a/src/views/SmartScreen/ReportScreen/charts/chart1.vue
+++ b/src/views/SmartScreen/ReportScreen/charts/chart1.vue
@@ -52,8 +52,7 @@ let options = {
         width: '60%',
         right: '0%'
     },
-    series: [
-    ]
+    series: []
 }
 const chart = ref(null)
 function initChart() {
@@ -86,31 +85,32 @@ function updateData() {
                 }
                 // 定义一组颜色
                 const colors = [
-                    "#00b894",
-                    "#fdcb6e",
-                    "#ff7675",
-                    "#6c5ce7",
-                    "#00cec9",
-                    "#ffeaa7",
-                    "#fab1a0",
-                    "#ffbe76",
-                    "#74b9ff",
-                    "#55efc4",
-                    "#a29bfe",
-                    "#d63031",
-                    "#fd79a8",
-                    "#00bfa5",
-                    "#e17055"
-                ];
-                item.data.forEach((dataItem, index) => (
-                    dataItem.itemStyle = {
-                        color: colors[index % colors.length] // 使用与系列相同的颜色逻辑
-                    }
-                ))
+                    '#00b894',
+                    '#fdcb6e',
+                    '#ff7675',
+                    '#6c5ce7',
+                    '#00cec9',
+                    '#ffeaa7',
+                    '#fab1a0',
+                    '#ffbe76',
+                    '#74b9ff',
+                    '#55efc4',
+                    '#a29bfe',
+                    '#d63031',
+                    '#fd79a8',
+                    '#00bfa5',
+                    '#e17055'
+                ]
+                item.data.forEach(
+                    (dataItem, index) =>
+                        (dataItem.itemStyle = {
+                            color: colors[index % colors.length] // 使用与系列相同的颜色逻辑
+                        })
+                )
             })
-            console.log(_series);
             options.series = _series
-            chart.value.setOption(options)
+            chart.value?.setOption(options)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/ReportScreen/charts/chart2.vue b/src/views/SmartScreen/ReportScreen/charts/chart2.vue
index 2815b42..b9ac4e4 100644
--- a/src/views/SmartScreen/ReportScreen/charts/chart2.vue
+++ b/src/views/SmartScreen/ReportScreen/charts/chart2.vue
@@ -52,8 +52,7 @@ let options = {
         width: '60%',
         right: '0%'
     },
-    series: [
-    ]
+    series: []
 }
 const chart = ref(null)
 function initChart() {
@@ -85,30 +84,32 @@ function updateData() {
                 }
                 // 定义一组颜色
                 const colors = [
-                    "#00b894",
-                    "#fdcb6e",
-                    "#ff7675",
-                    "#6c5ce7",
-                    "#00cec9",
-                    "#ffeaa7",
-                    "#fab1a0",
-                    "#ffbe76",
-                    "#74b9ff",
-                    "#55efc4",
-                    "#a29bfe",
-                    "#d63031",
-                    "#fd79a8",
-                    "#00bfa5",
-                    "#e17055"
-                ];
-                item.data.forEach((dataItem, index) => (
-                    dataItem.itemStyle = {
-                        color: colors[index % colors.length] // 使用与系列相同的颜色逻辑
-                    }
-                ))
+                    '#00b894',
+                    '#fdcb6e',
+                    '#ff7675',
+                    '#6c5ce7',
+                    '#00cec9',
+                    '#ffeaa7',
+                    '#fab1a0',
+                    '#ffbe76',
+                    '#74b9ff',
+                    '#55efc4',
+                    '#a29bfe',
+                    '#d63031',
+                    '#fd79a8',
+                    '#00bfa5',
+                    '#e17055'
+                ]
+                item.data.forEach(
+                    (dataItem, index) =>
+                        (dataItem.itemStyle = {
+                            color: colors[index % colors.length] // 使用与系列相同的颜色逻辑
+                        })
+                )
             })
             options.series = _series
-            chart.value.setOption(options)
+            chart.value?.setOption(options)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/ReportScreen/charts/chart3.vue b/src/views/SmartScreen/ReportScreen/charts/chart3.vue
index c466487..887930e 100644
--- a/src/views/SmartScreen/ReportScreen/charts/chart3.vue
+++ b/src/views/SmartScreen/ReportScreen/charts/chart3.vue
@@ -52,8 +52,7 @@ let options = {
         width: '60%',
         right: '0%'
     },
-    series: [
-    ]
+    series: []
 }
 const chart = ref(null)
 function initChart() {
@@ -85,30 +84,32 @@ function updateData() {
                 }
                 // 定义一组颜色
                 const colors = [
-                    "#00b894",
-                    "#fdcb6e",
-                    "#ff7675",
-                    "#6c5ce7",
-                    "#00cec9",
-                    "#ffeaa7",
-                    "#fab1a0",
-                    "#ffbe76",
-                    "#74b9ff",
-                    "#55efc4",
-                    "#a29bfe",
-                    "#d63031",
-                    "#fd79a8",
-                    "#00bfa5",
-                    "#e17055"
-                ];
-                item.data.forEach((dataItem, index) => (
-                    dataItem.itemStyle = {
-                        color: colors[index % colors.length] // 使用与系列相同的颜色逻辑
-                    }
-                ))
+                    '#00b894',
+                    '#fdcb6e',
+                    '#ff7675',
+                    '#6c5ce7',
+                    '#00cec9',
+                    '#ffeaa7',
+                    '#fab1a0',
+                    '#ffbe76',
+                    '#74b9ff',
+                    '#55efc4',
+                    '#a29bfe',
+                    '#d63031',
+                    '#fd79a8',
+                    '#00bfa5',
+                    '#e17055'
+                ]
+                item.data.forEach(
+                    (dataItem, index) =>
+                        (dataItem.itemStyle = {
+                            color: colors[index % colors.length] // 使用与系列相同的颜色逻辑
+                        })
+                )
             })
             options.series = _series
-            chart.value.setOption(options)
+            chart.value?.setOption(options)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/ReportScreen/charts/chart4.vue b/src/views/SmartScreen/ReportScreen/charts/chart4.vue
index c7ad39f..1138d03 100644
--- a/src/views/SmartScreen/ReportScreen/charts/chart4.vue
+++ b/src/views/SmartScreen/ReportScreen/charts/chart4.vue
@@ -44,13 +44,13 @@ let options = {
         axisTick: {
             show: false
         },
-        rotate: 60,
+        rotate: 60
     },
     yAxis: {
         type: 'value',
         axisTick: {
             show: false
-        },
+        }
     },
     // 图例
     legend: {
@@ -59,8 +59,7 @@ let options = {
         width: '70%',
         left: '20%'
     },
-    series: [
-    ]
+    series: []
 }
 
 const chart = ref(null)
@@ -84,14 +83,18 @@ function updateData() {
             let _series = res.data.series
             _series.forEach((item) => {
                 item.markPoint = {
-                    data: [{
-                        type: 'max', name: '最大值', label: {
-                            textBorderColor: '#fff',
-                            textBorderWidth: 0,
-                            formatter: '{c}',
-                            color: '#fff'
-                        },
-                    }]
+                    data: [
+                        {
+                            type: 'max',
+                            name: '最大值',
+                            label: {
+                                textBorderColor: '#fff',
+                                textBorderWidth: 0,
+                                formatter: '{c}',
+                                color: '#fff'
+                            }
+                        }
+                    ]
                 }
                 // item.label = {
                 //     show: true,
@@ -105,7 +108,8 @@ function updateData() {
                 // }
             })
             options.series = _series
-            chart.value.setOption(options)
+            chart.value?.setOption(options)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/ReportScreen/charts/chart5.vue b/src/views/SmartScreen/ReportScreen/charts/chart5.vue
index b8e2ed0..4ef012c 100644
--- a/src/views/SmartScreen/ReportScreen/charts/chart5.vue
+++ b/src/views/SmartScreen/ReportScreen/charts/chart5.vue
@@ -23,7 +23,7 @@ const props = defineProps({
 })
 let options = {
     title: {
-        text: '本月产量',
+        text: '',
         left: 'left'
     },
     tooltip: {
@@ -60,7 +60,7 @@ let options = {
     },
     series: [
         {
-            name: '本月每天产量',
+            name: '',
             type: 'line',
             smooth: true,
             data: [],
@@ -100,7 +100,8 @@ function updateData() {
                 }
             })
             options.series = _series
-            chart.value.setOption(options)
+            chart.value?.setOption(options)
+            chart.value?.resize()
         }
     })
 }
diff --git a/src/views/SmartScreen/ReportScreen/index.css b/src/views/SmartScreen/ReportScreen/index.css
index ef4d9a5..981bfc3 100644
--- a/src/views/SmartScreen/ReportScreen/index.css
+++ b/src/views/SmartScreen/ReportScreen/index.css
@@ -52,6 +52,5 @@ body {
     flex-direction: column;
 }
 .box {
-    min-height: 350px;
     padding: 20px;
 }
diff --git a/src/views/SmartScreen/ReportScreen/index.vue b/src/views/SmartScreen/ReportScreen/index.vue
index 9fd31a1..9d40bd4 100644
--- a/src/views/SmartScreen/ReportScreen/index.vue
+++ b/src/views/SmartScreen/ReportScreen/index.vue
@@ -7,20 +7,21 @@
             </el-icon>
         </div>
         <div>
-            <logo></logo>
+            <kbLogo></kbLogo>
             <kbTime></kbTime>
         </div>
         <div class="header">
             <kbHeader>车间生产看板</kbHeader>
         </div>
+        <kbGap></kbGap>
         <div class="body">
-            <div class="top" dv-bg>
+            <kbCountBox>
                 <el-row :gutter="20">
                     <el-col :span="4" v-for="(value, key, index) in orderData" :key="index">
-                        <div class="num-item">
+                        <kbNumBox class="num-item">
                             <div class="num-title">{{ orderTitleList[index] }}</div>
                             <div class="num-value">{{ value }}</div>
-                        </div>
+                        </kbNumBox>
                     </el-col>
                     <!-- <el-col :span="4">
                         <div class="num-item">
@@ -53,26 +54,39 @@
                         </div>
                     </el-col> -->
                 </el-row>
-            </div>
+            </kbCountBox>
+            <kbGap></kbGap>
             <el-row :gutter="5">
                 <el-col :span="8">
-                    <chart1></chart1>
+                    <kbChartBox>
+                        <chart1></chart1>
+                    </kbChartBox>
                 </el-col>
                 <el-col :span="8">
-                    <chart2></chart2>
+                    <kbChartBox>
+                        <chart2></chart2>
+                    </kbChartBox>
                 </el-col>
                 <el-col :span="8">
-                    <chart3></chart3>
+                    <kbChartBox>
+                        <chart3></chart3>
+                    </kbChartBox>
                 </el-col>
             </el-row>
+            <kbGap></kbGap>
             <el-row :gutter="5">
                 <el-col :span="24">
-                    <chart4></chart4>
+                    <kbChartBox>
+                        <chart4></chart4>
+                    </kbChartBox>
                 </el-col>
             </el-row>
+            <kbGap></kbGap>
             <el-row :gutter="5">
                 <el-col :span="24">
-                    <chart5></chart5>
+                    <kbChartBox>
+                        <chart5></chart5>
+                    </kbChartBox>
                 </el-col>
             </el-row>
         </div>
@@ -81,9 +95,14 @@
 
 <script setup>
 /// ================ 基础组件导入 ======================
-import kbHeader from './components/kbHeader.vue'
-import kbTime from './components/kbTime.vue'
-import logo from './components/logo.vue'
+import kbGap from '../可视化素材包/components/kbGap.vue'
+import kbHeader from '../可视化素材包/components/kbHeader.vue'
+import kbTime from '../可视化素材包/components/kbTime.vue'
+import kbLogo from '../可视化素材包/components/kbLogo.vue'
+import kbChartBox from '../可视化素材包/components/kbChartBox.vue'
+import kbCountBox from '../可视化素材包/components/kbCountBox.vue'
+import kbNumBox from '../可视化素材包/components/kbNumBox.vue'
+import kbTitle from '../可视化素材包/components/kbTitle.vue'
 /// ================================================
 
 /// ================== 图表组件导入 ======================
@@ -102,15 +121,15 @@ import { getDigitalTurntable } from '@/api/smartScreen/ReportScreen/index.js'
 const orderTitleList = ref(['今日工单数', '今日物料领用', '今日生产计划总数', '今日出货数量', '今天动用组数'])
 const orderData = ref({
     // 今日工单数
-    "workorderQuantity": 0,
+    workorderQuantity: 0,
     // 今日物料领用
-    "materialRequisitionQuantity": 0,
+    materialRequisitionQuantity: 0,
     // 今日生产计划总数
-    "productionPlanQuantity": 0,
+    productionPlanQuantity: 0,
     // 今日出货数量
-    "shipmentQuantity": 0,
+    shipmentQuantity: 0,
     // 今天动用组数
-    "groupQuantity": 0
+    groupQuantity: 0
 })
 function getData() {
     getDigitalTurntable().then((res) => {
@@ -137,7 +156,6 @@ onUnmounted(() => {
     clearSearchTimer()
 })
 /// ====================================================
-
 </script>
 
 <style scoped>
@@ -165,13 +183,17 @@ onUnmounted(() => {
 }
 
 .num-title {
-    font-size: 20px;
+    font-size: 30px;
     font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .num-value {
-    font-size: 24px;
+    font-size: 40px;
     font-weight: 800;
+    background-clip: text;
     -webkit-background-clip: text;
     /* 仅将背景应用于文本 */
     -webkit-text-fill-color: transparent;
@@ -179,5 +201,8 @@ onUnmounted(() => {
     color: transparent;
     /* 兼容非WebKit浏览器 */
     background-image: linear-gradient(65deg, #0072ff 0%, #00eaff 50%, #01aaff 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 </style>
diff --git a/src/views/SmartScreen/index.vue b/src/views/SmartScreen/index.vue
index 6ce44e6..f574d0b 100644
--- a/src/views/SmartScreen/index.vue
+++ b/src/views/SmartScreen/index.vue
@@ -3,15 +3,19 @@
         <el-carousel-item :key="1">
             <OrderScreen style="height: 100%"></OrderScreen>
         </el-carousel-item>
-        <!-- <el-carousel-item :key="2">
+        <el-carousel-item :key="2">
             <ReportScreen style="height: 100%"></ReportScreen>
-        </el-carousel-item> -->
+        </el-carousel-item>
+        <el-carousel-item :key="3">
+            <QualityScreen style="height: 100%"></QualityScreen>
+        </el-carousel-item>
     </el-carousel>
 </template>
 
 <script setup>
 import { default as OrderScreen } from '@/views/SmartScreen/OrderScreen/index'
 import { default as ReportScreen } from '@/views/SmartScreen/ReportScreen/index'
+import { default as QualityScreen } from '@/views/SmartScreen/QualityScreen/index'
 // 设备大屏
 // import { default as AndonFullScreen } from '@/views/andonManagement/analysis/fullscreen/index'
 // Andon大屏
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/1.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/1.png
new file mode 100644
index 0000000..a80d5cc
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/10-网格线.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/10-网格线.png
new file mode 100644
index 0000000..3a38ccf
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/10-网格线.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/11.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/11.png
new file mode 100644
index 0000000..5a96c4d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/11.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/12.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/12.png
new file mode 100644
index 0000000..f5fdbe7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/12.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/13-网格线.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/13-网格线.png
new file mode 100644
index 0000000..6b62862
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/13-网格线.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/14.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/14.png
new file mode 100644
index 0000000..4984962
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/14.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/15.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/15.png
new file mode 100644
index 0000000..0324c1c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/15.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/16.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/16.png
new file mode 100644
index 0000000..e148aff
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/16.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/17.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/17.png
new file mode 100644
index 0000000..f3b45b4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/17.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/18.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/18.png
new file mode 100644
index 0000000..14d9944
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/18.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/19-极光.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/19-极光.png
new file mode 100644
index 0000000..73a0978
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/19-极光.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/2.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/2.png
new file mode 100644
index 0000000..05a72a4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/3.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/3.png
new file mode 100644
index 0000000..b41b8e4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/4.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/4.png
new file mode 100644
index 0000000..2ca299c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/5.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/5.png
new file mode 100644
index 0000000..a9f3b98
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/6.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/6.png
new file mode 100644
index 0000000..8873759
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/7.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/7.png
new file mode 100644
index 0000000..f94feb0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/8.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/8.png
new file mode 100644
index 0000000..8d67ccf
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/9.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/9.png
new file mode 100644
index 0000000..0774d64
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/1.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/1.png
new file mode 100644
index 0000000..5f1cb0a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/2.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/2.png
new file mode 100644
index 0000000..61a4eb2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/3.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/3.png
new file mode 100644
index 0000000..12cd7d7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/星球背景.png b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/星球背景.png
new file mode 100644
index 0000000..110abc5
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/1-模板背景图/长屏背景/星球背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/1.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/1.png
new file mode 100644
index 0000000..df1b61c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/10.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/10.png
new file mode 100644
index 0000000..7dac206
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/10.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/11.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/11.png
new file mode 100644
index 0000000..d09ecbe
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/11.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/12.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/12.png
new file mode 100644
index 0000000..e905b84
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/12.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/13.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/13.png
new file mode 100644
index 0000000..f201e2a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/13.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/14.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/14.png
new file mode 100644
index 0000000..ef45a47
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/14.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/15.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/15.png
new file mode 100644
index 0000000..e407e05
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/15.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/16.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/16.png
new file mode 100644
index 0000000..27081d8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/16.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/17.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/17.png
new file mode 100644
index 0000000..1bbb2c9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/17.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/18.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/18.png
new file mode 100644
index 0000000..ff2e0e4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/18.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/19.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/19.png
new file mode 100644
index 0000000..8ce5070
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/19.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/2.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/2.png
new file mode 100644
index 0000000..8fe1655
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/20.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/20.png
new file mode 100644
index 0000000..71dd922
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/20.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/21.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/21.png
new file mode 100644
index 0000000..58134b9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/21.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/22.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/22.png
new file mode 100644
index 0000000..4817734
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/22.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/23.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/23.png
new file mode 100644
index 0000000..d6d190a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/23.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/24.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/24.png
new file mode 100644
index 0000000..b831623
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/24.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/25.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/25.png
new file mode 100644
index 0000000..aada055
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/25.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/26.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/26.png
new file mode 100644
index 0000000..444145b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/26.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/3.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/3.png
new file mode 100644
index 0000000..5287342
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/4.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/4.png
new file mode 100644
index 0000000..936d3b8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/5.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/5.png
new file mode 100644
index 0000000..0f71781
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/6.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/6.png
new file mode 100644
index 0000000..c731157
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/7.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/7.png
new file mode 100644
index 0000000..b544985
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/8.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/8.png
new file mode 100644
index 0000000..2045df0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/9.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/9.png
new file mode 100644
index 0000000..e48ade7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/机械风格1.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/机械风格1.png
new file mode 100644
index 0000000..a0fb315
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/机械风格1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/机械风格2.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/机械风格2.png
new file mode 100644
index 0000000..444145b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/机械风格2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格1.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格1.png
new file mode 100644
index 0000000..6e0b6a7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格2.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格2.png
new file mode 100644
index 0000000..7b6db29
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格3.png b/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格3.png
new file mode 100644
index 0000000..4bf93b1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/2-大标题背景图/极简风格3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/1-frame-[37].png b/src/views/SmartScreen/可视化素材包/3-组件背景图/1-frame-[37].png
new file mode 100644
index 0000000..9c8724d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/1-frame-[37].png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/1.png
new file mode 100644
index 0000000..4f91002
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/10-边框-左二.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/10-边框-左二.png
new file mode 100644
index 0000000..c0ba10c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/10-边框-左二.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/10.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/10.png
new file mode 100644
index 0000000..815b1e7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/10.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/10地图背景装饰.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/10地图背景装饰.png
new file mode 100644
index 0000000..fb87b0a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/10地图背景装饰.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/10模块边框7.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/10模块边框7.png
new file mode 100644
index 0000000..ad35905
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/10模块边框7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/11.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/11.png
new file mode 100644
index 0000000..ade70e8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/11.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/11托盘装饰.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/11托盘装饰.png
new file mode 100644
index 0000000..be7169e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/11托盘装饰.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/11模块边框8.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/11模块边框8.png
new file mode 100644
index 0000000..572f152
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/11模块边框8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/12.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/12.png
new file mode 100644
index 0000000..57abdae
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/12.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/12模块边框9.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/12模块边框9.png
new file mode 100644
index 0000000..286aa96
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/12模块边框9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/13.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/13.png
new file mode 100644
index 0000000..31537b7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/13.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/13模块边框10.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/13模块边框10.png
new file mode 100644
index 0000000..ab9d8f8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/13模块边框10.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/14.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/14.png
new file mode 100644
index 0000000..038ba09
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/14.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/15.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/15.png
new file mode 100644
index 0000000..07df99d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/15.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/16.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/16.png
new file mode 100644
index 0000000..3cd176d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/16.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/17.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/17.png
new file mode 100644
index 0000000..9779529
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/17.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框1.png
new file mode 100644
index 0000000..1e74da8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框2.png
new file mode 100644
index 0000000..dfffe1d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框3.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框3.png
new file mode 100644
index 0000000..8d4b131
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/18-框3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/1模块标题_模块边框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/1模块标题_模块边框.png
new file mode 100644
index 0000000..83cb355
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/1模块标题_模块边框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/2-frame-[37]备份.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/2-frame-[37]备份.png
new file mode 100644
index 0000000..fbbd975
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/2-frame-[37]备份.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/2.png
new file mode 100644
index 0000000..43e921c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/20.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/20.png
new file mode 100644
index 0000000..0020e16
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/20.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/21.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/21.png
new file mode 100644
index 0000000..01e9fce
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/21.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/22.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/22.png
new file mode 100644
index 0000000..74cd029
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/22.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/23.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/23.png
new file mode 100644
index 0000000..1187aeb
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/23.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/24.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/24.png
new file mode 100644
index 0000000..09cecd7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/24.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/25.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/25.png
new file mode 100644
index 0000000..b3502ee
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/25.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/26.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/26.png
new file mode 100644
index 0000000..51c01bf
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/26.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/27.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/27.png
new file mode 100644
index 0000000..95d5c10
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/27.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/28.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/28.png
new file mode 100644
index 0000000..f459aa1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/28.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/29.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/29.png
new file mode 100644
index 0000000..43fc0b1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/29.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/2模块边框1@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/2模块边框1@2x.png
new file mode 100644
index 0000000..3571f53
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/2模块边框1@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/2模块边框2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/2模块边框2.png
new file mode 100644
index 0000000..0286bbc
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/2模块边框2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/2组件框1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/2组件框1.png
new file mode 100644
index 0000000..ec9fe27
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/2组件框1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3-frame-[33].png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-frame-[33].png
new file mode 100644
index 0000000..0a917f3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-frame-[33].png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3-左一.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-左一.png
new file mode 100644
index 0000000..0ad7044
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-左一.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3-框-右一.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-框-右一.png
new file mode 100644
index 0000000..d3aac31
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-框-右一.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3-框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-框.png
new file mode 100644
index 0000000..b7a2d19
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3-框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3.png
new file mode 100644
index 0000000..89291ea
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/30.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/30.png
new file mode 100644
index 0000000..5e2d9b3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/30.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/31.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/31.png
new file mode 100644
index 0000000..26be26d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/31.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/32.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/32.png
new file mode 100644
index 0000000..6defce4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/32.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/33.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/33.png
new file mode 100644
index 0000000..865b6de
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/33.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/34.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/34.png
new file mode 100644
index 0000000..94c433c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/34.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/35.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/35.png
new file mode 100644
index 0000000..77c021a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/35.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/36.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/36.png
new file mode 100644
index 0000000..c8956b7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/36.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/37.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/37.png
new file mode 100644
index 0000000..dfb4f35
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/37.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/38.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/38.png
new file mode 100644
index 0000000..5381e6d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/38.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/39.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/39.png
new file mode 100644
index 0000000..9f5c1f1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/39.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框1@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框1@2x.png
new file mode 100644
index 0000000..42b656a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框1@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框2@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框2@2x.png
new file mode 100644
index 0000000..f557b09
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框2@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框3.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框3.png
new file mode 100644
index 0000000..a46fbae
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3模块边框3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框1.png
new file mode 100644
index 0000000..1f1dd3a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框2.png
new file mode 100644
index 0000000..5d7145d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框@2x.png
new file mode 100644
index 0000000..f3ff917
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/3组件框@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4-左二.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-左二.png
new file mode 100644
index 0000000..e1eadce
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-左二.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4-框-右二.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-框-右二.png
new file mode 100644
index 0000000..1fb1965
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-框-右二.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4-组件框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-组件框.png
new file mode 100644
index 0000000..8960735
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-组件框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4-边框-左一-上.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-边框-左一-上.png
new file mode 100644
index 0000000..aa03364
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-边框-左一-上.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4-边框-左中.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-边框-左中.png
new file mode 100644
index 0000000..9c8754e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4-边框-左中.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4.png
new file mode 100644
index 0000000..aa411fe
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/40.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/40.png
new file mode 100644
index 0000000..463d9a7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/40.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/41.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/41.png
new file mode 100644
index 0000000..59de9f6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/41.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/42.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/42.png
new file mode 100644
index 0000000..1fcbb6e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/42.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/43.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/43.png
new file mode 100644
index 0000000..32e605e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/43.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/44.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/44.png
new file mode 100644
index 0000000..1944d53
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/44.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/45.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/45.png
new file mode 100644
index 0000000..f3de9a3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/45.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/46.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/46.png
new file mode 100644
index 0000000..9c656db
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/46.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/47.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/47.png
new file mode 100644
index 0000000..4fe310d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/47.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/48.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/48.png
new file mode 100644
index 0000000..d1b2ba7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/48.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/49.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/49.png
new file mode 100644
index 0000000..90490a3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/49.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4模块边框2@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4模块边框2@2x.png
new file mode 100644
index 0000000..43c1726
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4模块边框2@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4模块边框4.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4模块边框4.png
new file mode 100644
index 0000000..3d35051
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4模块边框4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/4组件框2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/4组件框2.png
new file mode 100644
index 0000000..87fe749
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/4组件框2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5-指标卡.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-指标卡.png
new file mode 100644
index 0000000..d432b26
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-指标卡.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5-框-右三.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-框-右三.png
new file mode 100644
index 0000000..9e07bb7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-框-右三.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5-框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-框.png
new file mode 100644
index 0000000..82dbd50
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5-边框-左一-下.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-边框-左一-下.png
new file mode 100644
index 0000000..47f4fcc
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-边框-左一-下.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5-边框-左下.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-边框-左下.png
new file mode 100644
index 0000000..6591099
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5-边框-左下.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5.png
new file mode 100644
index 0000000..963a793
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/50.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/50.png
new file mode 100644
index 0000000..cc1ce83
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/50.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/51.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/51.png
new file mode 100644
index 0000000..e5b0caa
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/51.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5指标卡边框1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5指标卡边框1.png
new file mode 100644
index 0000000..eb293c1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5指标卡边框1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5模块边框5.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5模块边框5.png
new file mode 100644
index 0000000..a6e0570
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5模块边框5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/5组件框3.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/5组件框3.png
new file mode 100644
index 0000000..8017970
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/5组件框3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/6-边框-右上.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/6-边框-右上.png
new file mode 100644
index 0000000..a78d7a4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/6-边框-右上.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/6-边框-左二.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/6-边框-左二.png
new file mode 100644
index 0000000..9b58637
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/6-边框-左二.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/6.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/6.png
new file mode 100644
index 0000000..70a31d3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/60.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/60.png
new file mode 100644
index 0000000..3dcdf3b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/60.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/63.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/63.png
new file mode 100644
index 0000000..af63d6f
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/63.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/66.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/66.png
new file mode 100644
index 0000000..1c49c48
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/66.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/6指标卡边框2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/6指标卡边框2.png
new file mode 100644
index 0000000..ab75819
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/6指标卡边框2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/6组件框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/6组件框.png
new file mode 100644
index 0000000..709bd81
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/6组件框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/7-下左一.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/7-下左一.png
new file mode 100644
index 0000000..805591e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/7-下左一.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/7-边框-中间.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/7-边框-中间.png
new file mode 100644
index 0000000..a1ecd56
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/7-边框-中间.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/7.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/7.png
new file mode 100644
index 0000000..3897e12
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/70.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/70.png
new file mode 100644
index 0000000..ba65b3c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/70.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/8-边框-右侧.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/8-边框-右侧.png
new file mode 100644
index 0000000..e5683e1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/8-边框-右侧.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/8.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/8.png
new file mode 100644
index 0000000..8ddfab9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/80.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/80.png
new file mode 100644
index 0000000..be07f21
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/80.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/81.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/81.png
new file mode 100644
index 0000000..7f74de0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/81.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/82.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/82.png
new file mode 100644
index 0000000..e3d5151
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/82.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/83.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/83.png
new file mode 100644
index 0000000..0ccf238
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/83.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/9-边框-左一.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/9-边框-左一.png
new file mode 100644
index 0000000..94b2adf
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/9-边框-左一.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/9.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/9.png
new file mode 100644
index 0000000..135feb0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/9模块边框6.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/9模块边框6.png
new file mode 100644
index 0000000..6f13eb6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/9模块边框6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/Rectangle.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/Rectangle.png
new file mode 100644
index 0000000..6a688db
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/Rectangle.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/form.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/form.png
new file mode 100644
index 0000000..ab1028d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/form.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-常规比例.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-常规比例.png
new file mode 100644
index 0000000..eab8d7a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-常规比例.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-方.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-方.png
new file mode 100644
index 0000000..d39d898
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-方.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-高.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-高.png
new file mode 100644
index 0000000..4e41f8e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框1-高.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-常规比例.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-常规比例.png
new file mode 100644
index 0000000..06ec813
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-常规比例.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-方.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-方.png
new file mode 100644
index 0000000..6b9f532
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-方.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-高.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-高.png
new file mode 100644
index 0000000..f029925
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框2-高.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-宽.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-宽.png
new file mode 100644
index 0000000..58ac9a4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-宽.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-方.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-方.png
new file mode 100644
index 0000000..cfd9d7f
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-方.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-高.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-高.png
new file mode 100644
index 0000000..435756c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/不带标题边框3-高.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/业绩指标.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/业绩指标.png
new file mode 100644
index 0000000..ee6317e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/业绩指标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/业绩达成.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/业绩达成.png
new file mode 100644
index 0000000..6ca67ba
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/业绩达成.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/中间背景@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/中间背景@2x.png
new file mode 100644
index 0000000..8c99a65
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/中间背景@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/中间边框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/中间边框.png
new file mode 100644
index 0000000..f5bc26e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/中间边框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/中间边框@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/中间边框@2x.png
new file mode 100644
index 0000000..f44339a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/中间边框@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/切一块背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/切一块背景.png
new file mode 100644
index 0000000..90e3029
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/切一块背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/半透明矩形.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/半透明矩形.png
new file mode 100644
index 0000000..319ebb1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/半透明矩形.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/右上背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/右上背景.png
new file mode 100644
index 0000000..b1f84d1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/右上背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/右下背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/右下背景.png
new file mode 100644
index 0000000..9130642
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/右下背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/右中背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/右中背景.png
new file mode 100644
index 0000000..c15e3ea
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/右中背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/各模块边框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/各模块边框.png
new file mode 100644
index 0000000..b16bb81
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/各模块边框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/哐哐哐备份 2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/哐哐哐备份 2.png
new file mode 100644
index 0000000..a25187c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/哐哐哐备份 2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/四周装饰框@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/四周装饰框@2x.png
new file mode 100644
index 0000000..c8c0fd4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/四周装饰框@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/图表背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/图表背景.png
new file mode 100644
index 0000000..30190b5
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/图表背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/地图框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/地图框.png
new file mode 100644
index 0000000..bb4520b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/地图框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/地图背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/地图背景.png
new file mode 100644
index 0000000..40e5228
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/地图背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/小边框@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/小边框@2x.png
new file mode 100644
index 0000000..88079d0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/小边框@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-宽.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-宽.png
new file mode 100644
index 0000000..fa4d04f
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-宽.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-常规比例.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-常规比例.png
new file mode 100644
index 0000000..b8c9b25
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-常规比例.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-高.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-高.png
new file mode 100644
index 0000000..45892af
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框1-高.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-宽.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-宽.png
new file mode 100644
index 0000000..163c943
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-宽.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-常规比例.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-常规比例.png
new file mode 100644
index 0000000..c0e7e8a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-常规比例.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-高.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-高.png
new file mode 100644
index 0000000..536d647
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/带标题边框2-高.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/指标卡.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/指标卡.png
new file mode 100644
index 0000000..932f991
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/指标卡.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/指标卡1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/指标卡1.png
new file mode 100644
index 0000000..99e63cf
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/指标卡1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/收入.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/收入.png
new file mode 100644
index 0000000..e3c739e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/收入.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/数字框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/数字框.png
new file mode 100644
index 0000000..0520be7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/数字框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/矩形.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/矩形.png
new file mode 100644
index 0000000..253ce57
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/矩形.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/矩形备份 17.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/矩形备份 17.png
new file mode 100644
index 0000000..5bfb4da
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/矩形备份 17.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下.png
new file mode 100644
index 0000000..fcf48f7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下1.png
new file mode 100644
index 0000000..0214846
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下243.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下243.png
new file mode 100644
index 0000000..8a9e02e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-下243.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-两侧.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-两侧.png
new file mode 100644
index 0000000..feb0725
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-两侧.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-中.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-中.png
new file mode 100644
index 0000000..8c1941b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-中.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右上.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右上.png
new file mode 100644
index 0000000..4aea304
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右上.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右上2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右上2.png
new file mode 100644
index 0000000..550658c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右上2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右下.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右下.png
new file mode 100644
index 0000000..50f2284
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-右下.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左上.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左上.png
new file mode 100644
index 0000000..416994d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左上.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左下.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左下.png
new file mode 100644
index 0000000..dcf8732
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左下.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左中.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左中.png
new file mode 100644
index 0000000..65830e5
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框-左中.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框.png
new file mode 100644
index 0000000..55f4cd2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框中间.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框中间.png
new file mode 100644
index 0000000..81fb510
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框中间.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右一@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右一@2x.png
new file mode 100644
index 0000000..51ab887
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右一@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右三@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右三@2x.png
new file mode 100644
index 0000000..2c53dc0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右三@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右二@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右二@2x.png
new file mode 100644
index 0000000..51ab887
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件框左右二@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件边框1@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件边框1@2x.png
new file mode 100644
index 0000000..f96fdb1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件边框1@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组件边框2@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件边框2@2x.png
new file mode 100644
index 0000000..bb1035b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组件边框2@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组建框1.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组建框1.png
new file mode 100644
index 0000000..e221b20
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组建框1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/组建框2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/组建框2.png
new file mode 100644
index 0000000..a061d2c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/组建框2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/表格框@2x.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/表格框@2x.png
new file mode 100644
index 0000000..1635d85
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/表格框@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 15.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 15.png
new file mode 100644
index 0000000..64fa1e6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 15.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 18.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 18.png
new file mode 100644
index 0000000..e521be0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 18.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 2.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 2.png
new file mode 100644
index 0000000..723f303
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 50@2x-8.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 50@2x-8.png
new file mode 100644
index 0000000..be6d36b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/资源 50@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/轮播带分割线背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/轮播带分割线背景.png
new file mode 100644
index 0000000..01880d7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/轮播带分割线背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/轮播表格背景.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/轮播表格背景.png
new file mode 100644
index 0000000..16b5012
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/轮播表格背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/3-组件背景图/进度达成.png b/src/views/SmartScreen/可视化素材包/3-组件背景图/进度达成.png
new file mode 100644
index 0000000..9478939
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/3-组件背景图/进度达成.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/11-表头背景.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/11-表头背景.png
new file mode 100644
index 0000000..54976be
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/11-表头背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/14-小标题.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/14-小标题.png
new file mode 100644
index 0000000..a9f09da
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/14-小标题.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/15-小标题.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/15-小标题.png
new file mode 100644
index 0000000..b375340
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/15-小标题.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104850959703.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104850959703.png
new file mode 100644
index 0000000..4bb73c3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104850959703.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104876917335.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104876917335.png
new file mode 100644
index 0000000..742ef17
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104876917335.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104896680164.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104896680164.png
new file mode 100644
index 0000000..eb39b89
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/1622104896680164.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/6.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/6.png
new file mode 100644
index 0000000..0c52d38
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/7指标标题框整体@2x.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/7指标标题框整体@2x.png
new file mode 100644
index 0000000..e667e0e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/7指标标题框整体@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/7背景框（选中效果）.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/7背景框（选中效果）.png
new file mode 100644
index 0000000..45c9220
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/7背景框（选中效果）.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/8.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/8.png
new file mode 100644
index 0000000..39efb2c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/9.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/9.png
new file mode 100644
index 0000000..d680a77
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/二级标题框.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/二级标题框.png
new file mode 100644
index 0000000..0476417
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/二级标题框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题背景.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题背景.png
new file mode 100644
index 0000000..00cbdae
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题装饰-右@2x.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题装饰-右@2x.png
new file mode 100644
index 0000000..4742ac2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题装饰-右@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题装饰-左@2x.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题装饰-左@2x.png
new file mode 100644
index 0000000..48c3453
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/小标题装饰-左@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/左上背景.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/左上背景.png
new file mode 100644
index 0000000..df9d2f9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/左上背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/4-组件标题背景图/指标卡背景.png b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/指标卡背景.png
new file mode 100644
index 0000000..5a85eb8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/4-组件标题背景图/指标卡背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/1.png b/src/views/SmartScreen/可视化素材包/5-图标/1.png
new file mode 100644
index 0000000..f9702f0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/10.png b/src/views/SmartScreen/可视化素材包/5-图标/10.png
new file mode 100644
index 0000000..131b2b6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/10.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/11.png b/src/views/SmartScreen/可视化素材包/5-图标/11.png
new file mode 100644
index 0000000..7f6a171
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/11.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/12.png b/src/views/SmartScreen/可视化素材包/5-图标/12.png
new file mode 100644
index 0000000..e55b52a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/12.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/13.png b/src/views/SmartScreen/可视化素材包/5-图标/13.png
new file mode 100644
index 0000000..77bf072
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/13.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/14.png b/src/views/SmartScreen/可视化素材包/5-图标/14.png
new file mode 100644
index 0000000..d2a75a6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/14.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/15.png b/src/views/SmartScreen/可视化素材包/5-图标/15.png
new file mode 100644
index 0000000..3412c02
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/15.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/16.png b/src/views/SmartScreen/可视化素材包/5-图标/16.png
new file mode 100644
index 0000000..2c27592
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/16.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/17.png b/src/views/SmartScreen/可视化素材包/5-图标/17.png
new file mode 100644
index 0000000..d247737
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/17.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/18.png b/src/views/SmartScreen/可视化素材包/5-图标/18.png
new file mode 100644
index 0000000..5de9be0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/18.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/19.png b/src/views/SmartScreen/可视化素材包/5-图标/19.png
new file mode 100644
index 0000000..2065717
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/19.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/2.png b/src/views/SmartScreen/可视化素材包/5-图标/2.png
new file mode 100644
index 0000000..1c66d61
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/20.png b/src/views/SmartScreen/可视化素材包/5-图标/20.png
new file mode 100644
index 0000000..33375a9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/20.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/21.png b/src/views/SmartScreen/可视化素材包/5-图标/21.png
new file mode 100644
index 0000000..d62aa52
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/21.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/22.png b/src/views/SmartScreen/可视化素材包/5-图标/22.png
new file mode 100644
index 0000000..a0ae9e9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/22.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/23.png b/src/views/SmartScreen/可视化素材包/5-图标/23.png
new file mode 100644
index 0000000..43c2a4a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/23.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/24.png b/src/views/SmartScreen/可视化素材包/5-图标/24.png
new file mode 100644
index 0000000..9e5f2ab
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/24.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/25.png b/src/views/SmartScreen/可视化素材包/5-图标/25.png
new file mode 100644
index 0000000..c607469
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/25.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/26.png b/src/views/SmartScreen/可视化素材包/5-图标/26.png
new file mode 100644
index 0000000..26f4de8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/26.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/27.png b/src/views/SmartScreen/可视化素材包/5-图标/27.png
new file mode 100644
index 0000000..10b8227
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/27.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/28.png b/src/views/SmartScreen/可视化素材包/5-图标/28.png
new file mode 100644
index 0000000..9e5f2ab
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/28.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/29.png b/src/views/SmartScreen/可视化素材包/5-图标/29.png
new file mode 100644
index 0000000..da4f1f5
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/29.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/2指标卡.png b/src/views/SmartScreen/可视化素材包/5-图标/2指标卡.png
new file mode 100644
index 0000000..7051812
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/2指标卡.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/2指标卡@2x.png b/src/views/SmartScreen/可视化素材包/5-图标/2指标卡@2x.png
new file mode 100644
index 0000000..2ac2748
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/2指标卡@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/3.png b/src/views/SmartScreen/可视化素材包/5-图标/3.png
new file mode 100644
index 0000000..0e356f8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/30.png b/src/views/SmartScreen/可视化素材包/5-图标/30.png
new file mode 100644
index 0000000..4f886cc
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/30.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/31.png b/src/views/SmartScreen/可视化素材包/5-图标/31.png
new file mode 100644
index 0000000..79ae4d2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/31.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/32.png b/src/views/SmartScreen/可视化素材包/5-图标/32.png
new file mode 100644
index 0000000..ddf49ee
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/32.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/33.png b/src/views/SmartScreen/可视化素材包/5-图标/33.png
new file mode 100644
index 0000000..a1d37bf
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/33.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/34.png b/src/views/SmartScreen/可视化素材包/5-图标/34.png
new file mode 100644
index 0000000..7067304
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/34.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/35.png b/src/views/SmartScreen/可视化素材包/5-图标/35.png
new file mode 100644
index 0000000..3a3a22f
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/35.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/36.png b/src/views/SmartScreen/可视化素材包/5-图标/36.png
new file mode 100644
index 0000000..1538faa
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/36.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/37.png b/src/views/SmartScreen/可视化素材包/5-图标/37.png
new file mode 100644
index 0000000..3cb191a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/37.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/38.png b/src/views/SmartScreen/可视化素材包/5-图标/38.png
new file mode 100644
index 0000000..ab90cfc
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/38.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/39.png b/src/views/SmartScreen/可视化素材包/5-图标/39.png
new file mode 100644
index 0000000..b43456c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/39.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon1.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon1.png
new file mode 100644
index 0000000..3e4d038
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon2.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon2.png
new file mode 100644
index 0000000..226c251
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon3.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon3.png
new file mode 100644
index 0000000..cb8e412
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon4.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon4.png
new file mode 100644
index 0000000..9b42e2d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon5.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon5.png
new file mode 100644
index 0000000..7fa175d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon6.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon6.png
new file mode 100644
index 0000000..8edfd77
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4-icon7.png b/src/views/SmartScreen/可视化素材包/5-图标/4-icon7.png
new file mode 100644
index 0000000..7a74c08
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4-icon7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/4.png b/src/views/SmartScreen/可视化素材包/5-图标/4.png
new file mode 100644
index 0000000..972084a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/40.png b/src/views/SmartScreen/可视化素材包/5-图标/40.png
new file mode 100644
index 0000000..be0de55
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/40.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/41.png b/src/views/SmartScreen/可视化素材包/5-图标/41.png
new file mode 100644
index 0000000..2b1486c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/41.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/42.png b/src/views/SmartScreen/可视化素材包/5-图标/42.png
new file mode 100644
index 0000000..59c6ae3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/42.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/43.png b/src/views/SmartScreen/可视化素材包/5-图标/43.png
new file mode 100644
index 0000000..70f96aa
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/43.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/44.png b/src/views/SmartScreen/可视化素材包/5-图标/44.png
new file mode 100644
index 0000000..231dac0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/44.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/45.png b/src/views/SmartScreen/可视化素材包/5-图标/45.png
new file mode 100644
index 0000000..378dba4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/45.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/46.png b/src/views/SmartScreen/可视化素材包/5-图标/46.png
new file mode 100644
index 0000000..feae677
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/46.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/47.png b/src/views/SmartScreen/可视化素材包/5-图标/47.png
new file mode 100644
index 0000000..1a84887
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/47.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/48.png b/src/views/SmartScreen/可视化素材包/5-图标/48.png
new file mode 100644
index 0000000..8e7775c
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/48.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/49.png b/src/views/SmartScreen/可视化素材包/5-图标/49.png
new file mode 100644
index 0000000..eb74c3d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/49.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/5-圆角1.png b/src/views/SmartScreen/可视化素材包/5-图标/5-圆角1.png
new file mode 100644
index 0000000..609f449
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/5-圆角1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/5.png b/src/views/SmartScreen/可视化素材包/5-图标/5.png
new file mode 100644
index 0000000..dce4335
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/50.png b/src/views/SmartScreen/可视化素材包/5-图标/50.png
new file mode 100644
index 0000000..e60cee1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/50.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/51.png b/src/views/SmartScreen/可视化素材包/5-图标/51.png
new file mode 100644
index 0000000..599681a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/51.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/52.png b/src/views/SmartScreen/可视化素材包/5-图标/52.png
new file mode 100644
index 0000000..4e3ca3f
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/52.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/53.png b/src/views/SmartScreen/可视化素材包/5-图标/53.png
new file mode 100644
index 0000000..1a77ab7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/53.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/54.png b/src/views/SmartScreen/可视化素材包/5-图标/54.png
new file mode 100644
index 0000000..e45519d
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/54.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/55.png b/src/views/SmartScreen/可视化素材包/5-图标/55.png
new file mode 100644
index 0000000..e1bcda7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/55.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/56.png b/src/views/SmartScreen/可视化素材包/5-图标/56.png
new file mode 100644
index 0000000..1c00887
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/56.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/57.png b/src/views/SmartScreen/可视化素材包/5-图标/57.png
new file mode 100644
index 0000000..5a58440
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/57.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/58.png b/src/views/SmartScreen/可视化素材包/5-图标/58.png
new file mode 100644
index 0000000..3685fc0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/58.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/59.png b/src/views/SmartScreen/可视化素材包/5-图标/59.png
new file mode 100644
index 0000000..1cecc23
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/59.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/6-icon1.png b/src/views/SmartScreen/可视化素材包/5-图标/6-icon1.png
new file mode 100644
index 0000000..4b4d8e8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/6-icon1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/6-icon2.png b/src/views/SmartScreen/可视化素材包/5-图标/6-icon2.png
new file mode 100644
index 0000000..0b52d53
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/6-icon2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/6-圆角1.png b/src/views/SmartScreen/可视化素材包/5-图标/6-圆角1.png
new file mode 100644
index 0000000..4ba06ee
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/6-圆角1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/6.png b/src/views/SmartScreen/可视化素材包/5-图标/6.png
new file mode 100644
index 0000000..dda255b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/6指标卡1文字背景.png b/src/views/SmartScreen/可视化素材包/5-图标/6指标卡1文字背景.png
new file mode 100644
index 0000000..a9c16d6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/6指标卡1文字背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/7-icon1.png b/src/views/SmartScreen/可视化素材包/5-图标/7-icon1.png
new file mode 100644
index 0000000..8a857e3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/7-icon1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/7-icon2.png b/src/views/SmartScreen/可视化素材包/5-图标/7-icon2.png
new file mode 100644
index 0000000..f07baef
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/7-icon2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/7.png b/src/views/SmartScreen/可视化素材包/5-图标/7.png
new file mode 100644
index 0000000..05bf70e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/7图标1@2x.png b/src/views/SmartScreen/可视化素材包/5-图标/7图标1@2x.png
new file mode 100644
index 0000000..0208550
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/7图标1@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/7指标卡1背景.png b/src/views/SmartScreen/可视化素材包/5-图标/7指标卡1背景.png
new file mode 100644
index 0000000..07ce777
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/7指标卡1背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/7指标卡边框3.png b/src/views/SmartScreen/可视化素材包/5-图标/7指标卡边框3.png
new file mode 100644
index 0000000..c1b8954
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/7指标卡边框3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/8-圆角矩形1.png b/src/views/SmartScreen/可视化素材包/5-图标/8-圆角矩形1.png
new file mode 100644
index 0000000..e3f8228
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/8-圆角矩形1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/8-圆角矩形2.png b/src/views/SmartScreen/可视化素材包/5-图标/8-圆角矩形2.png
new file mode 100644
index 0000000..0cbe077
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/8-圆角矩形2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/8图标2.png b/src/views/SmartScreen/可视化素材包/5-图标/8图标2.png
new file mode 100644
index 0000000..1d3f221
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/8图标2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/8指标卡2背景.png b/src/views/SmartScreen/可视化素材包/5-图标/8指标卡2背景.png
new file mode 100644
index 0000000..e7bd169
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/8指标卡2背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/8文字装饰框.png b/src/views/SmartScreen/可视化素材包/5-图标/8文字装饰框.png
new file mode 100644
index 0000000..fb9de52
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/8文字装饰框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/9.png b/src/views/SmartScreen/可视化素材包/5-图标/9.png
new file mode 100644
index 0000000..6e7cb16
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/9单独组件标题.png b/src/views/SmartScreen/可视化素材包/5-图标/9单独组件标题.png
new file mode 100644
index 0000000..de04602
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/9单独组件标题.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/Oval.png b/src/views/SmartScreen/可视化素材包/5-图标/Oval.png
new file mode 100644
index 0000000..87fdcd6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/Oval.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/icon-天气.png b/src/views/SmartScreen/可视化素材包/5-图标/icon-天气.png
new file mode 100644
index 0000000..c92223b
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/icon-天气.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/icon-收入.png b/src/views/SmartScreen/可视化素材包/5-图标/icon-收入.png
new file mode 100644
index 0000000..6e76a34
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/icon-收入.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/icon-日期.png b/src/views/SmartScreen/可视化素材包/5-图标/icon-日期.png
new file mode 100644
index 0000000..0a56569
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/icon-日期.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/icon-时间.png b/src/views/SmartScreen/可视化素材包/5-图标/icon-时间.png
new file mode 100644
index 0000000..33a41d1
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/icon-时间.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/tab-未选中.png b/src/views/SmartScreen/可视化素材包/5-图标/tab-未选中.png
new file mode 100644
index 0000000..b12a860
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/tab-未选中.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/净利润图标.png b/src/views/SmartScreen/可视化素材包/5-图标/净利润图标.png
new file mode 100644
index 0000000..27197e0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/净利润图标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/净额图标.png b/src/views/SmartScreen/可视化素材包/5-图标/净额图标.png
new file mode 100644
index 0000000..e289c6a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/净额图标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/分类1.png b/src/views/SmartScreen/可视化素材包/5-图标/分类1.png
new file mode 100644
index 0000000..65023f2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/分类1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/分类2.png b/src/views/SmartScreen/可视化素材包/5-图标/分类2.png
new file mode 100644
index 0000000..0260336
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/分类2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/分类3.png b/src/views/SmartScreen/可视化素材包/5-图标/分类3.png
new file mode 100644
index 0000000..3797a16
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/分类3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/利润图标.png b/src/views/SmartScreen/可视化素材包/5-图标/利润图标.png
new file mode 100644
index 0000000..795fb91
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/利润图标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/图标.png b/src/views/SmartScreen/可视化素材包/5-图标/图标.png
new file mode 100644
index 0000000..c583d56
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/图标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/图标2.png b/src/views/SmartScreen/可视化素材包/5-图标/图标2.png
new file mode 100644
index 0000000..4d9f742
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/图标2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/图标3.png b/src/views/SmartScreen/可视化素材包/5-图标/图标3.png
new file mode 100644
index 0000000..99214ae
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/图标3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/地图指标卡.png b/src/views/SmartScreen/可视化素材包/5-图标/地图指标卡.png
new file mode 100644
index 0000000..b6c4da5
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/地图指标卡.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/地图框.png b/src/views/SmartScreen/可视化素材包/5-图标/地图框.png
new file mode 100644
index 0000000..3a99db3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/地图框.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/奖杯图标.png b/src/views/SmartScreen/可视化素材包/5-图标/奖杯图标.png
new file mode 100644
index 0000000..015cdc6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/奖杯图标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/奖牌1.png b/src/views/SmartScreen/可视化素材包/5-图标/奖牌1.png
new file mode 100644
index 0000000..3a40d95
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/奖牌1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/奖牌2.png b/src/views/SmartScreen/可视化素材包/5-图标/奖牌2.png
new file mode 100644
index 0000000..9d423b3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/奖牌2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/奖牌3.png b/src/views/SmartScreen/可视化素材包/5-图标/奖牌3.png
new file mode 100644
index 0000000..baf328e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/奖牌3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/小标题.png b/src/views/SmartScreen/可视化素材包/5-图标/小标题.png
new file mode 100644
index 0000000..3c94845
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/小标题.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/异常.png b/src/views/SmartScreen/可视化素材包/5-图标/异常.png
new file mode 100644
index 0000000..91dfbc9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/异常.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/指标卡1.png b/src/views/SmartScreen/可视化素材包/5-图标/指标卡1.png
new file mode 100644
index 0000000..fc16159
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/指标卡1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/指标卡2.png b/src/views/SmartScreen/可视化素材包/5-图标/指标卡2.png
new file mode 100644
index 0000000..e926754
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/指标卡2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/指标卡3.png b/src/views/SmartScreen/可视化素材包/5-图标/指标卡3.png
new file mode 100644
index 0000000..5b645b5
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/指标卡3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/指标背景.png b/src/views/SmartScreen/可视化素材包/5-图标/指标背景.png
new file mode 100644
index 0000000..7e18036
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/指标背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/指标背景2.png b/src/views/SmartScreen/可视化素材包/5-图标/指标背景2.png
new file mode 100644
index 0000000..1e08cc9
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/指标背景2.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/日历.png b/src/views/SmartScreen/可视化素材包/5-图标/日历.png
new file mode 100644
index 0000000..fa84b29
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/日历.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/柱形图装饰@2x.png b/src/views/SmartScreen/可视化素材包/5-图标/柱形图装饰@2x.png
new file mode 100644
index 0000000..3684911
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/柱形图装饰@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/毛利图标.png b/src/views/SmartScreen/可视化素材包/5-图标/毛利图标.png
new file mode 100644
index 0000000..f48c702
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/毛利图标.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/环形图装饰@2x.png b/src/views/SmartScreen/可视化素材包/5-图标/环形图装饰@2x.png
new file mode 100644
index 0000000..6522ca4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/环形图装饰@2x.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/环形图装饰@2x1.png b/src/views/SmartScreen/可视化素材包/5-图标/环形图装饰@2x1.png
new file mode 100644
index 0000000..00f2be3
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/环形图装饰@2x1.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/矩形.png b/src/views/SmartScreen/可视化素材包/5-图标/矩形.png
new file mode 100644
index 0000000..5aad9fa
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/矩形.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/编组 10.png b/src/views/SmartScreen/可视化素材包/5-图标/编组 10.png
new file mode 100644
index 0000000..145bb47
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/编组 10.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/编组 5.png b/src/views/SmartScreen/可视化素材包/5-图标/编组 5.png
new file mode 100644
index 0000000..5047c08
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/编组 5.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/编组 6.png b/src/views/SmartScreen/可视化素材包/5-图标/编组 6.png
new file mode 100644
index 0000000..9a1f5ee
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/编组 6.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/编组 7.png b/src/views/SmartScreen/可视化素材包/5-图标/编组 7.png
new file mode 100644
index 0000000..91f5513
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/编组 7.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/编组 8.png b/src/views/SmartScreen/可视化素材包/5-图标/编组 8.png
new file mode 100644
index 0000000..649ba63
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/编组 8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/编组 9.png b/src/views/SmartScreen/可视化素材包/5-图标/编组 9.png
new file mode 100644
index 0000000..11b4bfa
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/编组 9.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 11.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 11.png
new file mode 100644
index 0000000..b4e43c0
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 11.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 12.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 12.png
new file mode 100644
index 0000000..d29fafc
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 12.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 13.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 13.png
new file mode 100644
index 0000000..3737e66
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 13.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 14.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 14.png
new file mode 100644
index 0000000..968c1d2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 14.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 16.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 16.png
new file mode 100644
index 0000000..fe447e4
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 16.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 17.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 17.png
new file mode 100644
index 0000000..34cd275
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 17.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 19.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 19.png
new file mode 100644
index 0000000..2818b6e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 19.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 3.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 3.png
new file mode 100644
index 0000000..f5db2b8
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 3.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 4.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 4.png
new file mode 100644
index 0000000..2fb5001
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 4.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 41@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 41@2x-8.png
new file mode 100644
index 0000000..fa47ce2
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 41@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 42@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 42@2x-8.png
new file mode 100644
index 0000000..fee8cea
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 42@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 47@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 47@2x-8.png
new file mode 100644
index 0000000..8f37803
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 47@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 48@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 48@2x-8.png
new file mode 100644
index 0000000..d336368
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 48@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 49@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 49@2x-8.png
new file mode 100644
index 0000000..a4f90f6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 49@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 52@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 52@2x-8.png
new file mode 100644
index 0000000..0603183
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 52@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/资源 53@2x-8.png b/src/views/SmartScreen/可视化素材包/5-图标/资源 53@2x-8.png
new file mode 100644
index 0000000..dd8b337
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/资源 53@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/5-图标/进度条背景.png b/src/views/SmartScreen/可视化素材包/5-图标/进度条背景.png
new file mode 100644
index 0000000..f2203b6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/5-图标/进度条背景.png differ
diff --git a/src/views/SmartScreen/可视化素材包/6-分割线/Group 8.png b/src/views/SmartScreen/可视化素材包/6-分割线/Group 8.png
new file mode 100644
index 0000000..f64a4d7
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/6-分割线/Group 8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/6-分割线/分割线-斜纹.png b/src/views/SmartScreen/可视化素材包/6-分割线/分割线-斜纹.png
new file mode 100644
index 0000000..738d98a
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/6-分割线/分割线-斜纹.png differ
diff --git a/src/views/SmartScreen/可视化素材包/6-分割线/分割线-横线.png b/src/views/SmartScreen/可视化素材包/6-分割线/分割线-横线.png
new file mode 100644
index 0000000..f82c06e
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/6-分割线/分割线-横线.png differ
diff --git a/src/views/SmartScreen/可视化素材包/6-分割线/分割线-竖纹.png b/src/views/SmartScreen/可视化素材包/6-分割线/分割线-竖纹.png
new file mode 100644
index 0000000..f50e0f6
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/6-分割线/分割线-竖纹.png differ
diff --git a/src/views/SmartScreen/可视化素材包/6-分割线/资源 46@2x-8.png b/src/views/SmartScreen/可视化素材包/6-分割线/资源 46@2x-8.png
new file mode 100644
index 0000000..4d88312
Binary files /dev/null and b/src/views/SmartScreen/可视化素材包/6-分割线/资源 46@2x-8.png differ
diff --git a/src/views/SmartScreen/可视化素材包/components/kbChartBox.vue b/src/views/SmartScreen/可视化素材包/components/kbChartBox.vue
new file mode 100644
index 0000000..bd940ef
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbChartBox.vue
@@ -0,0 +1,41 @@
+<template>
+    <div class="box" :style="`width:${props.width};height:${props.height}`">
+        <div class="box-item"><slot></slot></div>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+
+// 声明 props
+const props = defineProps({
+    width: {
+        type: String,
+        default: '100%'
+    },
+    height: {
+        type: String,
+        default: '100%'
+    }
+})
+</script>
+
+<style scoped>
+.box {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-image: url('../3-组件背景图/41.png');
+    background-size: 100% 100%;
+}
+.box-item {
+    margin: 10px;
+    width: 100%;
+    height: 100%;
+    min-width: 200px;
+    min-height: 200px;
+    font-family: '思源黑体';
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbCountBox.vue b/src/views/SmartScreen/可视化素材包/components/kbCountBox.vue
new file mode 100644
index 0000000..df80463
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbCountBox.vue
@@ -0,0 +1,39 @@
+<template>
+    <div class="box" :style="`width:${props.width};height:${props.height}`">
+        <div class="box-item"><slot></slot></div>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+
+// 声明 props
+const props = defineProps({
+    width: {
+        type: String,
+        default: '100%'
+    },
+    height: {
+        type: String,
+        default: '100%'
+    }
+})
+</script>
+
+<style scoped>
+.box {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-image: url('../3-组件背景图/41.png');
+    background-size: 100% 100%;
+}
+.box-item {
+    margin: 20px;
+    width: 100%;
+    height: 100%;
+    font-family: '思源黑体';
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbGap.vue b/src/views/SmartScreen/可视化素材包/components/kbGap.vue
new file mode 100644
index 0000000..b40b8e8
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbGap.vue
@@ -0,0 +1,12 @@
+<template>
+    <div class="box"></div>
+</template>
+
+<script setup></script>
+
+<style scoped>
+.box {
+    width: 100%;
+    height: 5px;
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbHeader.vue b/src/views/SmartScreen/可视化素材包/components/kbHeader.vue
new file mode 100644
index 0000000..c9d9bd6
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbHeader.vue
@@ -0,0 +1,29 @@
+<template>
+    <div class="header">
+        <span class="title"><slot></slot></span>
+    </div>
+</template>
+
+<script></script>
+
+<style scoped>
+.header {
+    width: 100%;
+    height: 100px;
+    background-image: url('../2-大标题背景图/7.png');
+    background-size: 100% 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.title {
+    font-size: 48px;
+    font-weight: 600;
+    font-family: '思源黑体';
+    background-clip: text; /* 标准属性 */
+    -webkit-background-clip: text; /* 仅将背景应用于文本 */
+    -webkit-text-fill-color: transparent; /* 设置文本颜色为透明 */
+    color: transparent; /* 兼容非WebKit浏览器 */
+    background-image: linear-gradient(92deg, #0072ff 0%, #00eaff 20%, #01aaff 100%);
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbLogo.vue b/src/views/SmartScreen/可视化素材包/components/kbLogo.vue
new file mode 100644
index 0000000..ec2d6cf
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbLogo.vue
@@ -0,0 +1,39 @@
+<template>
+    <div class="box">
+        <div class="row-box">
+            <img class="logo" :src="imgUrl" />
+            <span class="text">北泽阀门(昆山)有限公司</span>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import imgUrl from '@/assets/logo/logo.png'
+</script>
+
+<style scoped>
+.box {
+    position: absolute;
+    left: 1%;
+    top: 15px;
+}
+
+.row-box {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.logo {
+    width: 40px;
+    height: 40px;
+}
+
+.text {
+    margin-left: 10px;
+    text-align: center;
+    /* line-height: 25px; */
+    font-size: 36px;
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbNumBox.vue b/src/views/SmartScreen/可视化素材包/components/kbNumBox.vue
new file mode 100644
index 0000000..57539bb
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbNumBox.vue
@@ -0,0 +1,40 @@
+<template>
+    <div class="box" :style="`width:${props.width};height:${props.height}`">
+        <div class="box-item"><slot></slot></div>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+
+// 声明 props
+const props = defineProps({
+    width: {
+        type: String,
+        default: '100%'
+    },
+    height: {
+        type: String,
+        default: '100%'
+    }
+})
+</script>
+
+<style scoped>
+.box {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-image: url('../5-图标/6指标卡1文字背景.png');
+    background-size: 100% 100%;
+}
+.box-item {
+    margin: 10px;
+    width: 100%;
+    height: 100%;
+    min-height: 60px;
+    font-family: '思源黑体';
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbTime.vue b/src/views/SmartScreen/可视化素材包/components/kbTime.vue
new file mode 100644
index 0000000..c4086fc
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbTime.vue
@@ -0,0 +1,34 @@
+<template>
+    <div class="box">
+        <span class="span">{{ datetime }}</span>
+    </div>
+</template>
+
+<script setup>
+import { getCurrentInstance, onMounted, onUnmounted, ref } from 'vue'
+const { proxy } = getCurrentInstance()
+const timer = ref(null)
+const datetime = ref(null)
+onMounted(() => {
+    timer.value = setInterval(() => {
+        datetime.value = proxy.dayjs().format('YYYY-MM-DD HH:mm:ss')
+    }, 1000)
+})
+onUnmounted(() => {
+    clearInterval(timer.value)
+})
+</script>
+
+<style scoped>
+.box {
+    position: absolute;
+    right: 2%;
+    top: 15px;
+    color: #eeeeee;
+}
+.span {
+    font-size: 36px;
+    font-weight: 600;
+    color: white;
+}
+</style>
diff --git a/src/views/SmartScreen/可视化素材包/components/kbTitle.vue b/src/views/SmartScreen/可视化素材包/components/kbTitle.vue
new file mode 100644
index 0000000..d13c571
--- /dev/null
+++ b/src/views/SmartScreen/可视化素材包/components/kbTitle.vue
@@ -0,0 +1,38 @@
+<template>
+    <div class="title-box" :style="`width:${props.width};height:${props.height}`">
+        <slot></slot>
+    </div>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue'
+
+// 声明 props
+const props = defineProps({
+    width: {
+        type: String,
+        default: '100%'
+    },
+    height: {
+        type: String,
+        default: '40px'
+    }
+})
+</script>
+
+<style scoped>
+.title-box {
+    margin-bottom: 20px;
+    padding-left: 10px;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    background-image: url('../4-组件标题背景图/左上背景.png');
+    background-size: 100% 100%;
+    font-size: 24px;
+    font-weight: 600;
+    font-family: '思源黑体';
+}
+</style>