332 lines
16 KiB
Plaintext
Raw Normal View History

2021-08-01 23:46:03 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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, maximum-scale=1">
<link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
<link rel="stylesheet" href="../../../css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="viewPurchase">
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-form-item">
<label class="layui-form-label required">采购单名称</label>
<div class="layui-input-block">
<input type="text" name="purchasename" value="" disabled class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">供方</label>
<div class="layui-input-block">
<input type="text" name="suppliername" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">需方</label>
<div class="layui-input-block">
<input type="text" name="clientname" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">地址</label>
<div class="layui-input-block">
<input type="text" name="supplier_address" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">地址</label>
<div class="layui-input-block">
<input type="text" name="client_address" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">社会统一信用代码</label>
<div class="layui-input-block">
<input type="text" name="supplier_creditcode" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">社会统一信用代码</label>
<div class="layui-input-block">
<input type="text" name="client_creditcode" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">开户银行</label>
<div class="layui-input-block">
<input type="text" name="supplier_bank" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">开户银行</label>
<div class="layui-input-block">
<input type="text" name="client_bank" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">账号</label>
<div class="layui-input-block">
<input type="text" name="supplier_bankaccount" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">账号</label>
<div class="layui-input-block">
<input type="text" name="client_bankaccount" value="" disabled class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">电话号码</label>
<div class="layui-input-block">
<input type="text" name="supplier_telnum" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">电话号码</label>
<div class="layui-input-block">
<input type="text" name="client_telnum" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">传真</label>
<div class="layui-input-block">
<input type="text" name="supplier_fax" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">传真</label>
<div class="layui-input-block">
<input type="text" name="client_fax" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">联系人</label>
<div class="layui-input-block">
<input type="text" name="supplier_contactperson" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">联系人</label>
<div class="layui-input-block">
<input type="text" name="client_contactperson" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">手机号</label>
<div class="layui-input-block">
<input type="text" name="supplier_phonenum" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">手机号</label>
<div class="layui-input-block">
<input type="text" name="client_phonenum" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form-item">
<label class="layui-form-label required">邮箱</label>
<div class="layui-input-block">
<input type="text" name="supplier_email" value="" disabled class="layui-input">
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-col-md6"></div>
<label class="layui-form-label required">邮箱</label>
<div class="layui-input-block">
<input type="text" name="client_email" value="" disabled class="layui-input">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<table class="layui-hide" id="addBOM" lay-filter="addBOM"></table>
</div>
</div>
<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../../js/md5/md5.js" charset="utf-8"></script>
<script src="../../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
<script>
layui.config({
base: '../../../js/lay-module/'
}).extend({
tableEdit: 'tableEdit/tableEdit'
}).use(['table', 'tableEdit', 'form', 'layer'], function () {
var form = layui.form,
table = layui.table,
tableEdit = layui.tableEdit,
layer = layui.layer,
$ = layui.$;
var thisPurchase = layui.sessionData('thisPurchase').data.thisPurchaseID;//获取订单主键
if (thisPurchase == '' || thisPurchase == null || thisPurchase == undefined) {
layer.msg('无法获取当前选择的采购单ID请重试', { time: 1000 }, function () {
// 关闭弹出层
var iframeIndex = parent.layer.getFrameIndex(window.name);
parent.layer.close(iframeIndex);
});
return false;
}
else {
table.render({
elem: '#addBOM',
url: apiUrl + '/api/services/app/PurchaseDetails/GetAllPurchaseDetails?purchaseid=' + thisPurchase,
parseData: function (res) { //res 即为原始返回的数据
return {
"code": res.result.code, //解析接口状态
"msg": res.result.msg, //解析提示文本
"count": res.result.count, //解析数据长度
"data": res.result.data //解析数据列表
};
},
toolbar: '#toolbar',
defaultToolbar: ['filter', 'exports'],
cols: [[
{ type: "checkbox", width: 50 },
{ type: "numbers", title: '序号', width: 50 },
{ field: 'materialname', width: 300, align: 'left', title: '物料名称', sort: true },
{ field: 'standards', width: 150, title: '规格/图号', align: "center", edit: "text" },
{ field: 'unit', width: 100, title: '单位', align: "center", edit: "text" },
{ field: 'quantity', width: 100, title: '数量', align: "center", edit: "text" },
{ field: 'price', width: 100, title: '含税单价', align: "right", edit: "text" },
{ field: 'amount', width: 100, title: '金额', align: "right", edit: "text" },
{ field: 'deliverydates', title: '交货日期', width: 120, sort: true },
{ field: 'remark', width: 430, title: '备注', align: "left", edit: "text" },
{ field: 'createtime', hide: true, width: 300, title: '创建时间' },
]],
initSort: {
field: 'createtime', //排序字段,对应 cols 设定的各字段名
type: 'asc' //排序方式 asc: 升序、desc: 降序、null: 默认排序
},
limits: [10, 15, 20, 25, 50, 100],
limit: 15,
page: true,
skin: 'line'
});
//获取订单数据
$.ajax({
url: apiUrl + "/api/services/app/Purchase/Get", //请求的url地址
dataType: "json", //返回格式为json
//async: false,//请求是否异步默认为异步这也是ajax重要特性
data: { id: thisPurchase }, //参数值
type: "GET", //请求方式
success: function (req) {
//请求成功时处理
var data = req.result;
//加载时赋值
form.val("viewPurchase", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
"purchasename": data.purchasename,
"suppliername": data.suppliername,
"supplier_address": data.supplier_address,
"supplier_creditcode": data.supplier_creditcode,
"supplier_bank": data.supplier_bank,
"supplier_bankaccount": data.supplier_bankaccount,
"supplier_telnum": data.supplier_telnum,
"supplier_fax": data.supplier_fax,
"supplier_contactperson": data.supplier_contactperson,
"supplier_phonenum": data.supplier_phonenum,
"supplier_email": data.supplier_email,
"clientname": data.clientname,
"client_address": data.client_address,
"client_creditcode": data.client_creditcode,
"client_bank": data.client_bank,
"client_bankaccount": data.client_bankaccount,
"client_telnum": data.client_telnum,
"client_fax": data.client_fax,
"client_contactperson": data.client_contactperson,
"client_phonenum": data.client_phonenum,
"client_email": data.client_email,
});
},
error: function () {
/*错误信息处理*/
layer.msg("获取采购单信息失败,请重试!");
return false;
},
});
}
});
</script>
</body>
</html>