<template>
  <div class="sui-slider" id="lineDetailSlider">
    <div class="sui-slider-main">
      <div class="sui-slider-title">
        <h2>
          <span class="sui-slider-title-text">合同行明细</span>
        </h2>
        <span class="sui-icons sui-icons-close sui-slider-title-x"></span>
      </div>
      <div class="sui-slider-content">
        <table class="ytg-table ytg-table-bgg">
          <tr><!--1-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">产品规范码</td>
            <td style="width: 20%;">{{ row.psc }}</td>
            <td rowspan="4" style="width: 15%;" class="ytg-table-tdl">订货价</td>
            <td style="width: 15%;" class="ytg-table-tdl">含税</td>
            <td style="width: 20%;">{{ row.order_price1 }}</td>
            <!--
            <td rowspan="4" style="width: 15%;" class="ytg-table-tdl">内径</td>
            <td style="width: 15%;" class="ytg-table-tdl">内径</td>
            <td style="width: 20%;">{{ row.diameter_inn }}</td>
            -->
          </tr>
          <tr><!--2-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">品种分类</td>
            <td style="width: 20%;">{{ row.prod_cls_name }}</td>
            <td style="width: 15%;" class="ytg-table-tdl">不含税</td>
            <td style="width: 20%;">{{ row.order_price2 }}</td>
            <!--
            <td style="width: 15%;" class="ytg-table-tdl">内径上限</td>
            <td style="width: 20%;">{{ row.diameter_inn_max }}</td>
            -->
          </tr>
          <tr><!--3-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">产品名称</td>
            <td style="width: 20%;">{{ row.prod_name }}</td>
            <td style="width: 15%;" class="ytg-table-tdl">是否含税</td>
            <td style="width: 20%;" v-if="row.is_tax === '1'">含税</td>
            <td style="width: 20%;" v-else-if="row.is_tax === '0'">不含税</td>
            <td style="width: 20%;" v-else></td>
            <!--
            <td style="width: 15%;" class="ytg-table-tdl">内径下限</td>
            <td style="width: 20%;">{{ row.diameter_inn_min }}</td>
            -->
          </tr>
          <tr><!--4-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">标准名称</td>
            <td style="width: 20%;">{{ row.std_name }}</td>
            <td style="width: 15%;" class="ytg-table-tdl">税率</td>
            <td style="width: 20%;">{{ row.tax_rate }}%</td>
            <!--内径的计量单位
            <td style="width: 15%;" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.diameter_inn_unit_name }}</td>
            -->
          </tr>
          <tr><!--5-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">标准类别</td>
            <td style="width: 20%;">{{ row.std_type_name }}</td>

            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">运费</td>
            <td>{{ row.trade_price }}</td>
            <!--
            <td rowspan="4" style="width: 15%;" class="ytg-table-tdl">外径</td>
            <td style="width: 15%;" class="ytg-table-tdl">外径</td>
            <td style="width: 20%">{{ row.diameter_out }}</td>
            -->
          </tr>
          <tr><!--6-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">钢级（牌号）</td>
            <td style="width: 20%;">{{ row.steel_name }}</td>

            <!--
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">标准类别</td>
            <td style="width: 20%;">{{ row.std_type_name }}</td>
            -->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">币种</td>
            <td style="width: 20%;">{{ row.currency_name }}</td>

            <!--
            <td style="width: 15%" class="ytg-table-tdl">外径上限</td>
            <td style="width: 20%">{{ row.diameter_out_max }}</td>
            -->
          </tr>
          <tr><!--7-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">产品形态</td>
            <td style="width: 20%;">{{ row.prod_figure_name }}</td>

            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">测算价</td>
            <td style="width: 20%;">{{ row.measure_price }}</td>
            <!--

            <td style="width: 15%" class="ytg-table-tdl">外径下限</td>
            <td style="width: 20%;">{{ row.diameter_out_min }}</td>
            -->
          </tr>
          <tr><!--8-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">冶金规范码</td>
            <td style="width: 20%;">{{ row.msc}}</td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">测算序号</td>
            <td style="width: 20%;">{{ row.measure_no }}</td>
            <!--
            <td style="width: 15%" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.diameter_out_unit_name }}</td>
            -->
          </tr>
          <tr><!--9-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">冶金规范类型</td>
            <td style="width: 20%;">{{ row.msc_type_name }}</td>
            <td rowspan="2" style="width: 15%" class="ytg-table-tdl">宽度</td>
            <td style="width: 15%" class="ytg-table-tdl">宽度</td>
            <td style="width: 20%;">{{ row.width }}</td>

          </tr>
          <tr><!--10-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">用途码</td>
            <td style="width: 20%;">{{ row.use_desc }}</td>
            <!--
            <td rowspan="3" style="width: 15%;" class="ytg-table-tdl">交货量误差</td>
            <td style="width: 15%;" class="ytg-table-tdl">上限</td>
            <td style="width: 20%;">{{ row.delivery_error_max }}</td>
            -->
            <td style="width: 15%" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.width_unit_name }}</td>
            <!--
            <td style="width: 15%" class="ytg-table-tdl">厚度上限</td>
            <td style="width: 20%;">{{ row.thick_max }}</td>
            -->
          </tr>
          <tr><!--11-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">计重方式</td>
            <td style="width: 20%;">{{ row.weight_type_name }}</td>

            <!--
            <td style="width: 15%;" class="ytg-table-tdl">下限</td>
            <td style="width: 20%;">{{ row.delivery_error_min }}</td>
            -->
            <td rowspan="2" style="width: 15%" class="ytg-table-tdl">厚度</td>
            <td style="width: 15%" class="ytg-table-tdl">厚度</td>
            <td style="width: 20%;">{{ row.thick }}</td>

            <!--
            <td style="width: 15%" class="ytg-table-tdl">厚度下限</td>
            <td style="width: 20%;">{{ row.thick_min }}</td>
            -->
          </tr>
          <tr><!--12-->
            <td rowspan="2" style="width: 15%;" class="ytg-table-tdl">重量</td>
            <td style="width: 15%;" class="ytg-table-tdl">重量</td>
            <td style="width: 20%;">{{ row.estimate_weight }}</td>
            <td style="width: 15%" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.thick_unit_name }}</td>

            <!--
            <td style="width: 15%;" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.delivery_unit_name }}</td>
            -->

          </tr>
          <tr><!--13-->
            <td style="width: 15%;" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.estimate_weight_unit_name }}</td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">其他</td>
            <td>{{ row.spec_other }}</td>

          </tr>
          <tr><!--14-->
            <td rowspan="4" style="width: 15%;" class="ytg-table-tdl">交货量误差</td>
            <td style="width: 15%;" class="ytg-table-tdl">误差率</td>
            <td style="width: 20%;">{{ row.delivery_error_rate }}%</td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">切边方式</td>
            <td style="width: 20%;">{{ row.cut_edge_type_name }}</td>
          </tr>
          <tr><!--15-->
            <td style="width: 15%;" class="ytg-table-tdl">上限</td>
            <td style="width: 20%;">{{ row.delivery_error_max }}</td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">交货状态</td>
            <td style="width: 20%;">{{ row.delivery_state_desc }}</td>

          </tr>
          <tr><!--16-->
            <td style="width: 15%;" class="ytg-table-tdl">下限</td>
            <td style="width: 20%;">{{ row.delivery_error_min }}</td>
            <td style="width: 15%;"  class="ytg-table-tdl">最终用户</td>
            <td colspan="2" style="width: 35%;">{{ row.user_name }}</td>

          </tr>
          <tr><!--17-->
            <td style="width: 15%;" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.delivery_unit_name }}</td>
            <td style="width: 30%" class="ytg-table-tdl" colspan="2">创建人</td>
            <td style="width: 20%;" >{{ row.create_man_name }}</td>
            <!--
            <td style="width: 15%" class="ytg-table-tdl">宽度上限</td>
            <td style="width: 20%;">{{ row.width_max }}</td>
            -->
          </tr>
          <tr><!--18-->
            <td rowspan="3" style="width: 15%;" class="ytg-table-tdl">单重</td>
            <td style="width: 15%;" class="ytg-table-tdl">单重上限</td>
            <td style="width: 20%;">{{ row.single_weight_max }}</td>
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">创建时间</td>
            <td style="width: 20%;" colspan="2">{{ row.create_time }}</td>
            <!--
            <td style="width: 15%" class="ytg-table-tdl">宽度下限</td>
            <td style="width: 20%;">{{ row.width_min }}</td>
            -->
          </tr>
          <tr><!--19-->
            <td style="width: 15%;" class="ytg-table-tdl">单重下限</td>
            <td style="width: 20%;">{{ row.single_weight_min }}</td>
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">修改人</td>
            <td style="width: 20%;" colspan="2">{{ row.update_man_name }}</td>

          </tr>
          <tr><!--20-->
            <td style="width: 15%;" class="ytg-table-tdl">计量单位</td>
            <td style="width: 20%;">{{ row.single_weight_unit_name }}</td>
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">修改时间</td>
            <td style="width: 20%;">{{ row.update_time }}</td>
          </tr>
          <tr><!--21-->
            <td style="width: 30%;" class="ytg-table-tdl" colspan="2">是否指定产线</td>
            <td v-if="row.is_prod_line==='0'" style="width: 20%;">未指定</td>
            <td v-else-if="row.is_prod_line==='1'" style="width: 20%;">已指定</td>
            <td v-else></td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">运输方案</td>
            <td style="width: 70%;">{{ row.solutions_name }}</td>
          </tr>
          <tr><!--22-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">状态</td>
            <td v-if="row.is_prod_line==='0'" style="width: 20%;">无效</td>
            <td v-else-if="row.is_prod_line==='1'" style="width: 20%;">有效</td>
            <td v-else ></td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">附加要求编号</td>
            <td style="width: 70%;">{{ row.add_ask_no }}</td>
          </tr>
          <tr><!--23-->
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">删除人</td>
            <td style="width: 20%;">{{ row.delete_man_name }}</td>
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">附加要求说明</td>
            <td style="width: 70%;">{{ row.add_ask_desc }}</td>
          </tr>
          <tr><!--24-->
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">删除时间</td>
            <td style="width: 20%;">{{ row.delete_time }}</td>
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">客户alpha编号</td>
            <td colspan="4" style="width: 70%;">{{ row.customer_alpha_no }}</td>
          </tr>
          <tr><!--25-->
            <td colspan="2" style="width: 30%;" class="ytg-table-tdl">备注</td>
            <td style="width:20%;">{{ row.memo }}</td>
            <td colspan="2" style="width: 30%" class="ytg-table-tdl">客户alpha说明</td>
            <td style="width: 70%;">{{ row.customer_alpha_desc }}</td>
          </tr>
          <tr><!--26-->

          </tr>
        </table>
      </div>
    </div>
    <div class="sui-slider-cover"></div>
    <!-- child slider -->
  </div>
</template>
<script>
export default {
  props: ['row'],
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style scoped>
  .ytg-table td { padding: 5px 12px }
</style>
