<!DOCTYPE html>
<html style="height: 100%;min-height: 100%;">
<head>
  <meta charset="utf-8">
  <title>　</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
 <style>
     h1, p, h3, td, th{color: #000000}
     .layui-table td, .layui-table th {border-color: #000000;height: 1px}
     .td_left1 {width: 70%; padding: 5px; font-size: 12pt; height:23px}
     .td_right {width: 30%; padding: 5px; font-size: 12pt; height:23px}
     p,h3 {line-height: 30px; font-size: 12pt}
    thead.report-header {
       display: table-header-group;
    }

    tfoot.report-footer {
       display:table-footer-group;
    }

    tabel.report-container {
        page-break-after: always;
    }
  </style>
<body style="background-color: #fff;height: 100%;min-height: 100%; padding: 0 5px;">

  <div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body" pad15>
        <div class="layui-row layui-col-space15">
          <div class="layui-col-md12">
            <div id="print_div">
                <table class="report-container">
                  <thead class="report-header">
                   <tr>
                      <th>
                         <div class="header-info">
                             <img src="../../media/purchase_order/invoice/20190424134614.png" alt="郑州燎原计算机技术有限公司" width="100%"/>
                         </div>
                      </th>
                   </tr>
                  </thead>
                  <!--tfoot class="report-footer">
                   <tr>
                      <td>
                        <div class="footer-info">
                        ...
                        </div>
                      </td>
                   </tr>
                  </tfoot-->
                  <tbody class="report-content">
                   <tr>
                      <td>
                        <div id="main">
                          <h1 align="center" style="font-weight: bold;letter-spacing:8px;">买卖合同</h1>
                          <table id="order_header" style="width: 100%">
                            <tr>
                                <td align="left" class="td_left1">&emsp;&emsp;买方:<span>郑州燎原计算机技术有限公司</span></td>
                                <td align="left" class="td_right">合同编号:<span id="no"></span></td>
                            </tr>
                              <tr>
                              <td align="left" class="td_left1">&emsp;&emsp;<span></span></td>
                              <td align="left" class="td_right">签约地点:<span>漯河</span></td>
                              </tr>
                              <tr>
                              <td align="left" class="td_left1">&emsp;&emsp;卖方:<span id="supplier_name1"></span></td>
                              <td align="left" class="td_right">签约时间:<span id="create_time"></span></td>
                              </tr>
                          </table>
                            <div id="text_1">
                                <p>&emsp;&emsp;根据《中华人民共和国合同法》及相关法律规定，买卖双方本着平等自愿、互惠互利的原则，协商一致，签订本合同：</p>
                                <p>产品（货物）名称、生产厂家、型号、数量、金额：</p>
                            </div>
                            <table id="order_product" class="layui-table">
                                <tr>
                                    <td>产品名称</td>
                                    <td>产品代码</td>
                                    <td>规格型号</td>
                                    <td>数量</td>
                                    <td>计量单位</td>
                                    <td align="right">单价(元)</td>
                                    <td align="right">金额(元)</td>
                                </tr>
                                <tr id="tr_total">
                                    <td colspan="6" align="left">合计价款人民币：<span id="total_amount_hans"></span></td>
                                    <td align="right" id="total_amount"></td>
                                </tr>
                                <tr>
                                    <td colspan="7" align="left">注：产品（货物）的价格包括合计价款，包含增值税专用发票。
                                        包装费、装卸费、运费、保险费等为履行本合同所产生费用</td>
                                </tr>
                            </table>
                            <div id="text_2">
                                <h3><b>一、质量要求：</b></h3>
                                <p>
                                &emsp;&emsp;1、卖方必须对所提供的产品（货物）质量负责，在产品（货物）的法定保质期内发生的质量问题，由卖方承担质量保证责任和相关风险，对买方造成的损失由卖方负责。
                                </p>
                                <p>
                                &emsp;&emsp;2、买方在接收产品（货物）时，首先进行外观验收，若发现外观包装破损或数量、品种、规格等不符合质量要求及合同要求的，买方有权拒绝接收，卖方应及时更换或补充被拒绝的产品（货物），不得影响买方的生产需要。
                                </p>
                                <p>
                                &emsp;&emsp;3、卖方提供的产品（货物）出现不合格（质量问题）情况时，由买方以书面形式通知卖方，由卖方根据买方的要求及时解决。
                                </p>
                                <h3><b>二、交货方式及地点：</b></h3>
                                <p>
                                &emsp;&emsp;1、交货地址：河南省漯河市郾城区城关镇淞江产业园化工园区龙江路168号<br/>
                                    &emsp;&emsp;&emsp;&emsp;收货人：<span id="consignee_name"></span>&emsp;&emsp;电话：<span id="consignee_tel"></span>
                                </p>
                                <p>
                                &emsp;&emsp;2、运费由卖方承担，货物在运输过程中，未到达买方指定交货地点或到达后未经买方签收、外观验收合格前，发生损坏或灭失的风险由卖方承担。
                                </p>
                                <h3><b>三、交货时间：</b><span id="deliver_time"></span></h3>
                                <h3><b>四、包装标准：</b></h3>
                                <p>
                                &emsp;&emsp;卖方应按照合理的商业标准对货物加以妥善包装，如产品属剧毒化学品、危险品等国家管制商品，卖方负有安全运输的义务，卖方的运输人员与工具应当符合国家相应管制商品运输相关规定之要求；卖方委托第三方运输的，应确保该第三方具有相应管制商品的运输资质，否则由此产生的一切法律责任和费用由卖方承担，造成买方损失的，买方有权要求卖方赔偿。
                                </p>
                                <h3><b>五、货款结算时间和结算方式：</b><span id="payment_type"></span></h3>
                                <h3><b>六、违约责任</b></h3>
                                <p>
                                &emsp;&emsp;1、卖方非因不可抗力（如地震、水灾等）原因以及无正当理由逾期交货，支付本合同合计价款的千分之五/天为违约金。
                                </p>
                                <p>
                                &emsp;&emsp;2、交付货物的质量不符合约定要求，买方可以选择退货、换货或解除本合同，由此发生的费用由卖方承担，并赔偿买方的实际损失。
                                </p>
                                <h3><b>七、不可抗力</b></h3>
                                <p>
                                &emsp;&emsp;买卖双方由于不可抗力的原因不能履行本合同，应在不可抗力发生七日内及时通报不能履行或不能完全履行的理由，在取得相关证明后，延迟履行、部分履行或不履行本合同，并根据具体情况部分或全部免除违约责任。卖方延迟履行后发生不可抗力的，不能免除责任。
                                </p>
                                <h3><b>八、合同纠纷：</b></h3>
                                <p>
                                &emsp;&emsp;本合同在履行中如发生争议，由双方协商解决。协商不成，任何一方均可向买方所在地有管辖权的人民法院提起诉讼解决。
                                </p>
                                <h3><b>九、合同生效时间：</b></h3>
                                <p>
                                &emsp;&emsp;本合同经买卖双方盖章和代表签字后成立并生效。任何一方不得擅自变更或者解除本合同。因故需要变更，须经买卖双方协商一致，另立补充协议，补充协议经双方盖章和代表签字后生效，补充协议生效后本合同与补充协议有不一致处，从补充协议。
                                </p>
                                <h3><b>十、其他事项：</b></h3>
                                <p>
                                &emsp;&emsp;本合同一式两份，买卖双方各执一份。买卖双方本合同传真件为正本，与本合同具有同等法律效力。
                                </p>
                            </div>
                            <table id="order_footer" style="width: 100%">
                            <tr>
                                <td align="left" class="td_left1">&emsp;&emsp;卖方:<span id="supplier_name2"></span></td>
                                <td align="left" class="td_right">买方:<span>郑州燎原计算机技术有限公司</span></td>
                            </tr>
                              <tr>
                              <td align="left" class="td_left1">&emsp;&emsp;承办人:<span id="supplier_user2"></span></td>
                              <td align="left" class="td_right">法定代表人:<span>孔爱卿</span></td>
                              </tr>
                              <tr>
                              <td align="left" class="td_left1" >&emsp;&emsp;电话:<span id="supplier_tel"></span></td>
                              <td align="left" class="td_right">承办人:<span id="create_user"></span></td>
                              </tr>
                              <tr>
                                  <td align="left" class="td_left1">&emsp;&emsp;开户行:<span id="supplier_bank"></span></td>
                                  <td align="left" class="td_right">电话:<span id="create_user_tel"></span></td>
                              </tr>
                              <tr>
                                  <td align="left" class="td_left1">&emsp;&emsp;账号:<span id="supplier_account"></span></td>
                                  <td align="left" class="td_right">开户行:<span>漯河市工行铁东支行</span></td>
                              </tr>
                              <tr>
                                  <td align="left" class="td_left1"></td>
                                  <td align="left" class="td_right">账号:<span>1711020809200111116</span></td>
                              </tr>
                          </table>
                        </div>
                      </td>
                   </tr>
                  </tbody>
                </table>
                </div>
              </div>
            </div>
        </div>
    </div>
  </div>

  <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  <script>
  layui.config({
    base: '../../../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table'], function(){
    var $ = layui.$
    ,admin = layui.admin;

    var data = JSON.parse(JSON.stringify(parent.layui.table.editdata));
    $('#no').html(data.no);
    $('#supplier_name1').html(data.supplier_name);
    $('#supplier_name2').html(data.supplier_name);
    $('#payment_type').html(data.payment_type);
    $('#create_user').html(data.create_user_text);
    $('#consignee_name').html(data.consignee_name);
    $('#consignee_tel').html(data.consignee_tel);
    $('#supplier_user').html(data.supplier_contacts);
    $('#supplier_user2').html(data.supplier_contacts);
    $('#supplier_tel').html(data.supplier_phone_number);
    $('#supplier_bank').html(data.supplier_opening_bank);
    $('#supplier_account').html(data.supplier_account);


    admin.req({
        url: '/purchase/purchase_order/detail/?id='+data.id
        ,done: function(data){
            var items_data = data.data.items_data;
            var tel = data.data.tel;
            var create_time = data.data.create_time;
            var deliver_time = data.data.deliver_time;
            var count = 0
                ,amount = 0;
            for(var n in items_data){
                count += parseFloat(items_data[n].count);
                amount += parseFloat(items_data[n].amount);
                $('#tr_total').before("<tr>\n" +
                    "                        <td>"+items_data[n].name+"</td>\n" +
                    "                        <td>"+items_data[n].model+"</td>\n" +
                    "                        <td>"+items_data[n].standard+"</td>\n" +
                    "                        <td>"+items_data[n].count+"</td>\n" +
                    "                        <td>"+items_data[n].unit+"</td>\n" +
                    "                        <td align=\"right\">"+items_data[n].price+"</td>\n" +
                    "                        <td align=\"right\">"+items_data[n].amount+"</td>\n" +
                    "                    </tr>");
            }
            $('#total_amount').html(parseFloat(amount).toFixed(2));
            var amount_hans = smalltoBIG(parseFloat(amount).toFixed(2));
            $('#total_amount_hans').html(amount_hans);
            $('#create_user_tel').html(tel);
            $('#create_time').html(create_time);
            $('#deliver_time').html(deliver_time);
        }
    });
  });
  parent.layui.submitChild = function () {
      window.scrollTo(0,0);
      doPrint();
      parent.layui.onSubmitChild();
  };
  function smalltoBIG(n)
    {
        var fraction = ['角', '分'];
        var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
        var unit = [ ['元', '万', '亿'], ['', '拾', '佰', '仟']  ];
        var head = n < 0? '欠': '';
        n = Math.abs(n);

        var s = '';

        for (var i = 0; i < fraction.length; i++)
        {
            s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
        }
        s = s || '整';
        n = Math.floor(n);

        for (var i = 0; i < unit[0].length && n > 0; i++)
        {
            var p = '';
            for (var j = 0; j < unit[1].length && n > 0; j++)
            {
                p = digit[n % 10] + unit[1][j] + p;
                n = Math.floor(n / 10);
            }
            s = p.replace(/(零.)*零$/, '').replace(/^$/, '零')  + unit[0][i] + s;
        }
        return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');
    }

  function doPrint() {
        var $ = layui.$;
        document.body.innerHTML=$('#print_div').html();
        window.print();
  }
  </script>
</body>
</html>

