<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script>
|
</head>
|
<body>
|
<div class="ibox-content">
|
<form class="form-horizontal" id="dataform"
|
onsubmit="javascripr:return false;">
|
|
<input autocomplete="off" type="hidden" name="id" th:value="${obj?.id}">
|
|
<div class="form-group">
|
<label class="col-offset-1 col-sm-2 control-label">项目分类<span
|
class="text-danger">*</span></label>
|
<div class="col-sm-3">
|
<select class="form-control select2" size="1" name="projTypeId"
|
datatype="*" nullmsg="项目分类不能为空" id="projTypeId">
|
<option value=''>--选择项目分类--</option>
|
</select>
|
<div class="Validform_checktip"></div>
|
</div>
|
|
<label class="col-sm-2 control-label">项目名称<span
|
class="text-danger">*</span></label>
|
<div class="col-sm-3">
|
<input autocomplete="off" type="text" class="form-control" name="projName"
|
th:value="${obj?.projName }" datatype="*1-50" nullmsg="项目名称不能为空"
|
errormsg="长度不能超过20">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">项目编号<span
|
class="text-danger">*</span></label>
|
<div class="col-sm-3">
|
<input autocomplete="off" type="text" class="form-control" name="projNo"
|
th:value="${obj?.projNo }" datatype="*1-200" nullmsg="项目编号不能为空"
|
errormsg="长度不能超过200">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">服务时长(分钟)<span
|
class="text-danger">*</span></label>
|
<div class="col-sm-3">
|
<input autocomplete="off" type="text" dataType="n" class="form-control"
|
name="timeLength" th:value="${obj?.timeLength}" nullmsg="服务时长不能为空"
|
errormsg="服务时长为数字">
|
<div class="Validform_checktip"></div>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">项目提成<!-- <span
|
class="text-danger">*</span> --></label>
|
<div class="col-sm-3">
|
<input autocomplete="off" type="text" dataType="price" class="form-control" ignore="ignore"
|
name="proReward" th:value="${obj?.proReward}" >
|
<!-- <div class="Validform_checktip"></div> -->
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label"> 消耗绑定<!-- <span
|
class="text-danger">*</span> -->
|
</label>
|
<div class="col-sm-3">
|
<button class="btn btn-success btn-sm" onclick="openPruductList()"
|
type="button">添加配料</button>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-8 col-md-offset-2">
|
<table class="table table-striped table-hover table-bordered"
|
id="mgrid">
|
<thead>
|
<tr>
|
<th>序号</th>
|
<th>产品编号</th>
|
<th>产品名称</th>
|
<th>产品类型</th>
|
|
<th>容量</th>
|
<th>存货单位</th>
|
<th width="120">数量<span class="text-danger">*</span></th>
|
<th>操作</th>
|
</tr>
|
</thead>
|
<tbody id="cpId">
|
|
</tbody>
|
|
</table>
|
</div>
|
</div>
|
|
|
<div class="form-group ">
|
<div class="col-sm-12 text-center fixed-button">
|
<a href="javascript:;" onclick="myForm.submit()"
|
class="btn btn-success radius"><i class="fa fa-check"></i> 保存</a>
|
<a class="btn btn-danger radius" href="javascript:;"
|
onclick="MTools.closeForm()"><i class="fa fa-close"></i> 关闭</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</body>
|
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script th:inline="javascript">
|
var obj=/*[[${obj}]]*/
|
|
$(".select2").select2({
|
'width' : '100%'
|
});
|
|
var selectArr = null;
|
var totalGoods = [];
|
//初始化操作
|
MTools.autoFullSelect();
|
initTaocanTypes();
|
readInitData();
|
writeDate();
|
var myForm = MForm.initForm({
|
beforeSubmit : function() {
|
//是否绑定明细
|
/*
|
var bodyTrs = $("#cpId").find("tr");
|
if (bodyTrs.length == 0) {
|
layer.msg("请添加配料", {
|
icon : 2
|
});
|
return false;
|
}*/
|
|
},
|
invokeUrl : basePath+"/admin/proj/addOrModify",
|
afterSubmit : function() {
|
parent.myGrid.serchData();
|
},
|
});
|
//时间
|
$('.datetimepicker').datetimepicker({
|
format : "yyyy-mm-dd",
|
//format : "yyyy-mm-dd hh:ii",
|
|
});
|
|
//初始化产品列表
|
function readInitData() {
|
|
var projItemsL=/*[[${obj?.sysProjGoodss}]]*/
|
|
if(projItemsL) {
|
for (var i = 0; i < projItemsL.length; i++) {
|
var projItem = projItemsL[i];
|
|
var obj = new Object();
|
obj.goodsSortName = projItem.goods.goodsSortName;
|
obj.goodsNo = projItem.goods.goodsNo;
|
obj.unit = projItem.goods.unit;
|
obj.name = projItem.goods.name;
|
obj.measure = projItem.goods.measure;
|
obj.id = projItem.skuId;
|
obj.sum = projItem.total;
|
obj.volume = projItem.goods.volume;
|
totalGoods[i] = obj;
|
|
}
|
|
}
|
console.log(totalGoods);
|
}
|
|
/**
|
* 初始化项目列表
|
*/
|
function initTaocanTypes() {
|
$.AjaxProxy({
|
a : false,
|
c : false
|
}).invoke(basePath+"/admin/projtype/all", function(loj) {
|
$("#projTypeId").createSelectTree(loj.attr("result").rows, {
|
append : true,
|
value : "typeName",
|
defaultValue : obj?obj.projTypeId:""
|
});
|
});
|
|
}
|
|
//打开消耗产品界面
|
function openPruductList() {
|
layer.full(
|
layer
|
.open({
|
type : 2,
|
title : "选择产品",
|
area : [ MUI.SIZE_L, '600px' ],
|
content : [ basePath+'/admin/redirect/hive/products/select-products-list?goodsAttr=消耗产品' ]
|
}));
|
}
|
|
//添加产品回调
|
function callback(arr) {
|
console.log(arr);
|
removeDouble(arr);
|
writeDate();
|
}
|
|
//赋值或者去重复
|
function removeDouble(arr) {
|
if (totalGoods == null) {
|
totalGoods = arr;
|
} else {
|
//去重
|
var isDouble = false;
|
for (var i = 0; i < arr.length; i++) {
|
for (var j = 0; j < totalGoods.length; j++) {
|
if (arr[i].id == totalGoods[j].id) {
|
isDouble = true;
|
break;
|
}
|
}
|
//如果不重复
|
if (!isDouble) {
|
totalGoods[totalGoods.length] = arr[i];
|
}
|
}
|
}
|
}
|
|
//删除选中的元素
|
function delSelectItem(node, id) {
|
for (var i = 0; i < totalGoods.length; i++) {
|
if (totalGoods[i].id == id) {
|
totalGoods.splice(i, 1);
|
break;
|
|
}
|
}
|
console.log(totalGoods);
|
//移除tr
|
$(node).closest('tr').remove();
|
$("tbody").find("tr").each(function(i) {
|
$(this).find("td").eq(0).html(i + 1);
|
});
|
}
|
//填写数据到html
|
function writeDate() {
|
console.log(totalGoods);
|
var html = "";
|
for (var i = 0; i < totalGoods.length; i++) {
|
if (!totalGoods[i].sum) {
|
totalGoods[i].sum = "";
|
}
|
html += '<tr>' + '<td>'
|
+ (i + 1)
|
+ '</td>'
|
+ '<td>'
|
+ totalGoods[i].goodsNo
|
+ '</td>'
|
+ '<td>'
|
+ totalGoods[i].name
|
+ '<input autocomplete="off" type="hidden" name="sysProjGoodss['
|
+ i
|
+ '].skuId" value="'
|
+ totalGoods[i].id
|
+ '"</td>'
|
+ '<td>'
|
+ totalGoods[i].goodsSortName
|
+ '</td>'
|
+ '<td>'
|
+ totalGoods[i].volume
|
+ totalGoods[i].measure
|
+ '</td>'
|
+ '<td>'
|
+ totalGoods[i].unit
|
+ '</td>'
|
+ '<td><input autocomplete="off" name="sysProjGoodss['+i+'].total" type="number" maxlength="8" min="0" class="" style="width:50px" datatype="price" errormsg="请输入大于0的值" value="'+totalGoods[i].sum+'"> '
|
+ totalGoods[i].measure
|
+ '<div class="Validform_checktip"></div></td>'
|
+ '<td class="center"><a style="text-decoration: none" class="fa fa-trash" onClick="delSelectItem(this,'
|
+ totalGoods[i].id
|
+ ')" href="javascript:;" title="删除"></a></td>' + '</tr>'
|
}
|
$("#cpId").html(html);
|
}
|
</script>
|
</body>
|
</html>
|
