<template>
  <div id="done">
    <!-- <a-tab-pane key="done" tab="我的已办">
      <div v-for="item in doneList" :key="item.id"> -->
        <a-card
          style="width: 100%;
                border-radius:20px;
                text-align:left;
                marginBottom:20px;
                border:none;
                background-color:rgba(247, 224, 212,.8);"
        >
          <p style="fontSize:16px;fontWeight:700;color:#092834;">
            <img
              src="@assets/look.png"
              width="30px;"
              alt="????"
              style="background: rgb(34,193,195);
                           background: linear-gradient(0deg, rgba(34,193,195,1) 0%,
                           rgba(253,187,45,1) 100%);borderRadius:6px;"
            />
            {{ item.processName }}
          </p>
          <p>任务名称：{{ item.name }}</p>
          <p>创建时间：{{ item.createTime }}</p>

          <!-- 审批操作 -->
          <p style="float:left;">
            审批操作：
            <span
              style="background:rgba(20, 137, 184,.3);
                    padding:4px 10px;
                    borderRadius:2px;
                    letterSpacing:1px;
                    color: #092834;"
            >
              {{ item.deleteReason }}
            </span>
          </p>
          <p style="float:right;">发起人：{{ item.applyer }}</p>

          <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>

          <!-- 操作按钮 -->
          <div class="operation">
            <p style="fontSize:16px;fontWeight:700;color:#092834;">
              <img src="@assets/down.png" width="30px;" alt="???? " />
              操作
            </p>

            <div class="btns">
              <a-button
                class="itemBtn"
                ghost
                @click="detail(item)"
                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.9);
                      color:#4e73b9;"
              >
                表单数据
              </a-button>

              <a-button
                class="itemBtn"
                ghost
                @click="Donehistory(item.id)"
                style="color:gray;box-shadow: 4px 4px 4px rgba(128, 128, 128,.9);color#f2c617;position:absolute;right:0;marginRight:0;"
              >
                审批历史
              </a-button>

              <a-popconfirm title="确定删除吗?">
                <a-button
                  class="itemBtn mid"
                  ghost
                  @click="remove(item.id)"
                  style="color:gray;box-shadow: 5px 5px 5px rgba(128, 128, 128,.7);color:red;"
                >
                  删除
                </a-button>
              </a-popconfirm>
            </div>
          </div>
        </a-card>
      <!-- </div>
    </a-tab-pane> -->
  </div>
</template>

<script>
export default {
  
}
</script>

<style src="@assets/less/overwrite.less" lang="less" scoped></style>
<style lang="less">
@import '~@assets/less/common.less';
</style>
<style lang="less" scoped></style>
