CostumingPlatform/ant-design-vue-jeecg/src/components/procedure/zyProcess.vue

<template>
  <div style="">
    <div style="width:100%;height:100%;display: flex;align-items: start;justify-content: space-between;margin-bottom: 20px;" class="coin">
      <img :src="data.image?data.image:img1" style="width:32%;">
      <table border="1" style="width: 66%;height:100%;font-size:14px;margin-bottom: 20px" class="table">
        <tr>
          <td><span>工序代码：</span>{{data.processCode}}</td>
          <td><span>工序名称：</span>{{data.processName}}</td>
          <td><span>工序时间：</span>{{data.processTime}}</td>
          <td><span>工序单价：</span>{{data.price}}</td>
        </tr>
        <tr>
          <td><span>工序等级：</span>{{data.grade}}</td>
          <td><span>面料代码：</span>{{data.fabricNum}}</td>
          <td><span>面料等级：</span>{{data.fabricGrade}}</td>
          <td><span>针距(厘米)：</span>{{data.needlePitch}}</td>
        </tr>
        <tr>
          <td><span>机器名称：</span>{{data.machineId}}</td>
          <td><span>手工宽放：</span>{{data.manualWide}}</td>
          <td><span>手工时间：</span>{{data.manualTime}}</td>
          <td><span>设备转速：</span>{{data.machineSpeed}}</td>
        </tr>
        <tr>
          <td><span>设备宽放：</span>{{data.machineWide}}</td>
          <td><span>设备时间：</span>{{data.machineTime}}</td>
          <td><span>设备浮于：</span>{{data.machineFloat}}</td>
          <td><span>绑包宽放：</span>{{data.bundleWide}}</td>
        </tr>
        <tr>
          <td><span>绑包时间：</span>{{data.bundleTime}}</td>
          <td><span>部件表名：</span>{{data.componentId}}</td>
          <td><span>是否瓶颈：</span>{{data.isBottleneck}}</td>
          <td><span>企业名称：</span>{{data.enterpriseId}}</td>
        </tr>
        <tr>
          <td><span>工具名称：</span>{{data.toolId}}</td>
          <td><span>款式名称：</span>{{data.styleId}}</td>
          <td><span>工段代码：</span>{{data.worksectionCode}}</td>
          <td><span>合同号：</span>{{data.totalManualTmu}}</td>
        </tr>
        <tr>
          <td><span>合计(手工TMU)：</span>{{data.totalManualTmu}}</td>
          <td><span>合计(机器TMU)：</span>{{data.totalMachineTmu}}</td>
          <td><span>合计(手工秒)：</span>{{data.totalMaunal}}</td>
          <td><span>合计(机器秒)：</span>{{data.totalMachine}}</td>
        </tr>
      </table>
    </div>
    <div style="width:100%;height:100%;display: flex;align-items: start;justify-content: space-between">
      <video v-if="data.vedio" :src="data.vedio" style="border:1px solid #d9d9d9;width:32%;"/>
      <p v-else style="padding-top: 20px"> 暂无视频</p>
      <table border="1" style="width: 66%;height:100%;font-size:14px;margin-bottom: 20px" class="table">
        <tr>
          <td style="text-align: center;width: 120px"><span>工艺描述：</span></td>
          <td><span>{{data.processDescribe}}</span></td>
        </tr>
        <tr>
          <td style="text-align: center;width: 120px"><span>做工说明：</span></td>
          <td>{{data.mkExplain}}</td>
        </tr>
        <tr>
          <td style="text-align: center;width: 120px"><span>品质要求：</span></td>
          <td>{{data.qualityRequire}}</td>
        </tr>
      </table>
    </div>

  </div>
</template>
<script>
  export default {
    name: 'zyProcess',
    props:['data'],
    data () {
      return {
        img:'',
        img1:require('@/assets/9-2.png'),//默认图片
        mp4:'',
      }
      },
    methods: {
    }
  }
</script>
<style scoped>
  .table{border-color:#d9d9d9;border-radius: 3px}
  .table td{padding: 10px 20px;max-width: 380px; }
  .table td span{color: #333}
</style>