wt_project_web_bak/src/views/dash/compoents/agency.vue

<template>
  <div class="full-width flex flex-col">
    <div class="bold font-16 full-width text-left">{{ title }}</div>
    <el-empty class="padding-bottom" description="暂无数据"></el-empty>
  </div>
</template>

<script>
export default {
  name: 'agency',
  props: {
    type: {
      type: Number,
      default: 1
    }
  },
  watch: {
    type: {
      handler(val) {
        if (val === 2) {
          this.title = '内容更新'
        }
      },
      immediate: true
    }
  },
  data() {
    return {
      title: '代办事项'
    }
  }
}
</script>

<style lang="scss" scoped>
.read {
  background: #bf863c;
  padding: 2px;
  color: white;
  border-radius: 3px;
  font-size: 12px;
  width: 40px;
  font-weight: 500;
}
</style>