DeeCardCollapse.vue 1.82 KB
Newer Older
wangdanlei's avatar
wangdanlei committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
<template>
  <el-collapse v-model="activeName" class="collapse" accordion>
    <el-collapse-item title="C阶段型号更改申请 - C6688" name="1">
      <div style="font-size: 16px"><span style="color: #999999">2019-3-28 11:00</span><span
        style="float: right;color: #2A68C9;font-weight: bold"
      >启动</span></div>
    </el-collapse-item>
    <el-collapse-item title="S阶段 - S592" name="2">
      <div style="font-size: 16px"><span style="color: #999999">2019-3-25 12:00</span><span
        style="float: right;color: #F75A27;font-weight: bold"
      >审阅</span></div>
    </el-collapse-item>
    <el-collapse-item title="产品代号申请单 - A110789" name="3">
      <div style="font-size: 16px"><span style="color: #999999">2019-3-2 12:00</span><span
        style="float: right;color: #0DB45E;font-weight: bold"
      >已发放</span></div>
    </el-collapse-item>
    <el-collapse-item title="B型号更改申请" name="4">
      <div style="font-size: 16px"><span style="color: #999999">2019-2-28 11:00</span><span
        style="float: right;color: #2A68C9;font-weight: bold"
      >启动</span></div>
    </el-collapse-item>
    <el-collapse-item title="B型号更改申请" name="5">
      <div style="font-size: 16px"><span style="color: #999999">2019-2-28 11:00</span><span
        style="float: right;color: #2A68C9;font-weight: bold"
      >启动</span></div>
    </el-collapse-item>
  </el-collapse>
</template>

<script>
export default {
  name: 'DeeCardCollapse',
  components: {},
  props: {},
  data() {
    return {
      activeName: '1'
    }
  },
  computed: {},
  watch: {},
  mounted: function() {
    this.$nextTick(function() {
    })
  },
  methods: {},
  filter: {}
}
</script>

<style lang="scss">
  .collapse .el-collapse-item__header {
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }
</style>