feat:新增卡片组件

data-room-ui/packages/BasicComponents/IndexCard/index.vue

@@ -80,7 +80,7 @@ export default {
       return this.config?.option
     },
     optionData () {
-      return this.option?.data || 0
+      return this.option?.data || 80
     },
     customize () {
       return this.config?.customize
@@ -98,7 +98,7 @@ export default {
           dataList = data.data[config.dataSource.dimensionField]
         }
       }else{
-        dataList=0
+        dataList=80
       }
       config.option = {
         ...config.option,

data-room-ui/packages/BasicComponents/IndexCard/setting.vue

@@ -16,7 +16,7 @@
         <SettingTitle>标题</SettingTitle>
         <el-form-item
           class="lc-field-body"
-          label="轮播表名称"
+          label="指标卡名称"
         >
           <el-input
             v-model="config.title"

data-room-ui/packages/BasicComponents/IndexCard2/index.vue

@@ -0,0 +1,145 @@
+<template>
+  <div
+    :class="`bs-indexCard`"
+    style="width: 100%;height: 100%;position: relative;"
+  >
+    <div
+      :style="{
+        'background-color':customize.bgColor,
+        'border-radius':customize.borderRadius + 'px',
+        border:`${customize.borderWidth}px solid ${customize.borderColor}`,
+      }"
+      class="content"
+    >
+      <div
+        :style="{
+          'margin-right':customize.distance + 'px'
+        }"
+        class="content-left"
+      >
+        <el-image
+          :style="{
+            width: customize.imgSize + 'px',
+            height: customize.imgSize + 'px',
+          }"
+          :src="customize.src"
+          fit="contain"
+        />
+      </div>
+      <div class="content-right">
+        <span
+          class="content-right-first"
+          :style="{
+            'font-size': customize.firstSize + 'px',
+            'height':customize.firstSize + 'px',
+            color:customize.firstColor,
+            'font-weight':customize.firstWeight,
+            'margin-bottom':customize.lineDistance +'px'
+          }"
+        >{{ customize.secondLine }}</span>
+        <span
+          :style="{
+            'font-size': customize.secondSize + 'px',
+            'height':customize.secondSize + 'px',
+            color:customize.secondColor,
+            'font-weight':customize.secondWeight,
+          }"
+          class="content-right-second"
+        >
+        {{ optionData}}
+        </span>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import commonMixins from 'data-room-ui/js/mixins/commonMixins'
+import paramsMixins from 'data-room-ui/js/mixins/paramsMixins'
+import linkageMixins from 'data-room-ui/js/mixins/linkageMixins'
+export default {
+  name: 'Card',
+  components: {},
+  mixins: [paramsMixins, commonMixins, linkageMixins],
+  props: {
+    // 卡片的属性
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    return {
+      customClass: {}
+    }
+  },
+  watch: {},
+  mounted () {
+  },
+  computed: {
+    option () {
+      return this.config?.option
+    },
+    optionData () {
+      return this.option?.data || 80
+    },
+    customize () {
+      return this.config?.customize
+    },
+  },
+  methods: {
+    dataFormatting (config, data) {
+      let dataList = ''
+      if(data.success){
+        if (data.data instanceof Array) {
+          dataList = config.dataSource.dimensionField
+            ? data.data[0][config.dataSource.dimensionField]
+            : data.data[0].value
+        } else {
+          dataList = data.data[config.dataSource.dimensionField]
+        }
+      }else{
+        dataList=80
+      }
+      config.option = {
+        ...config.option,
+        data: dataList
+      }
+      return config
+    }
+   }
+}
+</script>
+
+<style lang="scss" scoped>
+.content{
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  width: 100%;
+  // background-color: aliceblue;
+  justify-content: center;
+  .content-left{
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    align-items: center;
+  }
+  .content-right{
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: center;
+  }
+  .content-right-first{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-bottom: 5px;
+  }
+  .content-right-second{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+}
+</style>

data-room-ui/packages/BasicComponents/IndexCard2/setting.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="bs-setting-wrap">
+    <el-form
+      ref="form"
+      :model="config"
+      class="setting-body bs-el-form"
+      label-position="left"
+      label-width="90px"
+    >
+      <el-form
+        :model="config.customize"
+        class="setting-body bs-el-form"
+        label-position="left"
+        label-width="90px"
+      >
+        <SettingTitle>标题</SettingTitle>
+        <el-form-item
+          class="lc-field-body"
+          label="指标卡名称"
+        >
+          <el-input
+            v-model="config.title"
+            clearable
+          />
+        </el-form-item>
+        <SettingTitle>位置</SettingTitle>
+        <div class="lc-field-body">
+          <PosWhSetting :config="config" />
+        </div>
+         <!-- <SettingTitle v-if="config.border">边框</SettingTitle>
+          <div class="lc-field-body">
+            <BorderSetting
+              v-if="config.border"
+              label-width="100px"
+              :config="config.border"
+              :bigTitle='config.title'
+            />
+          </div> -->
+        <SettingTitle>基础</SettingTitle>
+        <div class="lc-field-body">
+          <el-form-item label-width="100px" label="背景色">
+            <ColorPicker
+              v-model="config.customize.bgColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="边框颜色">
+            <ColorPicker
+              v-model="config.customize.borderColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="边框粗细">
+            <el-input-number
+              v-model="config.customize.borderWidth"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入粗细"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="边框圆角">
+            <el-input-number
+              v-model="config.customize.borderRadius"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入圆角值"
+            />
+          </el-form-item>
+          <el-form-item
+            label="图标链接"
+            label-width="100px"
+          >
+            <el-input
+              v-model="config.customize.src"
+              clearable
+              placeholder="请输入链接"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label-width="100px" label="左右间距">
+            <el-input-number
+              v-model="config.customize.distance"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入左右间距"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="上下间距">
+            <el-input-number
+              v-model="config.customize.lineDistance"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入上下间距"
+            />
+          </el-form-item>
+           <el-form-item label-width="100px" label="图标大小">
+            <el-input-number
+              v-model="config.customize.imgSize"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入图标大小"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="首行文字大小">
+            <el-input-number
+              v-model="config.customize.firstSize"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入首行文字大小"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="首行字体颜色">
+            <ColorPicker
+              v-model="config.customize.firstColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="首行字体粗细">
+            <el-input-number
+              v-model="config.customize.firstWeight"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入首行字体粗细"
+            />
+          </el-form-item>
+          <el-form-item
+            label="第二行文字内容"
+            label-width="100px"
+          >
+            <el-input
+              v-model="config.customize.secondLine"
+              clearable
+              placeholder="请输入第二行文字内容"
+            />
+          </el-form-item>
+           <el-form-item label-width="100px" label="第二行文字大小">
+            <el-input-number
+              v-model="config.customize.secondSize"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入首行字体粗细"
+            />
+          </el-form-item>
+           <el-form-item label-width="100px" label="第二行字体颜色">
+            <ColorPicker
+              v-model="config.customize.secondColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="第二行字体粗细">
+            <el-input-number
+              v-model="config.customize.secondWeight"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入第二行字体粗细"
+            />
+          </el-form-item>
+        </div>
+      </el-form>
+    </el-form>
+  </div>
+</template>
+<script>
+import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
+import BorderSetting from 'data-room-ui/BigScreenDesign/RightSetting/BorderSetting.vue'
+import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
+export default {
+  name: 'BarSetting',
+  components: {
+    ColorPicker,
+    PosWhSetting,
+    SettingTitle,
+    BorderSetting
+  },
+  data () {
+    return {
+      // 预设主题色
+      predefineThemeColors: [
+        '#007aff',
+        '#1aa97b',
+        '#ff4d53',
+        '#1890FF',
+        '#DF0E1B',
+        '#0086CC',
+        '#2B74CF',
+        '#00BC9D',
+        '#ED7D32'
+      ]
+    }
+  },
+  computed: {
+    config: {
+      get () {
+        return this.$store.state.bigScreen.activeItemConfig
+      },
+      set (val) {
+        this.$store.state.bigScreen.activeItemConfig = val
+      }
+    }
+  },
+  watch: {},
+  mounted () {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.lc-field-body {
+  padding: 12px 16px;
+}
+</style>

data-room-ui/packages/BasicComponents/IndexCard2/settingConfig.js

@@ -0,0 +1,61 @@
+import { commonConfig, displayOption } from 'data-room-ui/js/config'
+
+export const settingConfig = {
+  padding: [30, 30, 30, 60],
+  legend: false,
+  isGroup: true,
+  header: [],
+  columnWidth: [],
+  align: [],
+  data: 0,
+  // 设置面板属性的显隐
+  displayOption: {
+    ...displayOption,
+    params: {
+      enable: false
+    },
+    headerField: {
+      enable: false
+    },
+    metricField: {
+      // 指标
+      label: '指标',
+      enable: false,
+      multiple: false // 是否多选
+    },
+    dimensionField: {
+      // 表格列
+      label: '展示字段', // 维度/查询字段
+      enable: true,
+      multiple: false // 是否多选
+    }
+  }
+}
+const customConfig = {
+  type: 'indexCard2',
+  root: {
+    version: '2023071001',
+    contribution: false,
+    loading: false
+  },
+  customize: {
+    src: 'http://60.174.249.206:11080/upload/webDesign/uiSucai/dir/icon/icon_top6.png',
+    borderRadius: 0,
+    borderWidth: 0,
+    lineDistance: 25,
+    borderColor: '',
+    bgColor: '',
+    distance: 30,
+    imgSize: 110,
+    firstSize: 50,
+    firstColor: '#ffffff',
+    firstWeight: 500,
+    secondSize: 50,
+    secondColor: '#ffffff',
+    secondWeight: 500,
+    secondLine: '装机处理及时率'
+  }
+}
+export const dataConfig = {
+  ...commonConfig(customConfig)
+}

data-room-ui/packages/BasicComponents/IndicatorCard/index.vue

@@ -67,7 +67,7 @@ export default {
       return this.config?.option
     },
     optionData () {
-      return this.option?.data || 0
+      return this.option?.data || 80
     },
     customize () {
       return this.config?.customize
@@ -96,7 +96,7 @@ export default {
           dataList = data.data[config.dataSource.dimensionField]
         }
       }else{
-        dataList=0
+        dataList=80
       }
       config.option = {
         ...config.option,

data-room-ui/packages/BasicComponents/IndicatorCard/setting.vue

@@ -16,7 +16,7 @@
         <SettingTitle>标题</SettingTitle>
         <el-form-item
           class="lc-field-body"
-          label="轮播表名称"
+          label="指标卡名称"
         >
           <el-input
             v-model="config.title"

data-room-ui/packages/BasicComponents/IndicatorCard2/index.vue

@@ -0,0 +1,129 @@
+<template>
+  <div
+    :class="`bs-indexCard`"
+    style="width: 100%;height: 100%;position: relative;"
+  >
+    <div
+      :style="{
+        'background-color':customize.bgColor,
+        'border-radius':customize.borderRadius + 'px',
+        border:`${customize.borderWidth}px solid ${customize.borderColor}`,
+      }"
+      class="content"
+    >
+      <div
+        class="content-right-first"
+        :style="{
+          'font-size': customize.firstSize + 'px',
+          'height':customize.firstSize + 'px',
+          color:customize.firstColor,
+          'font-weight':customize.firstWeight,
+          'margin-bottom':customize.lineDistance +'px'
+        }"
+      >
+      {{ customize.secondLine }}
+      </div>
+      <div
+        :style="{
+          'font-size': customize.secondSize + 'px',
+          'height':customize.secondSize + 'px',
+          color:customize.secondColor,
+          'font-weight':customize.secondWeight,
+        }"
+        class="content-right-second"
+      >
+        {{ optionData }}
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import commonMixins from 'data-room-ui/js/mixins/commonMixins'
+import paramsMixins from 'data-room-ui/js/mixins/paramsMixins'
+import linkageMixins from 'data-room-ui/js/mixins/linkageMixins'
+
+export default {
+  name: 'Card',
+  components: {},
+  mixins: [paramsMixins, commonMixins, linkageMixins],
+  props: {
+    // 卡片的属性
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    return {
+      customClass: {}
+    }
+  },
+  watch: {},
+  mounted () {
+    // this.chartInit()
+  },
+  computed: {
+    option () {
+      return this.config?.option
+    },
+    optionData () {
+      return this.option?.data || 80
+    },
+    customize () {
+      return this.config?.customize
+    },
+    // tableData () {
+    //   let dataList = ''
+    //   if (this.optionData instanceof Array && this.optionData.length > 0) {
+    //     dataList = this.option?.yField
+    //       ? this.optionData[0][this.option.yField]
+    //       : this.optionData[0]?.value
+    //   } else {
+    //     dataList = this.optionData ? this.optionData[this.option.yField] : ''
+    //   }
+    //   return dataList
+    // }
+  },
+  methods: {
+    dataFormatting (config, data) {
+      let dataList = ''
+      if(data.success){
+        if (data.data instanceof Array) {
+          dataList = config.dataSource.dimensionField
+            ? data.data[0][config.dataSource.dimensionField]
+            : data.data[0].value
+        } else {
+          dataList = data.data[config.dataSource.dimensionField]
+        }
+      }else{
+        dataList=0
+      }
+      config.option = {
+        ...config.option,
+        data: dataList
+      }
+      return config
+    }
+   }
+}
+</script>
+
+<style lang="scss" scoped>
+.content{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  text-align: center;
+  justify-content: center;
+  .content-right-first{
+    width: 100%;
+    text-align: center;
+    padding-bottom: 5px;
+  }
+  .content-right-second{
+    width: 100%;
+    text-align: center;
+  }
+}
+</style>

data-room-ui/packages/BasicComponents/IndicatorCard2/setting.vue

@@ -0,0 +1,187 @@
+<template>
+  <div class="bs-setting-wrap">
+    <el-form
+      ref="form"
+      :model="config"
+      class="setting-body bs-el-form"
+      label-position="left"
+      label-width="90px"
+    >
+      <el-form
+        :model="config.customize"
+        class="setting-body bs-el-form"
+        label-position="left"
+        label-width="90px"
+      >
+        <SettingTitle>标题</SettingTitle>
+        <el-form-item
+          class="lc-field-body"
+          label="指标卡名称"
+        >
+          <el-input
+            v-model="config.title"
+            clearable
+          />
+        </el-form-item>
+        <SettingTitle>位置</SettingTitle>
+        <div class="lc-field-body">
+          <PosWhSetting :config="config" />
+        </div>
+         <!-- <SettingTitle v-if="config.border">边框</SettingTitle>
+          <div class="lc-field-body">
+            <BorderSetting
+              v-if="config.border"
+              label-width="100px"
+              :config="config.border"
+              :bigTitle='config.title'
+            />
+          </div> -->
+        <SettingTitle>基础</SettingTitle>
+        <div class="lc-field-body">
+          <el-form-item label-width="100px" label="背景色">
+            <ColorPicker
+              v-model="config.customize.bgColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="边框颜色">
+            <ColorPicker
+              v-model="config.customize.borderColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="边框粗细">
+            <el-input-number
+              v-model="config.customize.borderWidth"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入粗细"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="边框圆角">
+            <el-input-number
+              v-model="config.customize.borderRadius"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入圆角值"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="上下间距">
+            <el-input-number
+              v-model="config.customize.lineDistance"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入上下间距"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="首行文字大小">
+            <el-input-number
+              v-model="config.customize.firstSize"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入首行文字大小"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="首行字体颜色">
+            <ColorPicker
+              v-model="config.customize.firstColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="首行字体粗细">
+            <el-input-number
+              v-model="config.customize.firstWeight"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入首行字体粗细"
+            />
+          </el-form-item>
+          <el-form-item
+            label="第二行文字内容"
+            label-width="100px"
+          >
+            <el-input
+              v-model="config.customize.secondLine"
+              clearable
+              placeholder="请输入第二行文字内容"
+            />
+          </el-form-item>
+           <el-form-item label-width="100px" label="第二行文字大小">
+            <el-input-number
+              v-model="config.customize.secondSize"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入首行字体粗细"
+            />
+          </el-form-item>
+           <el-form-item label-width="100px" label="第二行字体颜色">
+            <ColorPicker
+              v-model="config.customize.secondColor"
+              :predefine="predefineThemeColors"
+            />
+          </el-form-item>
+          <el-form-item label-width="100px" label="第二行字体粗细">
+            <el-input-number
+              v-model="config.customize.secondWeight"
+              :precision="0"
+              class="bs-el-input-number"
+              label="请输入第二行字体粗细"
+            />
+          </el-form-item>
+        </div>
+      </el-form>
+    </el-form>
+  </div>
+</template>
+<script>
+import SettingTitle from 'data-room-ui/SettingTitle/index.vue'
+import ColorPicker from 'data-room-ui/ColorPicker/index.vue'
+import BorderSetting from 'data-room-ui/BigScreenDesign/RightSetting/BorderSetting.vue'
+import PosWhSetting from 'data-room-ui/BigScreenDesign/RightSetting/PosWhSetting.vue'
+export default {
+  name: 'BarSetting',
+  components: {
+    ColorPicker,
+    PosWhSetting,
+    SettingTitle,
+    BorderSetting
+  },
+  data () {
+    return {
+      // 预设主题色
+      predefineThemeColors: [
+        '#007aff',
+        '#1aa97b',
+        '#ff4d53',
+        '#1890FF',
+        '#DF0E1B',
+        '#0086CC',
+        '#2B74CF',
+        '#00BC9D',
+        '#ED7D32'
+      ]
+    }
+  },
+  computed: {
+    config: {
+      get () {
+        return this.$store.state.bigScreen.activeItemConfig
+      },
+      set (val) {
+        this.$store.state.bigScreen.activeItemConfig = val
+      }
+    }
+  },
+  watch: {},
+  mounted () {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.lc-field-body {
+  padding: 12px 16px;
+}
+</style>

data-room-ui/packages/BasicComponents/IndicatorCard2/settingConfig.js

@@ -0,0 +1,58 @@
+import { commonConfig, displayOption } from 'data-room-ui/js/config'
+
+export const settingConfig = {
+  padding: [30, 30, 30, 60],
+  legend: false,
+  isGroup: true,
+  header: [],
+  columnWidth: [],
+  align: [],
+  data: 0,
+  // 设置面板属性的显隐
+  displayOption: {
+    ...displayOption,
+    params: {
+      enable: false
+    },
+    headerField: {
+      enable: false
+    },
+    metricField: {
+      // 指标
+      label: '指标',
+      enable: false,
+      multiple: false // 是否多选
+    },
+    dimensionField: {
+      // 表格列
+      label: '展示字段', // 维度/查询字段
+      enable: true,
+      multiple: false // 是否多选
+    }
+  }
+}
+const customConfig = {
+  type: 'indicatorCard2',
+  root: {
+    version: '2023071001',
+    contribution: false,
+    loading: false
+  },
+  customize: {
+    borderRadius: 0,
+    borderWidth: 0,
+    lineDistance: 25,
+    borderColor: '',
+    bgColor: '',
+    firstSize: 50,
+    firstColor: '#ffffff',
+    firstWeight: 500,
+    secondSize: 50,
+    secondColor: '#ffffff',
+    secondWeight: 500,
+    secondLine: '装机处理及时率'
+  }
+}
+export const dataConfig = {
+  ...commonConfig(customConfig)
+}

data-room-ui/packages/BigScreenList/EditForm.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog
       :close-on-click-modal="false"
-      :title="title ? '编辑大屏' : '新建大屏'"
+      :title="title ? '编辑大屏' : '新增大屏'"
       :visible.sync="formVisible"
       :append-to-body="true"
       class="bs-dialog-wrap bs-el-dialog"

data-room-ui/packages/ComponentList/EditForm.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog
       :close-on-click-modal="false"
-      :title="title ? '编辑组件' : '新建组件'"
+      :title="title ? '编辑组件' : '新增组件'"
       :visible.sync="formVisible"
       :append-to-body="true"
       class="bs-dialog-wrap bs-el-dialog"

data-room-ui/packages/ComponentList/index.vue

@@ -64,7 +64,7 @@
             <div class="add-big-screen-card">
               <div class="add-big-screen-card-inner">
                 <div class="add-big-screen-card-text">
-                  新建组件
+                  新增组件
                 </div>
               </div>
             </div>

data-room-ui/packages/js/config/basicComponentsConfig.js

@@ -35,7 +35,10 @@ const typeList = [
   'timePicker',
   'dateTimePicker',
   'indicatorCard',
-  'indexCard'
+  'indexCard',
+  'indicatorCard2',
+  'indexCard2'
+
 ]
 let basicConfigList = []
 basicConfigList = typeList.map((type) => {

data-room-ui/packages/js/utils/getComponentConfig.js

@@ -297,6 +297,7 @@ export default function getComponentConfig (type) {
           y: 0,
           type
       }
+
       case 'indexCard':
         return {
           name: '指标卡一',
@@ -308,6 +309,30 @@ export default function getComponentConfig (type) {
           x: 0,
           y: 0,
           type
+      }
+      case 'indicatorCard2':
+        return {
+          name: '指标卡二',
+          title: '指标卡二',
+          icon: Icon.getNameList()[27],
+          className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndicatorCardChart',
+          w: 600,
+          h: 250,
+          x: 0,
+          y: 0,
+          type
+        }
+        case 'indexCard2':
+          return {
+            name: '指标卡三',
+            title: '指标卡三',
+            icon: Icon.getNameList()[27],
+            className: 'com.gccloud.dataroom.core.module.chart.components.ScreenIndexCardChart',
+            w: 600,
+            h: 250,
+            x: 0,
+            y: 0,
+            type
         }
     default:
       return {}