diff --git a/data-room-ui/packages/BasicComponents/IndexCard/index.vue b/data-room-ui/packages/BasicComponents/IndexCard/index.vue
index 9cb44c69..549c9af6 100644
--- a/data-room-ui/packages/BasicComponents/IndexCard/index.vue
+++ b/data-room-ui/packages/BasicComponents/IndexCard/index.vue
@@ -22,7 +22,7 @@
             width: customize.imgSize + 'px',
             height: customize.imgSize + 'px',
           }"
-          :src="customize.src"
+          :src="customize.src?customize.src:imgUrl"
           fit="contain"
         />
       </div>
@@ -79,6 +79,7 @@ export default {
   },
   data () {
     return {
+      imgUrl:require('data-room-ui/assets/images/cardImg/cardicon.png'),
       customClass: {}
     }
   },
diff --git a/data-room-ui/packages/BasicComponents/IndexCard/settingConfig.js b/data-room-ui/packages/BasicComponents/IndexCard/settingConfig.js
index 5792ff7d..8fbba853 100644
--- a/data-room-ui/packages/BasicComponents/IndexCard/settingConfig.js
+++ b/data-room-ui/packages/BasicComponents/IndexCard/settingConfig.js
@@ -39,7 +39,7 @@ const customConfig = {
     loading: false
   },
   customize: {
-    src: 'http://60.174.249.206:11080/upload/webDesign/uiSucai/dir/icon/icon_top6.png',
+    src: '',
     borderRadius: 0,
     borderWidth: 0,
     lineDistance: 6,
diff --git a/data-room-ui/packages/BasicComponents/IndexCard2/index.vue b/data-room-ui/packages/BasicComponents/IndexCard2/index.vue
index ab6d5f88..49a32a65 100644
--- a/data-room-ui/packages/BasicComponents/IndexCard2/index.vue
+++ b/data-room-ui/packages/BasicComponents/IndexCard2/index.vue
@@ -22,7 +22,7 @@
             width: customize.imgSize + 'px',
             height: customize.imgSize + 'px',
           }"
-          :src="customize.src"
+          :src="customize.src?customize.src:imgUrl"
           fit="contain"
         />
       </div>
@@ -77,6 +77,7 @@ export default {
   },
   data () {
     return {
+      imgUrl:require('data-room-ui/assets/images/cardImg/cardicon.png'),
       customClass: {}
     }
   },
diff --git a/data-room-ui/packages/BasicComponents/IndexCard2/settingConfig.js b/data-room-ui/packages/BasicComponents/IndexCard2/settingConfig.js
index de1aa4dd..4cb4a4c5 100644
--- a/data-room-ui/packages/BasicComponents/IndexCard2/settingConfig.js
+++ b/data-room-ui/packages/BasicComponents/IndexCard2/settingConfig.js
@@ -39,7 +39,7 @@ const customConfig = {
     loading: false
   },
   customize: {
-    src: 'http://60.174.249.206:11080/upload/webDesign/uiSucai/dir/icon/icon_top6.png',
+    src: '',
     borderRadius: 0,
     borderWidth: 0,
     lineDistance: 6,
diff --git a/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue b/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue
index 4334653e..ec50371e 100644
--- a/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue
@@ -43,7 +43,6 @@
                 @keyup.enter.native="reSearch"
               />
               <el-button
-                size="small"
                 type="primary"
                 @click="reSearch"
               >
@@ -167,7 +166,6 @@
                 @keyup.enter.native="reSearch"
               />
               <el-button
-                size="small"
                 type="primary"
                 @click="reSearch"
               >
diff --git a/data-room-ui/packages/BigScreenDesign/SettingPanel.vue b/data-room-ui/packages/BigScreenDesign/SettingPanel.vue
index f10d5c65..6478d495 100644
--- a/data-room-ui/packages/BigScreenDesign/SettingPanel.vue
+++ b/data-room-ui/packages/BigScreenDesign/SettingPanel.vue
@@ -74,7 +74,15 @@ export default {
       return this.rightVisiable && this.activeCode
     },
     title () {
-      return this.activeItem?.title || ''
+      if(this.activeItem.type=='customComponent'){
+        return this.activeItem?.category
+      }else if(this.activeItem.type=='"remoteComponent"'){
+        return this.activeItem?.title
+      }
+      else{
+        return this.activeItem?.name
+      }
+      // if(this.activeItem)
     }
   },
   mounted () { },
diff --git a/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue b/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue
index aa823436..d6849ef7 100644
--- a/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue
@@ -37,7 +37,6 @@
             />
           </el-select>
           <el-button
-            size="small"
             type="primary"
             @click="reSearch"
           >
diff --git a/data-room-ui/packages/BorderComponents/GcBorder1/setting.js b/data-room-ui/packages/BorderComponents/GcBorder1/setting.js
index 3d2e7131..5be989c8 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder1/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder1/setting.js
@@ -57,7 +57,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder10/setting.js b/data-room-ui/packages/BorderComponents/GcBorder10/setting.js
index 19f47a71..f3a945b9 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder10/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder10/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder11/setting.js b/data-room-ui/packages/BorderComponents/GcBorder11/setting.js
index 935c1131..9bda8eb7 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder11/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder11/setting.js
@@ -67,7 +67,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder12/setting.js b/data-room-ui/packages/BorderComponents/GcBorder12/setting.js
index 29348df3..fae9d75c 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder12/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder12/setting.js
@@ -57,7 +57,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder13/setting.js b/data-room-ui/packages/BorderComponents/GcBorder13/setting.js
index c33889d1..c9affd8a 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder13/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder13/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder2/setting.js b/data-room-ui/packages/BorderComponents/GcBorder2/setting.js
index 88211451..a6dbaf91 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder2/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder2/setting.js
@@ -55,7 +55,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder3/setting.js b/data-room-ui/packages/BorderComponents/GcBorder3/setting.js
index 33238a97..e176d1b5 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder3/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder3/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder4/setting.js b/data-room-ui/packages/BorderComponents/GcBorder4/setting.js
index a6b1eff5..200bb268 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder4/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder4/setting.js
@@ -55,7 +55,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder5/setting.js b/data-room-ui/packages/BorderComponents/GcBorder5/setting.js
index 1fe3a75b..3dd76b42 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder5/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder5/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder6/setting.js b/data-room-ui/packages/BorderComponents/GcBorder6/setting.js
index c607fa17..516b1c3c 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder6/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder6/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder7/setting.js b/data-room-ui/packages/BorderComponents/GcBorder7/setting.js
index e7b934bc..c20d8fd3 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder7/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder7/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder8/setting.js b/data-room-ui/packages/BorderComponents/GcBorder8/setting.js
index 1e8e6e78..143c3ec7 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder8/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder8/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/BorderComponents/GcBorder9/setting.js b/data-room-ui/packages/BorderComponents/GcBorder9/setting.js
index 6e47646a..d4966f26 100644
--- a/data-room-ui/packages/BorderComponents/GcBorder9/setting.js
+++ b/data-room-ui/packages/BorderComponents/GcBorder9/setting.js
@@ -56,7 +56,7 @@ const setting = [
     optionField: 'gradientDirection',
     // 是否多选
     multiple: false,
-    value: '',
+    value: 'to right',
     options: [
       {
         label: '从左到右',
diff --git a/data-room-ui/packages/Borders/Border14/settingConfig.js b/data-room-ui/packages/Borders/Border14/settingConfig.js
index 9e146819..fa189b5b 100644
--- a/data-room-ui/packages/Borders/Border14/settingConfig.js
+++ b/data-room-ui/packages/Borders/Border14/settingConfig.js
@@ -15,26 +15,26 @@ const customConfig = {
     // 边框线颜色
     borderColor: '#87888e',
     // 边框线宽度
-    borderWidth: 2,
+    borderWidth: 10,
     // 边框背景颜色
     backgroundColor: '#232832',
     colorType: 'single',
     // 渐变色0值
-    gradientColor0: '#83bff6',
+    gradientColor0: '',
     // 渐变色1值
-    gradientColor1: '#188df0',
+    gradientColor1: '',
     // 渐变色色值改变方向
     gradientDirection: 'to right',
     // 透明度
     opacity: 100,
     // 左上圆角
-    radiusLeftTop: 2,
+    radiusLeftTop: 14,
     // 右上圆角
-    radiusRightTop: 2,
+    radiusRightTop: 14,
     // 左下圆角
-    radiusLeftBottom: 2,
+    radiusLeftBottom: 14,
     // 右下圆角
-    radiusRightBottom: 2
+    radiusRightBottom: 14
   }
 }
 export const dataConfig = {
diff --git a/data-room-ui/packages/Borders/Border15/settingConfig.js b/data-room-ui/packages/Borders/Border15/settingConfig.js
index 77afd79a..8505e781 100644
--- a/data-room-ui/packages/Borders/Border15/settingConfig.js
+++ b/data-room-ui/packages/Borders/Border15/settingConfig.js
@@ -15,14 +15,14 @@ const customConfig = {
     // 边框线颜色
     borderColor: '#87888e',
     // 边框线宽度
-    borderWidth: 2,
+    borderWidth: 10,
     // 边框背景颜色
     backgroundColor: '#232832',
     colorType: 'single',
     // 渐变色0值
-    gradientColor0: '#83bff6',
+    gradientColor0: '',
     // 渐变色1值
-    gradientColor1: '#188df0',
+    gradientColor1: '',
     // 渐变色色值改变方向
     gradientDirection: 'to right',
     // 透明度
@@ -34,7 +34,7 @@ const customConfig = {
     // 字体粗细
     fontWeight: 500,
     // 中心文本
-    text: '文本'
+    text: ''
   }
 }
 export const dataConfig = {
diff --git a/data-room-ui/packages/Decorations/Decoration1/settingConfig.js b/data-room-ui/packages/Decorations/Decoration1/settingConfig.js
index 45d05156..3d9453bd 100644
--- a/data-room-ui/packages/Decorations/Decoration1/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration1/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: '',
-    decorationColor2: '',
+    decorationColor1: '#fff',
+    decorationColor2: '#0de7c2',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration10/settingConfig.js b/data-room-ui/packages/Decorations/Decoration10/settingConfig.js
index a7306356..1da1d068 100644
--- a/data-room-ui/packages/Decorations/Decoration10/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration10/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#00c2ff',
+    decorationColor2:'rgba(0, 194, 255, 0.3)' ,
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration11/settingConfig.js b/data-room-ui/packages/Decorations/Decoration11/settingConfig.js
index 452501ec..bea25a8a 100644
--- a/data-room-ui/packages/Decorations/Decoration11/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration11/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#1a98fc',
+    decorationColor2: '#2cf7fe',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration2/settingConfig.js b/data-room-ui/packages/Decorations/Decoration2/settingConfig.js
index d1b46d19..5795de2f 100644
--- a/data-room-ui/packages/Decorations/Decoration2/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration2/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#3faacb',
+    decorationColor2: '#fff',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration2Reverse/settingConfig.js b/data-room-ui/packages/Decorations/Decoration2Reverse/settingConfig.js
index 5e255b55..389c585d 100644
--- a/data-room-ui/packages/Decorations/Decoration2Reverse/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration2Reverse/settingConfig.js
@@ -20,7 +20,7 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
+    decorationColor1: '#3faacb',
     decorationColor2: null,
     reverse: false,
     dur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration3/settingConfig.js b/data-room-ui/packages/Decorations/Decoration3/settingConfig.js
index 14c8ed0e..f53ad9cf 100644
--- a/data-room-ui/packages/Decorations/Decoration3/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration3/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#7acaec',
+    decorationColor2: '#000',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration4/settingConfig.js b/data-room-ui/packages/Decorations/Decoration4/settingConfig.js
index d118978d..679e3a8c 100644
--- a/data-room-ui/packages/Decorations/Decoration4/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration4/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: 'rgba(255, 255, 255, 0.3)',
+    decorationColor2: 'rgba(255, 255, 255, 0.3)',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration4Reverse/settingConfig.js b/data-room-ui/packages/Decorations/Decoration4Reverse/settingConfig.js
index 00a4b971..6fa766aa 100644
--- a/data-room-ui/packages/Decorations/Decoration4Reverse/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration4Reverse/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: 'rgba(255, 255, 255, 0.3)',
+    decorationColor2: 'rgba(255, 255, 255, 0.3)',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration5/settingConfig.js b/data-room-ui/packages/Decorations/Decoration5/settingConfig.js
index 5abdcaa1..2fff69bc 100644
--- a/data-room-ui/packages/Decorations/Decoration5/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration5/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#3f96a5',
+    decorationColor2: '#3f96a5',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration6/settingConfig.js b/data-room-ui/packages/Decorations/Decoration6/settingConfig.js
index c839af96..cc3eda76 100644
--- a/data-room-ui/packages/Decorations/Decoration6/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration6/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1:'#7acaec',
+    decorationColor2: '#7acaec',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration8/settingConfig.js b/data-room-ui/packages/Decorations/Decoration8/settingConfig.js
index 92d824a8..e238e68c 100644
--- a/data-room-ui/packages/Decorations/Decoration8/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration8/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#3f96a5',
+    decorationColor2: '#3f96a5',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration8Reverse/settingConfig.js b/data-room-ui/packages/Decorations/Decoration8Reverse/settingConfig.js
index 745f5c9f..58fee4cc 100644
--- a/data-room-ui/packages/Decorations/Decoration8Reverse/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration8Reverse/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: '#3f96a5',
+    decorationColor2: '#3f96a5',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/Decorations/Decoration9/settingConfig.js b/data-room-ui/packages/Decorations/Decoration9/settingConfig.js
index 32e147ca..28ebf3e5 100644
--- a/data-room-ui/packages/Decorations/Decoration9/settingConfig.js
+++ b/data-room-ui/packages/Decorations/Decoration9/settingConfig.js
@@ -20,8 +20,8 @@ const customConfig = {
     contribution: false
   },
   customize: {
-    decorationColor1: null,
-    decorationColor2: null,
+    decorationColor1: 'rgba(3, 166, 224, 0.8)',
+    decorationColor2: 'rgba(3, 166, 224, 0.5)',
     reverse: false,
     dur: 3,
     scanDur: 3,
diff --git a/data-room-ui/packages/assets/images/cardImg/cardicon.png b/data-room-ui/packages/assets/images/cardImg/cardicon.png
new file mode 100644
index 00000000..be4d14ad
Binary files /dev/null and b/data-room-ui/packages/assets/images/cardImg/cardicon.png differ
diff --git a/data-room-ui/packages/assets/images/cardImg/indcard2.png b/data-room-ui/packages/assets/images/cardImg/indcard2.png
index 2a68e917..10ea0277 100644
Binary files a/data-room-ui/packages/assets/images/cardImg/indcard2.png and b/data-room-ui/packages/assets/images/cardImg/indcard2.png differ
diff --git a/data-room-ui/packages/assets/images/cardImg/indicard.png b/data-room-ui/packages/assets/images/cardImg/indicard.png
index 5849b3da..daa99341 100644
Binary files a/data-room-ui/packages/assets/images/cardImg/indicard.png and b/data-room-ui/packages/assets/images/cardImg/indicard.png differ
diff --git a/data-room-ui/packages/assets/style/settingWrap.scss b/data-room-ui/packages/assets/style/settingWrap.scss
index b4ef3dce..67977d17 100644
--- a/data-room-ui/packages/assets/style/settingWrap.scss
+++ b/data-room-ui/packages/assets/style/settingWrap.scss
@@ -102,7 +102,7 @@
   }
 }
 .data-form-item {
-  padding: 12px;
+  padding: 4px 12px;
 }
 
 ::v-deep .select-item {
diff --git a/data-room-ui/packages/js/utils/getComponentConfig.js b/data-room-ui/packages/js/utils/getComponentConfig.js
index 319878dc..36f3e4f5 100644
--- a/data-room-ui/packages/js/utils/getComponentConfig.js
+++ b/data-room-ui/packages/js/utils/getComponentConfig.js
@@ -287,8 +287,8 @@ export default function getComponentConfig (type) {
       }
       case 'indicatorCard':
         return {
-          name: '指标卡',
-          title: '指标卡',
+          name: '指标卡一',
+          title: '指标卡一',
           icon: null,
           img: require('data-room-ui/assets/images/cardImg/card.png'),
           className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndicatorCardChart',
@@ -298,37 +298,36 @@ export default function getComponentConfig (type) {
           y: 0,
           type
       }
-
-      case 'indexCard':
+      case 'indicatorCard2':
         return {
-          name: '指标卡一',
-          title: '指标卡一',
+          name: '指标卡二',
+          title: '指标卡二',
           icon: null,
-          img: require('data-room-ui/assets/images/cardImg/indicard.png'),
-          className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndexCardChart',
+          img: require('data-room-ui/assets/images/cardImg/card2.png'),
+          className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndicatorCardChart',
           w: 400,
-          h: 200,
+          h: 170,
           x: 0,
           y: 0,
           type
       }
-      case 'indicatorCard2':
+      case 'indexCard':
         return {
-          name: '指标卡二',
-          title: '指标卡二',
+          name: '指标卡三',
+          title: '指标卡三',
           icon: null,
-          img: require('data-room-ui/assets/images/cardImg/card2.png'),
-          className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndicatorCardChart',
+          img: require('data-room-ui/assets/images/cardImg/indicard.png'),
+          className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndexCardChart',
           w: 400,
-          h: 170,
+          h: 200,
           x: 0,
           y: 0,
           type
-        }
+      }
         case 'indexCard2':
           return {
-            name: '指标卡三',
-            title: '指标卡三',
+            name: '指标卡四',
+            title: '指标卡四',
             icon: null,
             img: require('data-room-ui/assets/images/cardImg/indcard2.png'),
             className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndexCardChart',