提交 dc2167e3 编写于 作者: Skyeye云's avatar Skyeye云

ERP商品管理托管到表单布局

上级 16bc7bdd
// 工序选择必备参数
var procedureCheckType = 2;//工序选择类型:1.单选procedureMation;2.多选procedureMationList
var procedureMationList = new Array();
// 商品信息
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'textool', 'skuTable'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
textool = layui.textool,
skuTable = layui.skuTable;
textool.init({eleId: 'remark', maxlength: 200});
var enableData = skyeyeClassEnumUtil.getEnumDataListByClassName("commonEnable");
var skuTableObj = skuTable.render({
boxId: 'skuTableBox',
specTableElemId: 'fairy-spec-table',
skuTableElemId: 'fairy-sku-table',
// 是否开启sku表行合并
rowspan: true,
// 多规格SKU表配置
multipleSkuTableConfig: {
thead: [
{title: '图片', icon: ''},
{title: '安全库存', icon: 'layui-icon-cols'},
{title: '初始库存', width: '150px'},
{title: '零售价(元)', icon: 'layui-icon-cols'},
{title: '最低售价(元)', icon: 'layui-icon-cols'},
{title: '采购价/成本价(元)', icon: 'layui-icon-cols'},
{title: '销售价(元)', icon: 'layui-icon-cols'},
{title: '状态', icon: ''},
],
tbody: [
{type: 'image', field: 'logo', value: '', verify: 'required', reqtext: ''},
{type: 'input', field: 'safetyTock', value: '0', verify: 'required|number'},
{type: 'btn', field: 'normsStock'},
{type: 'input', field: 'retailPrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'lowPrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'estimatePurchasePrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'salePrice', value: '0', verify: 'required|money'},
{type: 'select', field: 'enable', option: enableData.rows},
]
}
});
sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["erpMaterialCategory"]["key"], 'radioTree', "materialCategoryType", '', form);
skyeyeClassEnumUtil.showEnumDataListByClassName("commonEnable", 'radio', "enabled", '', form);
skyeyeClassEnumUtil.showEnumDataListByClassName("materialFromType", 'radio', "fromType", '', form);
skyeyeClassEnumUtil.showEnumDataListByClassName("materialType", 'radio', "materialType", '', form);
skyeyeEnclosure.init('enclosureUpload');
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var materialCategoryType = $("#materialCategoryType").attr("chooseId");
if (isNull(materialCategoryType)) {
winui.window.msg('请选择商品所属类型', {icon: 2, time: 2000});
return false;
}
var params = {
materialName: $("#materialName").val(),
model: $("#model").val(),
unitName: isNull($("#unitName").val()) ? "" : $("#unitName").val(),
categoryId: materialCategoryType,
remark: $("#remark").val(),
unit: $("input[name='unit']:checked").val(),
unitGroupId: isNull($("#unitGroupId").val()) ? "" : $("#unitGroupId").val(),
firstInUnit: isNull($("#firstInUnit").val()) ? "" : $("#firstInUnit").val(),
firstOutUnit: isNull($("#firstOutUnit").val()) ? "" : $("#firstOutUnit").val(),
materialNorms: JSON.stringify(skuTableObj.getFormSkuDataList()),
normsSpec: JSON.stringify(skuTableObj.getFormSpecData()),
fromType: $("#fromType input:radio:checked").val(),
type: $("#materialType input:radio:checked").val(),
enabled: $("#enabled input:radio:checked").val(),
enclosureInfo: skyeyeEnclosure.getEnclosureIdsByBoxId('enclosureUpload'),
materialProcedure: JSON.stringify(procedureMationList)
};
var extendData = new Array();
$.each($("#extendMationBox .extendMation"), function(i, item) {
extendData.push({
labelName: $(item).children(".layui-form-label").children("font").html(),
content: $(item).children(".layui-input-block").children("input").val(),
orderBy: (i + 1)
});
});
params.extendData = JSON.stringify(extendData);
AjaxPostUtil.request({url: flowableBasePath + "writeMaterialMation", params: params, type: 'json', method: 'POST', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
// 扩展信息
var extendTemplate = $("#extendTemplate").html();
// 新增
$("body").on("click", "#addExtendRow", function() {
$("#extendMationBox").append(extendTemplate);
});
// 删除
$("body").on("click", "#extendMationBox .close-btn", function() {
var _this = this;
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
$(_this).parent().remove();
});
});
// 双击重命名
$("body").on("dblclick", "#extendMationBox .layui-form-label font", function() {
var labelName = $(this).html();
$(this).hide();
$(this).parent().children("input").val(labelName);
$(this).parent().children("input").show();
});
$(document).click(function (e) {
var _con = $('.label-edit');
if (!_con.is(e.target) && _con.has(e.target).length === 0) {
$.each($('.label-edit'), function (i, item) {
//判断是否是隐藏状态
if (!$(item).is(':hidden')) {
//显示状态
$(item).parent().children("font").html($(item).val());
$(item).parent().children("font").show();
$(item).hide();
}
});
}
});
// 工序选择
$("body").on("click", "#procedureChoose", function() {
_openNewWindows({
url: "../../tpl/erpWorkProcedure/erpWorkProcedureChoose.html",
title: "工序选择",
pageId: "erpWorkProcedureChoose",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
var str = "";
$.each(procedureMationList, function(i, item) {
str += '<br><span class="layui-badge layui-bg-blue" style="height: 25px !important; line-height: 25px !important; margin: 5px 0px;">' + item.procedureName + '<span class="layui-badge layui-bg-gray">' + item.number + '</span></span>';
});
$("#procedureChoose").parent().html('<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="procedureChoose">工序选择</button>' + str);
}});
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
var mUnitId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'skuTable'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
skuTable = layui.skuTable;
showGrid({
id: "showForm",
url: flowableBasePath + "material007",
params: {id: parent.rowId},
pagination: false,
method: 'GET',
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function(hdb, json) {
json.bean.enabled = skyeyeClassEnumUtil.getEnumDataNameByClassName('commonEnable', 'id', json.bean.enabled, 'name');
json.bean.fromType = skyeyeClassEnumUtil.getEnumDataNameByClassName('materialFromType', 'id', json.bean.fromType, 'name');
json.bean.type = skyeyeClassEnumUtil.getEnumDataNameByClassName('materialType', 'id', json.bean.type, 'name');
},
ajaxSendAfter:function (json) {
var skuData = {};
$.each(json.bean.norms, function (index, item) {
skuData[item.tableNum] = item;
});
var enableData = skyeyeClassEnumUtil.getEnumDataListByClassName("commonEnable");
skuTable.render({
boxId: 'skuTableBox',
specTableElemId: 'fairy-spec-table',
skuTableElemId: 'fairy-sku-table',
// 是否开启sku表行合并
rowspan: true,
edit: false,
// 多规格SKU表配置
multipleSkuTableConfig: {
thead: [
{title: '图片', icon: ''},
{title: '安全库存', icon: 'layui-icon-cols'},
{title: '初始库存', width: '150px'},
{title: '零售价(元)', icon: 'layui-icon-cols'},
{title: '最低售价(元)', icon: 'layui-icon-cols'},
{title: '采购价/成本价(元)', icon: 'layui-icon-cols'},
{title: '销售价(元)', icon: 'layui-icon-cols'},
{title: '状态', icon: ''},
],
tbody: [
{type: 'image', field: 'logo', value: '', verify: 'required', reqtext: ''},
{type: 'input', field: 'safetyTock', value: '0', verify: 'required|number'},
{type: 'btn', field: 'normsStock'},
{type: 'input', field: 'retailPrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'lowPrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'estimatePurchasePrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'salePrice', value: '0', verify: 'required|money'},
{type: 'select', field: 'enable', option: enableData.rows},
]
},
specData: JSON.parse(json.bean.normsSpec),
skuData: skuData,
otherMationData: json.bean
});
// 附件回显
skyeyeEnclosure.showDetails({"enclosureUploadBtn": json.bean.enclosureInfo});
matchingLanguage();
form.render();
}
});
$("body").on("click", ".notice-title-click", function (e) {
mUnitId = $(this).attr("rowid");
_openNewWindows({
url: "../../tpl/material/materialStockList.html",
title: "库存明细",
pageId: "materialStockList",
area: ['100vw', '100vh'],
callBack: function (refreshCode) {
}});
});
});
});
\ No newline at end of file
// 工序选择必备参数
var procedureCheckType = 2;//工序选择类型:1.单选procedureMation;2.多选procedureMationList
var procedureMationList = new Array();
// 商品信息
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'textool', 'skuTable'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
textool = layui.textool,
skuTable = layui.skuTable;
showGrid({
id: "showForm",
url: flowableBasePath + "material007",
params: {id: parent.rowId},
pagination: false,
method: 'GET',
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter: function(j) {
textool.init({eleId: 'remark', maxlength: 200});
var skuData = {};
$.each(j.bean.norms, function (index, item) {
skuData[item.tableNum] = item;
});
var enableData = skyeyeClassEnumUtil.getEnumDataListByClassName("commonEnable");
var skuTableObj = skuTable.render({
boxId: 'skuTableBox',
specTableElemId: 'fairy-spec-table',
skuTableElemId: 'fairy-sku-table',
// 是否开启sku表行合并
rowspan: true,
// 多规格SKU表配置
multipleSkuTableConfig: {
thead: [
{title: '图片', icon: ''},
{title: '安全库存', icon: 'layui-icon-cols'},
{title: '初始库存', width: '150px'},
{title: '零售价(元)', icon: 'layui-icon-cols'},
{title: '最低售价(元)', icon: 'layui-icon-cols'},
{title: '采购价/成本价(元)', icon: 'layui-icon-cols'},
{title: '销售价(元)', icon: 'layui-icon-cols'},
{title: '状态', icon: ''},
],
tbody: [
{type: 'image', field: 'logo', value: '', verify: 'required', reqtext: ''},
{type: 'input', field: 'safetyTock', value: '0', verify: 'required|number'},
{type: 'btn', field: 'normsStock'},
{type: 'input', field: 'retailPrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'lowPrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'estimatePurchasePrice', value: '0', verify: 'required|money'},
{type: 'input', field: 'salePrice', value: '0', verify: 'required|money'},
{type: 'select', field: 'enable', option: enableData.rows},
]
},
specData: JSON.parse(j.bean.normsSpec),
skuData: skuData,
otherMationData: j.bean
});
sysDictDataUtil.showDictDataListByDictTypeCode(sysDictData["erpMaterialCategory"]["key"], 'radioTree', "materialCategoryType", j.bean.categoryId, form);
skyeyeClassEnumUtil.showEnumDataListByClassName("commonEnable", 'radio', "enabled", j.bean.enabled, form);
skyeyeClassEnumUtil.showEnumDataListByClassName("materialFromType", 'radio', "fromType", j.bean.fromType, form);
skyeyeClassEnumUtil.showEnumDataListByClassName("materialType", 'radio', "materialType", j.bean.materialType, form);
// 初始化工序
procedureMationList = [].concat(j.bean.procedureMationList);
skyeyeEnclosure.initTypeISData({'enclosureUpload': j.bean.enclosureInfo});
matchingLanguage();
form.render();
form.on('submit(formEditBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var materialCategoryType = $("#materialCategoryType").attr("chooseId");
if (isNull(materialCategoryType)) {
winui.window.msg('请选择商品所属类型', {icon: 2, time: 2000});
return false;
}
var params = {
materialName: $("#materialName").val(),
model: $("#model").val(),
unitName: isNull($("#unitName").val()) ? "" : $("#unitName").val(),
categoryId: materialCategoryType,
remark: $("#remark").val(),
unit: $("input[name='unit']:checked").val(),
unitGroupId: isNull($("#unitGroupId").val()) ? "" : $("#unitGroupId").val(),
firstInUnit: isNull($("#firstInUnit").val()) ? "" : $("#firstInUnit").val(),
firstOutUnit: isNull($("#firstOutUnit").val()) ? "" : $("#firstOutUnit").val(),
materialNorms: JSON.stringify(skuTableObj.getFormSkuDataList()),
normsSpec: JSON.stringify(skuTableObj.getFormSpecData()),
fromType: $("#fromType input:radio:checked").val(),
type: $("#materialType input:radio:checked").val(),
enabled: $("#enabled input:radio:checked").val(),
enclosureInfo: skyeyeEnclosure.getEnclosureIdsByBoxId('enclosureUpload'),
materialProcedure: JSON.stringify(procedureMationList),
id: parent.rowId
};
var extendData = new Array();
$.each($("#extendMationBox .extendMation"), function(i, item) {
extendData.push({
labelName: $(item).children(".layui-form-label").children("font").html(),
content: $(item).children(".layui-input-block").children("input").val(),
orderBy: (i + 1)
});
});
params.extendData = JSON.stringify(extendData);
AjaxPostUtil.request({url: flowableBasePath + "writeMaterialMation", params: params, type: 'json', method: 'POST', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
}
});
// 扩展信息
var extendTemplate = $("#extendTemplate").html();
// 新增
$("body").on("click", "#addExtendRow", function() {
$("#extendMationBox").append(extendTemplate);
});
// 删除
$("body").on("click", "#extendMationBox .close-btn", function() {
var _this = this;
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
$(_this).parent().remove();
});
});
// 双击重命名
$("body").on("dblclick", "#extendMationBox .layui-form-label font", function() {
var labelName = $(this).html();
$(this).hide();
$(this).parent().children("input").val(labelName);
$(this).parent().children("input").show();
});
$(document).click(function (e) {
var _con = $('.label-edit');// 设置目标区域
if(!_con.is(e.target) && _con.has(e.target).length === 0){
$.each($('.label-edit'), function(i, item) {
//判断是否是隐藏状态
if(!$(item).is(':hidden')){
//显示状态
$(item).parent().children("font").html($(item).val());
$(item).parent().children("font").show();
$(item).hide();
}
});
}
});
// 工序选择
$("body").on("click", "#procedureChoose", function() {
_openNewWindows({
url: "../../tpl/erpWorkProcedure/erpWorkProcedureChoose.html",
title: "工序选择",
pageId: "erpWorkProcedureChoose",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
var str = "";
$.each(procedureMationList, function(i, item) {
str += '<br><span class="layui-badge layui-bg-blue" style="height: 25px !important; line-height: 25px !important; margin: 5px 0px;">' + item.procedureName + '<span class="layui-badge layui-bg-gray">' + item.number + '</span></span>';
});
$("#procedureChoose").parent().html('<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="procedureChoose">工序选择</button>' + str);
}});
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table;
authBtn('1570697180609');
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: flowableBasePath + 'material001',
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'name', title: '商品名称', align: 'left', width: 150, templet: function (d) {
return '<a lay-event="details" class="notice-title-click">' + d.name + '</a>';
}},
{ field: 'model', title: '型号', align: 'left', width: 150 },
{ field: 'categoryName', title: '所属类型', width: 100 },
{ field: 'typeName', title: '商品来源', align: 'left', width: 100 },
{ field: 'unitType', title: '规格类型', align: 'center', width: 100 },
{ field: 'enabled', title: '状态', align: 'center', width: 60, templet: function (d) {
if (d.enabled == 2) {
return "<span class='state-down'>禁用</span>";
} else if (d.enabled == 1) {
return "<span class='state-up'>启用</span>";
}
}},
{ field: 'createName', title: systemLanguage["com.skyeye.createName"][languageType], width: 120 },
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ field: 'lastUpdateName', title: systemLanguage["com.skyeye.lastUpdateName"][languageType], align: 'left', width: 120 },
{ field: 'lastUpdateTime', title: systemLanguage["com.skyeye.lastUpdateTime"][languageType], align: 'center', width: 150 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 120, toolbar: '#tableBar' }
]],
done: function(json) {
matchingLanguage();
initTableSearchUtil.initAdvancedSearch(this, json.searchFilter, form, "请输入商品名称,规格", function () {
table.reloadData("messageTable", {page: {curr: 1}, where: getTableParams()});
});
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'edit') { //编辑
edit(data);
} else if (layEvent === 'delet') { //删除
delet(data);
} else if (layEvent === 'details') { //详情
details(data);
}
});
// 详情
function details(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/material/materialDetails.html",
title: systemLanguage["com.skyeye.detailsPageTitle"][languageType],
pageId: "materialDetails",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
}});
}
// 添加
$("body").on("click", "#addBean", function() {
_openNewWindows({
url: "../../tpl/material/materialAdd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "materialAdd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
// 删除
function delet(data) {
layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function (index) {
layer.close(index);
AjaxPostUtil.request({url: flowableBasePath + "material006", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
}
// 编辑
function edit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/material/materialEdit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "materialEdit",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}
});
}
form.render();
$("body").on("click", "#reloadTable", function() {
loadTable();
});
function loadTable() {
table.reloadData("messageTable", {where: getTableParams()});
}
function getTableParams() {
return $.extend(true, {}, initTableSearchUtil.getSearchValue("messageTable"));
}
exports('materialList', {});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基础信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="materialName" name="materialName" win-verify="required" placeholder="请输入商品名称" class="layui-input" maxlength="50"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">型号<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="model" name="model" win-verify="required" placeholder="请输入型号" class="layui-input" maxlength="50"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">所属类型<i class="red">*</i></label>
<div class="layui-input-block" id="materialCategoryType">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">状态<i class="red">*</i></label>
<div class="layui-input-block" id="enabled">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品来源<i class="red">*</i></label>
<div class="layui-input-block winui-radio" id="fromType">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品类型<i class="red">*</i></label>
<div class="layui-input-block winui-radio" id="materialType">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">工序资料</label>
<div class="layui-input-block">
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="procedureChoose">工序选择</button>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea id="remark" placeholder="请填写备注" maxlength="200" class="layui-textarea" style="height: 100px;"></textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">附件资料</label>
<div class="layui-input-block" id="enclosureUpload">
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">规格信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs12" id="skuTableBox">
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">扩展信息</span>
<button id="addExtendRow" class="winui-toolbtn" type="button"><i class="fa fa-plus" aria-hidden="true"></i>新增扩展字段</button><hr>
</div>
<div id="extendMationBox">
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<script type="text/x-handlebars-template" id="extendTemplate">
<div class="layui-form-item layui-col-xs6 extendMation">
<span class="close-btn">
<i class="fa fa-times-circle"></i>
</span>
<label class="layui-form-label">
<font>未命名</font>
<input type="text" class="layui-input label-edit" style="display: none;"/>
</label>
<div class="layui-input-block">
<input type="text" class="layui-input"/>
</div>
</div>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/material/'}).use('materialAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm">
</form>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基础信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品名称</label>
<div class="layui-input-block ver-center">
{{materialName}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">型号</label>
<div class="layui-input-block ver-center">
{{model}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">所属类型</label>
<div class="layui-input-block ver-center">
{{categoryName}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">状态</label>
<div class="layui-input-block ver-center">
{{enabled}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品来源</label>
<div class="layui-input-block ver-center">
{{fromType}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品类型</label>
<div class="layui-input-block ver-center">
{{type}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">工序资料</label>
<div class="layui-input-block ver-center" id="procedureShowBox">
{{#each procedureMationList}}
<span class="layui-badge layui-bg-blue" style="height: 25px !important; line-height: 25px !important; margin: 5px 0px;">{{procedureName}}
<span class="layui-badge layui-bg-gray">{{number}}</span>
</span>
<br>
{{/each}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block ver-center">
{{remark}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">附件资料</label>
<div class="layui-input-block ver-center" id="enclosureUploadBtn">
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">规格信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs12" id="skuTableBox">
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">扩展信息</span><hr>
</div>
{{#each extends}}
<div class="layui-form-item layui-col-xs6 extendMation">
<label class="layui-form-label">
<font>{{lableName}}</font>
</label>
<div class="layui-input-block ver-center">
{{content}}
</div>
</div>
{{/each}}
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/material/'}).use('materialDetails');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基础信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="materialName" name="materialName" win-verify="required" placeholder="请输入商品名称" class="layui-input" maxlength="50" value="{{materialName}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">型号<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="model" name="model" win-verify="required" placeholder="请输入型号" class="layui-input" maxlength="50" value="{{model}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">所属类型<i class="red">*</i></label>
<div class="layui-input-block" id="materialCategoryType">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">状态<i class="red">*</i></label>
<div class="layui-input-block" id="enabled">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品来源<i class="red">*</i></label>
<div class="layui-input-block winui-radio" id="fromType">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">商品类型<i class="red">*</i></label>
<div class="layui-input-block winui-radio" id="materialType">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">工序资料</label>
<div class="layui-input-block">
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="procedureChoose">工序选择</button>
{{#each procedureMationList}}
<br>
<span class="layui-badge layui-bg-blue" style="height: 25px !important; line-height: 25px !important; margin: 5px 0px;">{{procedureName}}
<span class="layui-badge layui-bg-gray">{{number}}</span>
</span>
{{/each}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea id="remark" placeholder="请填写备注" maxlength="200" class="layui-textarea" style="height: 100px;">{{remark}}</textarea>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">附件资料</label>
<div class="layui-input-block" id="enclosureUpload">
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">规格信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs12" id="skuTableBox">
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">扩展信息</span>
<button id="addExtendRow" class="winui-toolbtn" type="button"><i class="fa fa-plus" aria-hidden="true"></i>新增扩展字段</button><hr>
</div>
<div id="extendMationBox">
{{#each extends}}
<div class="layui-form-item layui-col-xs6 extendMation">
<span class="close-btn">
<i class="fa fa-times-circle"></i>
</span>
<label class="layui-form-label">
<font>{{lableName}}</font>
<input type="text" class="layui-input label-edit" style="display: none;"/>
</label>
<div class="layui-input-block">
<input type="text" class="layui-input" value="{{content}}"/>
</div>
</div>
{{/each}}
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
</script>
<script type="text/x-handlebars-template" id="extendTemplate">
<div class="layui-form-item layui-col-xs6 extendMation">
<span class="close-btn">
<i class="fa fa-times-circle"></i>
</span>
<label class="layui-form-label">
<font>未命名</font>
<input type="text" class="layui-input label-edit" style="display: none;"/>
</label>
<div class="layui-input-block">
<input type="text" class="layui-input"/>
</div>
</div>
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/material/'}).use('materialEdit');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn search-table-btn-right"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addBean" class="winui-toolbtn search-table-btn-right" auth="1570697180609"><i class="fa fa-plus" aria-hidden="true"></i><language showName="com.skyeye.addBtn"></language></button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(auth('1570697180609')){ }}
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# if(auth('1570697208099')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delet"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
</script>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/material/'}).use('materialList');
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册