<template>
  <a-modal
    title="工序辅料-详情"
    :visible="visible"
    :confirm-loading="confirmLoading"
    :width='1000'
    @ok="handleOk"
    @cancel="handleCancel">
    <h1 style="text-align: center;margin-bottom: 50px;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px;font-size: 22px">黄淮学院服装智能制造管理平台 - <span>工序辅料</span></h1>
    <processFabric :tableModel="model"></processFabric>
  </a-modal>
</template>

<script>

  import { httpAction, getAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'
import processFabric from '@/components/procedure/processFabric'
  export default {
    name: 'ZyProcessFabricFormDetail',
    components: {
      processFabric
    },
    data () {
      return {
        code:'',
        id:'',
        model:{
         },
        visible:false,
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        confirmLoading: false,
        validatorRules: {
        },
      }
    },
    methods: {
      showModal(id) {
        this.visible = true;
        this.$http.get('pro/zyProcessFabric/queryById?id='+id).then(
          res=>{
            this.model = res.result
          }
        )
      },
      handleOk() {
        this.confirmLoading = true;
        setTimeout(() => {
          this.visible = false;
          this.confirmLoading = false;
        }, 1);
      },
      handleCancel() {
        this.visible = false;
      },
    }
  }
</script>
<style scoped>
  .table{border-color:#d9d9d9;border-radius: 3px}
  .table td{padding: 10px 20px;max-width: 380px; }
  .table td span{color: #333}
</style>