332 lines
16 KiB
HTML
332 lines
16 KiB
HTML
<!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> |