<template>
  <el-dialog
    title="生产工单详情"
    :visible.sync="orderdialog"
    :before-close="handleClose"
    :close-on-click-modal="true"
    :close-on-press-escape="false"
    append-to-body
    width="60%"
  >
    <div>
        <el-descriptions title="" :column="5" size="medium" border>
          <el-descriptions-item>
            <template slot="label"> 生产工单号 </template>
            1222222222222
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label"> 生产计划编号 </template>
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label"> 物料编码 </template>
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label"> 产品名称 </template>
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label"> 牌号 </template>
          </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 产品重量 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 欠交物料编码 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 欠交物料名称 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 欠交重量 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 工单开始时间 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 配料计划编号 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 计划生产重量 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 排产时间 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 计划交付时间 </template>
		  </el-descriptions-item>
		  <el-descriptions-item>
		    <template slot="label"> 实际完成时间 </template>
		  </el-descriptions-item>
        </el-descriptions>
    </div>
    <div class="btns">
      <el-button size="small" @click="handleClose">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      orderdialog: false
    }
  },

  watch: {

  },
  methods: {
	open(){
		this.orderdialog = true
	},	
    handleClose () {
      this.orderdialog = false
    }

  }
}
</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>
