<template>
    <ele-modal
      width="80vw"
      :visible.sync="visible"
      :close-on-click-modal="false"
      row-key="code"
      custom-class="ele-dialog-form"
      :title="'计划分解'"
    >
      <div class="form-wrapper">
        <el-form :model="requestData" label-width="0" :show-message="false">
          <el-descriptions title="" :column="2" border>
            <el-descriptions-item label="计划编号">
              {{ formData.code }}</el-descriptions-item
            >
  
            <el-descriptions-item label="产品编码">{{
              formData.productCode
            }}</el-descriptions-item>
  
            <el-descriptions-item label="产品名称">{{
              formData.productName
            }}</el-descriptions-item>
  
            <el-descriptions-item label="牌号|型号">
              {{ formData.brandNo }}|{{ formData.model }}</el-descriptions-item
            >
  
            <el-descriptions-item label="子批次号">{{
              formData.batchNo
            }}</el-descriptions-item>
  
            <el-descriptions-item label="工艺路线">{{
              formData.produceRoutingName
            }}</el-descriptions-item>
  
            <el-descriptions-item label="要求生产数量">{{
              formData.requiredFormingNum
            }}</el-descriptions-item>
            <el-descriptions-item label="要求完成日期">{{
              formData.reqMoldTime
            }}</el-descriptions-item>
          </el-descriptions>
        </el-form>
  

      
      </div>
      <div slot="footer">
        <el-button plain @click="cancel">取消</el-button>
        <el-button type="primary" @click="confirm">确定</el-button>
      </div>
    </ele-modal>
  </template>
  
  <script>
    import { deepClone } from '@/utils';

    export default {
      components: {},
      data() {
        return {
          visible: false,
  
          formData: {},
          requestData: {
            deviceCode: '',
            deviceName: '',
            deviceId: ''
          },
       
  

  
          rules: {},
  

  

  
  
        };
      },
      methods: {
        open(row) {
          this.visible = true;
          this.formData = deepClone(row);

        },
  
  

  
        cancel() {
          this.formData = {};
          this.visible = false;
          this.$refs.form.resetFields();
        },
  
        confirm() {
          this.$refs.form.validate(async (value) => {
 
          });
        }
      }
    };
  </script>
  
  <style lang="scss" scoped>
    .mt20 {
      margin-top: 20px;
    }
  
    .el-form-item {
      margin-bottom: 0 !important;
    }
  </style>
  