<template>
  <a-modal
    title="标准作业指导书"
    :visible="visible"
    :confirm-loading="confirmLoading"
    :width='1400'
    @ok="handleOk"
    @cancel="handleCancel"
    style="display:flex;"
  >
    <table border="1" style="font-size:14px;" class="table" >
      <tr>
        <td style="text-align: center">部件:</td>
        <td>{{model.componentId}}</td>
      </tr>
      <tr>
        <td style="text-align: center">工艺:</td>
        <td>{{model.processId}}</td>
      </tr>
      <tr>
        <td style="text-align: center">是否瓶颈工序:</td>
        <td>{{model.bottleneck}}</td>
      </tr>
    </table>

  </a-modal>
</template>

<script>

  import { httpAction, getAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'

  export default {
    name: 'ZyProcessComponentFormDetail',
    components: {
    },
    props: {

    },
    data () {
      return {
        model:{
         },
        visible: false,
        confirmLoading: false,
        img:'',//图片地址
        img1:require('@/assets/9-2.png'),// 默认图片
        mp4:'',//视频地址
      }
    },
    methods: {
      showModal(id) {
        this.visible = true;
        this.$http.get('/pro/zyProcessComponent/queryById?id='+id).then(
          res=>{
            this.model = res.result
            // this.img = "http://10.100.200.112/jeecg-boot/sys/common/static/"+this.data.image;
            // this.mp4 = "http://10.100.200.112/jeecg-boot/sys/common/static/"+this.data.vedio;
            console.log('this.model')
            console.log(this.model)
          }
        )
      },
      handleOk() {
        this.ModalText = 'The modal will be closed after two seconds';
        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>
