<template>
  <el-dialog
    title="选择收货单"
    custom-class="ele-dialog-form long-dialog-form"
    :visible.sync="visible"
    :before-close="handleClose"
    :close-on-click-modal="false"
    top="5vh"
    :close-on-press-escape="false"
    append-to-body
    width="70%"
  >
    <el-card shadow="never">
      <searchTable @search="reload"></searchTable>
      <ele-pro-table
        ref="table"
        :columns="columns"
        :datasource="datasource"
        row-key="id"
        height="calc(100vh - 500px)"
        class="dict-table"
        @cell-click="cellClick"
      >
        <!-- 表头工具栏 -->
        <template v-slot:action="{ row }">
          <el-radio class="radio" v-model="radio" :label="row.id"
            ><i></i
          ></el-radio>
        </template>
      </ele-pro-table>
    </el-card>

    <div class="btns" slot="footer">
      <el-button type="primary" size="small" @click="selected">选择</el-button>
      <el-button size="small" @click="handleClose">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>


  import searchTable from '@/views/purchasingManage/purchaseOrder/invoice/components/searchTable.vue';
  import {getReceiveTableList} from '@/api/purchasingManage/purchaseorderreceive';
  import {reviewStatusEnum} from '@/enum/dict';
  export default {
      components: {
          searchTable
      },

      data() {
          return {
              visible: false,
              currentIndex:null,
              columns: [

            {
              columnKey: 'index',
              label: '序号',
              type: 'index',
              width: 55,
              align: 'center',
              showOverflowTooltip: true,
              fixed: 'left'
            },
            {
              width: 60,
              type: 'action',
              columnKey: 'action',
              slot: 'action',
              align: 'center'
            },
            {
              prop: 'receiveNo',
              label: '收货编码',
              align: 'center',
              slot: 'receiveNo',
              showOverflowTooltip: true,
              minWidth: 180
            },
            {
              prop: 'orderNo',
              label: '采购订单编码',
              align: 'center',
              slot: 'orderNo',
              showOverflowTooltip: true,
              minWidth: 180
            },
            {
              prop: 'supplierName',
              label: '供应商名称',
              align: 'center',
              showOverflowTooltip: true,
              minWidth: 300
            },
            {
              prop: 'sendNoteNo',
              label: '送货单号',
              align: 'center',
              showOverflowTooltip: true,
              minWidth: 200
            },
            // {
            //   prop: 'replied',
            //   label: '是否回执',
            //   align: 'center',
            //   showOverflowTooltip: true,
            //   minWidth: 200,
            //   formatter: (_row, _column, cellValue) => {
            //   return _row.replied==1?'是':'否';
            // }
            // },
            // {
            //   prop: 'reviewStatus',
            //   label: '状态',
            //   align: 'center',
            //   showOverflowTooltip: true,
            //   minWidth: 200,
            //   formatter: (_row, _column, cellValue) => {
            //     return reviewStatusEnum[_row.reviewStatus].label;
            //   }
            // },
            {
              prop: 'createTime',
              label: '创建时间',
              align: 'center',
              showOverflowTooltip: true,
              minWidth: 170
            }
          ],
              radio: null,
          }
      },

      methods: {
          open(item,currentIndex) {
              this.currentIndex = currentIndex
              if (item&&item.id) {
                  this.radio = item.id
              }

              this.visible = true
          },


          /* 表格数据源 */
          datasource({ page, limit, where, order }) {
              return getReceiveTableList({
                  pageNum: page,
                  size: limit,
                  ...where,
                reviewStatus:2
              });
          },

          /* 刷新表格 */
          reload(where) {
              this.$refs.table.reload({ pageNum: 1, where: where  });
          },

          handleNodeClick(data, node) {
              this.reload({ categoryId: data.id });
          },


          // 单击获取id
          cellClick(row) {
              this.current = row
              console.log(row)
              this.radio = row.id
          },
          handleClose() {
              this.visible = false
              this.current = null
              this.radio = ''
          },

          selected() {
              if (!this.current) {
                  return this.$message.warning('请至少选择一条数据')
              }
              this.$emit('changeParent', this.current,this.currentIndex)
              this.handleClose()
          },





      }
  }
</script>

<style lang="scss" scoped>
  .tree_col {
    border: 1px solid #eee;
    padding: 10px 0;
    box-sizing: border-box;
    height: 500px;
    overflow: auto;
  }

  .table_col {
    padding-left: 10px;

    ::v-deep .el-table th.el-table__cell {
      background: #f2f2f2;
    }
  }

  .pagination {
    text-align: right;
    padding: 10px 0;
  }

  .btns {
    text-align: center;
    padding: 10px 0;
  }

  .topsearch {
    margin-bottom: 15px;
  }
</style>
