| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>
- 查看采购订单
- </title>
- <link rel="stylesheet" type="text/css" href="../apps/com.awspaas.user.apps.donenow_ivt/base.css">
- <link rel="stylesheet" type="text/css" href="../apps/com.awspaas.user.apps.donenow_ivt/bootstrap.min.css">
- <link href="../apps/com.awspaas.user.apps.donenow_ivt/index.css" rel="stylesheet">
- <link href="../apps/com.awspaas.user.apps.donenow_ivt/style.css" rel="stylesheet">
- <style>
- label {
- font-weight: normal;
- font-size: 12px;
- }
- .lableLeft {
- width: 110px;
- font-weight: bold;
- padding-left: 10px;
- text-align: left;
- }
- .itemTable td {
- text-align: left;
- border: solid 1px #d3d3d3;
- }
- .itemTable th {
- text-align: center;
- border: solid 1px #d3d3d3;
- }
- .infoTable td {
- text-align: left;
- vertical-align: top;
- }
- #tableTitle td {
- text-align: left;
- }
- #tableTitle td:first-child {
- text-align: right;
- }
- </style>
- </head>
- <body>
- <div class="header" style="">查看采购订单</div>
- <div class="header-title" style="min-width: 400px;">
- <ul>
- <li id="Print">
- <input type="button" value="打印" onclick="PrintOrder()">
- </li>
- <li id="Close" onclick="closeDialog()">
- <input type="button" value="关闭">
- </li>
- </ul>
- </div>
- <form id="form1">
- <div style="width: 700px;">
- <div style="margin-top: 60px; margin-left: 340px;">
- <label style="font-size: 20px;">采购订单</label><br>
- </div>
- <div style="width: 100%; padding: 20px 20px 20px 40px;">
- <!--采购订单信息-->
- <table id="tableTitle">
- <tbody>
- <tr>
- <td style="width: 100px;">采购订单号:
- </td>
- <td>
- <#purchase_order_no>
- </td>
- <td style="text-align: right;">创建人:</td>
- <td style="width: 120px;">
- <#create_user_name>
- </td>
- <td style="text-align: right;">创建日期:</td>
- <td>
- <#create_time>
- </td>
- </tr>
- <tr>
- <td style="width: 100px; text-align: right;">外部订单号:</td>
- <td>
- <#external_purchase_order_no>
- </td>
- </tr>
- <tr style="height: 10px;"></tr>
- <tr>
- <td>供应商:</td>
- <td colspan="7">
- <#vendor_name>
- </td>
- </tr>
- <tr>
- <td>联系方式:</td>
- <td colspan="7">
- <#vendor_phone>
- </td>
- </tr>
- <tr style="height: 10px;"></tr>
- <tr>
- <td>客户名称:</td>
- <td colspan="7">
- <#account_name>
- </td>
- </tr>
- <tr>
- <td>联系方式:</td>
- <td colspan="7">
- <#account_phone>
- </td>
- </tr>
- <tr style="height: 10px;"></tr>
- <tr>
- <td>合同:</td>
- <td colspan="7">
- <#contract>
- </td>
- </tr>
- <tr>
- <td>其他信息:</td>
- <td colspan="8">
- <#other_info>
- </td>
- </tr>
- <tr>
- <td>收货地址:</td>
- <td colspan="7"></td>
- </tr>
- <tr>
- <td>联系方式:</td>
- <td colspan="7">
- <#order_phone>
- </td>
- </tr>
- <tr style="height: 10px;"></tr>
- <tr>
- <td>支付期限:</td>
- <td colspan="7">
- <label style="width: 100px;">
- <#payment_term>
- </label>
- 配送类型:<label style="width: 100px;">
- <#shipping_type>
- </label>
- 配送日期:<#expected_ship_date>
- </td>
- </tr>
- <tr>
- <td>备注:</td>
- <td colspan="7">
- <#note>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div style="width: 100%; padding: 0 35px 10px 35px;">
- <table class="itemTable">
- <tbody>
- <tr style="background-color: #cecee4;" id="itemTableHeader">
- <th style="width: 90px;">产品名称</th>
- <th>产品描述</th>
- <th>成本</th>
- <th>含税成本</th>
- <th>采购数量</th>
- <th style="width: 70px;">总价</th>
- </tr>
- <tr>
- <td colspan="5" style="text-align: right;">总额</td>
- <td style="text-align: right;">
- <#total_cost>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div style="padding-left: 50px;">
- <label style="font-size: 14px;">总经理:</label><label style="width: 120px;"> </label>
- <label style="font-size: 14px;">财务:</label><label style="width: 120px;"> </label>
- <label style="font-size: 14px;">采购:</label><label style="width: 120px;"> </label>
- <label style="font-size: 14px;">日期:</label><label style="width: 80px;"> </label>
- </div>
- </div>
- </form>
- <script language="JavaScript" src="../commons/js/jquery/scripts/jquery.js"></script>
- <script language="JavaScript" src="../commons/js/awsui.js"></script>
- <script src="../apps/com.awspaas.user.apps.donenow_ivt/common.js"></script>
- <script src="../apps/com.awspaas.user.apps.donenow_ivt/layer.js" type="text/javascript"></script>
- <script>
- const items = '<#items>';
- $(function () {
- var pros = JSON.parse(items);
- let html = '';
- for (var i = 0; i < pros.length; i++) {
- var item = pros[i];
- html += "<tr>";
- html += "<td>" + item.name + "</td>";
- html += "<td>" + item.note + "</td>";
- html += "<td>" + item.unit_cost + "</td>";
- html += "<td>" + item.tax_cost + "</td>";
- html += "<td>" + item.quantity + "</td>";
- html += "<td>" + item.total_cost + "</td>";
- html += "</tr>";
- }
- $("#itemTableHeader").after(html);
- })
- function PrintOrder() {
- $(".header").hide();
- $(".header-title").hide();
- window.print();
- $(".header").show();
- $(".header-title").show();
- }
- function closeDialog() {
- parent.document.querySelector(".el-overlay>.el-overlay-dialog[aria-label='采购订单']>div.full-center-dialog>.show-close>.el-dialog__headerbtn").click();
- }
- </script>
- </body>
- </html>
|