<template>
<!-- 相關待辦事項 -->
 <div>
      <div style="font-size: 16px;
            font-weight: 800;
            color: #5e72e4;
            float: left;
            padding-top: 10px;
            margin-top:30px">
            <div style="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>
      <div style="float: right ; margin-top: 40px">
        <b-button
          variant="primary"
          class="m-1 p-1 float-right">
        建立新工作</b-button>
        <b-button
          variant="primary"
          class="m-1 p-1 float-right">
        加入已建工作</b-button>
      </div>
      <div style="height: 110px; width: 100%; overflow: auto; margin-top: 15px">
        <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 {
  data () {
    return {
      isCollapsed: false
    }
  }
}
</script>

<style>
</style>
