
<!--
  @description: 采购单信息 查看-弹框
  @Modifier：gmy
  @routerPath:
  @date：  2020-09-23 15:00:28
-->
<template>
  <el-dialog
    v-dialogDrag
    :visible.sync="dialogData.dialog"
    :close-on-click-modal="false"
    append-to-body
    title="采购单查看"
    width="1160px"
    custom-class="el-dialog__body-p8 el-dialog_table"
  >
    <div>
      <!-- 采购单查看 -->
      <procurementProjectBase
        v-if="orderProjectBase.tenderId"
        :order-project-base="orderProjectBase"
      />
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="closeDialog">
        关闭
      </el-button>
    </span>
  </el-dialog>
</template>

<script>
/* 采购单查看组件*/
import procurementProjectBase from '@/views/procurement/procurementProject/procurementProjectContent/procurementProjectContentComp'
export default {
  name: 'ProcurementOrderProjectBaseDialog',
  components: {
    procurementProjectBase
  },
  mixins: [],
  props: {
    dialogData: {
      type: Object,
      default: function() {
        return
      }
    }
  },
  data() {
    return {
      // 订单-采购单查看传递数据
      orderProjectBase: {
        tenderId: '', // 项目id
        orderProjectType: '00' // 去除变更按钮字段 00 是 01 否
      }
    }
  },
  watch: {
    'dialogData.dialog'(val) {
      if (val) {
        this.orderProjectBase.tenderId = this.dialogData.tenderId
      }
    }
  },
  created() {
  },
  methods: {
    // 关闭弹框
    closeDialog() {
      this.dialogData.dialog = false
    }
  }
}
</script>

<style scoped lang="less">
</style>
