refactor: 去掉系统组件的三个测试组件

data-room-ui/example/remoteComponents/testA/config.js

@@ -1,86 +0,0 @@
-const title = '测试组件A'
-// 右侧配置项
-const setting = [
-  {
-    label: '维度',
-    // 设置组件类型， select / input / colorPicker
-    type: 'select',
-    // 字段
-    field: 'xField',
-    optionField: 'xField', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'data'
-  },
-  {
-    label: '指标',
-    // 设置组件类型
-    type: 'select',
-    // 字段
-    field: 'yField',
-    // 对应options中的字段
-    optionField: 'yField',
-    // 是否多选
-    multiple: false,
-    value: '',
-    tabName: 'data'
-  },
-  {
-    label: '用户名',
-    // 设置组件类型， select / input / colorPicker
-    type: 'input',
-    // 字段
-    field: 'customize_username',
-    optionField: 'customize.username', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'custom'
-  },
-  {
-    label: '手机号',
-    // 设置组件类型， select / input / colorPicker
-    type: 'input',
-    // 字段
-    field: 'customize_phone',
-    optionField: 'customize.phone', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'custom'
-  }
-]
-
-// 模拟数据
-const data = [
-  { stage: '简历筛选', number: 253, company: 'A公司' },
-  { stage: '初试人数', number: 151, company: 'A公司' },
-  { stage: '复试人数', number: 113, company: 'B公司' }
-]
-
-const option = {
-  // 数据
-  data: data,
-  // 数据的字段相关属性
-  xField: '',
-  yField: '',
-  seriesField: '',
-  // 自定义组件其他属性
-  customize: {
-    username: '张三11123123',
-    phone: '12312qweqweqwe3'
-  }
-}
-
-export default {
-  title,
-  option,
-  setting
-}

data-room-ui/example/remoteComponents/testA/index.vue

@@ -1,74 +0,0 @@
-<template>
-  <div class="test">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">
-        {{ customize.username }}
-      </el-descriptions-item>
-      <el-descriptions-item label="手机号">
-        {{ customize.phone }}
-      </el-descriptions-item>
-      <el-descriptions-item label="居住地">
-        苏州市
-      </el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">
-          学校
-        </el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">
-        江苏省苏州市吴中区吴中大道 1188 号
-      </el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'TestA',
-  components: {
-  },
-  props: {
-    config: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  computed: {
-    option () {
-      return this.config.option
-    },
-    optionData () {
-      return this.option.data
-    },
-    customize () {
-      return this.option.customize
-    }
-  },
-  methods: {
-    linkage (row) {
-      this.$emit('linkage', row)
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.test {
-  height: 100%;
-  position: absolute;
-  color: #fff;
-  font-size: 20px;
-  background: #fff;
-  padding: 16px;
-
-  .item {
-    width: 100%;
-    height: 50px;
-    line-height: 50px;
-    text-align: center;
-  }
-}
-</style>

data-room-ui/example/remoteComponents/testB/Child.vue

@@ -1,23 +0,0 @@
-<template>
-  <div>
-    testB的子组件
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  props: {},
-  data () {
-    return {
-
-    }
-  },
-  mounted () {},
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

data-room-ui/example/remoteComponents/testB/config.js

@@ -1,72 +0,0 @@
-const title = '测试组件B'
-
-// 右侧配置项
-const setting = [
-  {
-    label: '维度',
-    // 设置组件类型， select / input / colorPicker
-    type: 'select',
-    // 字段
-    field: 'xField',
-    optionField: 'xField', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'data'
-  },
-  {
-    label: '指标',
-    // 设置组件类型
-    type: 'select',
-    // 字段
-    field: 'yField',
-    // 对应options中的字段
-    optionField: 'yField',
-    // 是否多选
-    multiple: false,
-    value: '',
-    tabName: 'data'
-  },
-  {
-    label: '用户名',
-    // 设置组件类型， select / input / colorPicker
-    type: 'input',
-    // 字段
-    field: 'customize_username',
-    optionField: 'customize.username', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'custom'
-  }
-]
-
-// 模拟数据
-const data = [
-  { stage: '简历筛选', number: 253, company: 'A公司' },
-  { stage: '初试人数', number: 151, company: 'A公司' },
-  { stage: '复试人数', number: 113, company: 'B公司' }
-]
-
-const option = {
-  // 数据
-  data: data,
-  // 数据的字段相关属性
-  xField: '',
-  yField: '',
-  seriesField: '',
-  // 自定义组件其他属性
-  customize: {
-    username: '张三'
-  }
-}
-
-export default {
-  title,
-  option,
-  setting
-}

data-room-ui/example/remoteComponents/testB/index.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="test">
-    <Child />
-    <h1>用户名: {{ customize.username }}</h1>
-    <br>
-    <div
-      v-for="(row, key) in optionData"
-      :key="key"
-      class="item"
-      @click="linkage(row)"
-    >
-      <span> {{ row[option.xField] }}</span>  -
-      <span> {{ row[option.yField] }}</span>
-    </div>
-  </div>
-</template>
-<script>
-import Child from './Child.vue'
-export default {
-  name: 'TestB',
-  components: {
-    Child
-  },
-  props: {
-    config: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  computed: {
-    option () {
-      return this.config.option
-    },
-    optionData () {
-      return this.option.data
-    },
-    customize () {
-      return this.option.customize
-    }
-  },
-  methods: {
-    linkage (row) {
-      this.$emit('linkage', row)
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.test {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  color: #fff;
-  font-size: 20px;
-  background: #ccc;
-
-  .item {
-    width: 100%;
-    height: 50px;
-    line-height: 50px;
-    text-align: center;
-  }
-}
-</style>

data-room-ui/example/remoteComponents/testC/Child.vue

@@ -1,23 +0,0 @@
-<template>
-  <div>
-    testB的子组件
-  </div>
-</template>
-<script>
-export default {
-  name: '',
-  props: {},
-  data () {
-    return {
-
-    }
-  },
-  mounted () {},
-  methods: {
-
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

data-room-ui/example/remoteComponents/testC/config.js

@@ -1,86 +0,0 @@
-const title = '测试组件C'
-// 右侧配置项
-const setting = [
-  {
-    label: '维度',
-    // 设置组件类型， select / input / colorPicker
-    type: 'select',
-    // 字段
-    field: 'xField',
-    optionField: 'xField', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'data'
-  },
-  {
-    label: '指标',
-    // 设置组件类型
-    type: 'select',
-    // 字段
-    field: 'yField',
-    // 对应options中的字段
-    optionField: 'yField',
-    // 是否多选
-    multiple: false,
-    value: '',
-    tabName: 'data'
-  },
-  {
-    label: '用户名',
-    // 设置组件类型， select / input / colorPicker
-    type: 'input',
-    // 字段
-    field: 'customize_username',
-    optionField: 'customize.username', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'custom'
-  },
-  {
-    label: '手机号',
-    // 设置组件类型， select / input / colorPicker
-    type: 'input',
-    // 字段
-    field: 'customize_phone',
-    optionField: 'customize.phone', // 对应options中的字段
-    // 是否多选
-    multiple: false,
-    // 绑定的值
-    value: '',
-    // tab页。 data: 数据， custom: 自定义
-    tabName: 'custom'
-  }
-]
-
-// 模拟数据
-const data = [
-  { stage: '简历筛选', number: 253, company: 'A公司' },
-  { stage: '初试人数', number: 151, company: 'A公司' },
-  { stage: '复试人数', number: 113, company: 'B公司' }
-]
-
-const option = {
-  // 数据
-  data: data,
-  // 数据的字段相关属性
-  xField: '',
-  yField: '',
-  seriesField: '',
-  // 自定义组件其他属性
-  customize: {
-    username: '张三',
-    phone: '123456789'
-  }
-}
-
-export default {
-  title,
-  option,
-  setting
-}

data-room-ui/example/remoteComponents/testC/index.vue

@@ -1,66 +0,0 @@
-<template>
-  <div class="test">
-    <h1>用户名: {{ customize.username }}</h1>
-    <br>
-    <div
-      v-for="(row, key) in optionData"
-      :key="key"
-      class="item"
-      @click="linkage(row)"
-    >
-      <span> {{ row[option.xField] }}</span>  -
-      <span> {{ row[option.yField] }}</span>
-    </div>
-  </div>
-</template>
-<script>
-
-export default {
-  name: 'TestC',
-  components: {
-
-  },
-  props: {
-    config: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  computed: {
-    option () {
-      return this.config.option
-    },
-    optionData () {
-      return this.option.data
-    },
-    customize () {
-      return this.option.customize
-    }
-  },
-  methods: {
-    linkage (row) {
-      this.$emit('linkage', row)
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.test {
-  font-size: 20px;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  color: #fff;
-
-  .item {
-    line-height: 50px;
-    width: 100%;
-    height: 50px;
-    text-align: center;
-  }
-}
-</style>

data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue

@@ -116,8 +116,9 @@
     </div>
     <div>
       <SettingTitle>定时器</SettingTitle>
+      <!-- 定时器空数据 -->
       <el-empty
-        v-if="pageInfo.chartList.length === 0"
+        v-if="timerEmptyState()"
         description="请添加图表，并绑定数据集"
       />
       <div
@@ -461,6 +462,9 @@ export default {
     close () {
       this.drawerVisible = false
       this.$emit('close')
+    },
+    timerEmptyState () {
+      return this.pageInfo.chartList.every(chart => chart.dataSource.businessKey === '')
     }
   }
 }