<!--
@description: 
@Author: lianys
@Date: 2021-02-01
-->
<template>
  <div>
    <dg-table :data="tableData" :pagination="false" :border="false" row-key="id" class="v-comments">
      <dg-table-column prop="nodeName" width="200" label="审批单位"> </dg-table-column>
      <dg-table-column prop="message" label="审批信息">
        <template v-slot="{ row }">
          <p class="v-comments-msg">{{ row.approveMessage }}</p>
          <p class="dg-color-text-65">
            {{ row.assignee }} {{ row.approveTime }}
            <span v-if="row.approveState">
              <dg-tag effect="plain" v-show="row.approveState == 'complete-agree'" class="agree">同意</dg-tag>
              <dg-tag effect="plain" v-show="row.approveState !== 'complete-agree'" class="disagree">{{
                row.approveStateLabel
              }}</dg-tag>
            </span>
          </p>
        </template>
      </dg-table-column>
    </dg-table>
  </div>
</template>

<script>
import main from './main';
export default main;
</script>
<style scoped lang='scss'>
@import './index.scss';
</style>