<template>
  <div>
    <div style="font-size:17px;font-weight:800;color:#5e72e4;float:left;padding-top:10px;">
      <a @click="isCollapsed = !isCollapsed" style="user-select:none">
        文檔協同
        <span v-if="isCollapsed">▲</span>
        <span v-else>▼</span>
      </a>
    </div>
    <div style="height:250px;width:100%; overflow:auto;">
      <hr style="border-top: 1px solid gray; margin-top:0;margin-bottom:0;" />
      <b-collapse style="padding-top:10px" :visible="!isCollapsed" id="collapse-2">
      </b-collapse>
    </div>
  </div>
</template>

<script>
export default {
//   name: 'task-history',
  data () {
    return {
      isCollapsed: false
    }
  },
  methods: {
    setSelectedRecord (index) {
      if (this.$route.query.rid === undefined || this.$route.query.rid !== index) {
        this.$router.push({name: this.$route.name, query: {...this.$route.query, rid: index}})
      }
    }
  },
  computed: {
    records () {
      return this.$store.state.inspection.selected.records
    }
  }
}
</script>
