<!-- 合同头详情组件 -->
<template>
  <div class="sui-slider" id="titleDetailSlider">
    <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="sui-table sui-table-bgg">
          <tbody>
          <tr>
            <td class="sui-table-tdl" style="width: 120px">合同号</td>
            <td>{{titleRowDet.contract_no}}</td>
            <td class="sui-table-tdl" style="width: 120px">销售组织</td>
            <td>{{titleRowDet.sale_org_name}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">管理卡号</td>
            <td>{{titleRowDet.manage_no}}</td>
            <td class="sui-table-tdl">销售区域</td>
            <td>{{titleRowDet.sale_area_name}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">文本合同号</td>
            <td>{{titleRowDet.txt_contract_no}}</td>
            <td class="sui-table-tdl">计价方式</td>
            <td>{{titleRowDet.price_type_name}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">评审单号</td>
            <td>{{titleRowDet.review_report_no}}</td>
            <td class="sui-table-tdl">合同总额(含税)</td>
            <td>{{titleRowDet.tax_total_price}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">合同类型</td>
            <td>{{titleRowDet.contract_type_name}}</td>
            <td class="sui-table-tdl">合同总额(不含税)</td>
            <td>{{titleRowDet.not_tax_total_price}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">意向/正式</td>
            <td>{{titleRowDet.is_order_contract === '1'? '意向合同':'正式合同' }}</td>
            <td class="sui-table-tdl">是否含税</td>
            <td>{{titleRowDet.is_tax === 1? '含税':'不含税'}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">协议号</td>
            <td>{{titleRowDet.protcl_no}}</td>
            <td class="sui-table-tdl">税率</td>
            <td>{{titleRowDet.tax_rate}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">客户名称</td>
            <td>{{titleRowDet.customer_name}}</td>
            <td class="sui-table-tdl">币种</td>
            <td>{{titleRowDet.currency_name}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">客户简称</td>
            <td>{{titleRowDet.customer_abr}}</td>
            <td class="sui-table-tdl">付款方式</td>
            <td>{{titleRowDet.payment_type_name}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">法人代表</td>
            <td>{{titleRowDet.legal_man}}</td>
            <td class="sui-table-tdl">开户银行</td>
            <td>{{titleRowDet.back}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">委托代理人</td>
            <td>{{titleRowDet.agent_man}}</td>
            <td class="sui-table-tdl">公司注册地址</td>
            <td>{{titleRowDet.address}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">贸易类型</td>
            <td>{{titleRowDet.trade_type_name}}</td>
            <td class="sui-table-tdl">纳税人识别号</td>
            <td>{{titleRowDet.tax_registra_number}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">结算单位</td>
            <td>{{titleRowDet.balance_unit_name}}</td>
            <td class="sui-table-tdl">开票电话</td>
            <td>{{titleRowDet.telphone}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">订货单位</td>
            <td>{{titleRowDet.order_unit_name}}</td>
            <td class="sui-table-tdl">账号</td>
            <td>{{titleRowDet.account}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">供货单位</td>
            <td>{{titleRowDet.supply_unit_name}}</td>
            <td class="sui-table-tdl">联系电话</td>
            <td>{{titleRowDet.phone}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">供货地址</td>
            <td>{{titleRowDet.supplier_address}}</td>
            <td class="sui-table-tdl">传真</td>
            <td>{{titleRowDet.fax}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">合同年度</td>
            <td>{{titleRowDet.contract_year}}</td>

            <td class="sui-table-tdl">邮编</td>
            <td>{{titleRowDet.zip_code}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">合同范本</td>
            <td>{{titleRowDet.contract_model_name}}</td>

            <td class="sui-table-tdl">合同状态</td>
            <td>{{titleRowDet.contract_flag_name}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">合同前状态</td>
            <td>{{titleRowDet.p_contract_flag_name}}</td>
            <td class="sui-table-tdl">打印人</td>
            <td>{{titleRowDet.print_man_name}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">生效人</td>
            <td>{{titleRowDet.effect_man_name}}</td>
            <td class="sui-table-tdl">打印时间</td>
            <td>{{titleRowDet.print_time|filterDate('yyyy-MM-dd')}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">结案人</td>
            <td>{{titleRowDet.close_man_name}}</td>
            <td class="sui-table-tdl">打印次数</td>
            <td>{{titleRowDet.print_num}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">订价方式</td>
            <td>{{titleRowDet.make_price_type_name}}</td>
            <td class="sui-table-tdl">有效开始日期</td>
            <td>{{titleRowDet.effec_start_date|filterDate('yyyy-MM-dd')}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">是否控制付款比例</td>
            <td>{{titleRowDet.is_control_payment == '0'? '合同头控制': '合同行控制' }}</td>
            <td class="sui-table-tdl">有效结束日期</td>
            <td>{{titleRowDet.effec_end_date|filterDate('yyyy-MM-dd')}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">创建人</td>
            <td>{{titleRowDet.create_man_name}}</td>
            <td class="sui-table-tdl">交货日期</td>
            <td>{{titleRowDet.deliver_date|filterDate('yyyy-MM-dd')}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">创建时间</td>
            <td>{{titleRowDet.create_time}}</td>
            <td class="sui-table-tdl">有效标志</td>
            <td>{{titleRowDet.valid_flag == 1? '有效': '无效'}}</td>

          </tr>
          <tr>
            <td class="sui-table-tdl">修改人</td>
            <td>{{titleRowDet.update_man_name}}</td>
            <td class="sui-table-tdl">签订日期</td>
            <td>{{titleRowDet.sign_date|filterDate('yyyy-MM-dd')}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">修改时间</td>
            <td>{{titleRowDet.update_time}}</td>
            <td class="sui-table-tdl">签订地点</td>
            <td>{{titleRowDet.sign_address}}</td>
          </tr>
          <tr>
            <td class="sui-table-tdl">删除人</td>
            <td>{{titleRowDet.delete_man_name}}</td>
            <td class="sui-table-tdl">当地法规</td>
            <td >{{titleRowDet.local_law}}</td>
          </tr>
          <tr>
          </tr>
          <tr>
            <td class="sui-table-tdl">删除时间</td>
            <td>{{titleRowDet.delete_time}}</td>
            <td class="sui-table-tdl">备注</td>
            <td >{{titleRowDet.memo}}</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="sui-slider-cover"></div>
    <!-- child slider -->
  </div>
</template>
<script>
export default {
  props: ['titleRowDet'],
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>
<style scoped>
  .sui-table td { padding: 5px 12px }

  .sui-table tr td:first-child,.sui-table tr td:nth-child(3) {
    padding-right: 5px
  }

  .sui-table tr td:last-child,.sui-table tr td:nth-child(2) {
    padding-left: 5px
  }
</style>
