<!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>
|
|
<style type="text/css">
|
.notable{
|
display: none ;
|
position: absolute;
|
width: 30%;
|
|
z-index: 10000;
|
background: white;
|
display: none;
|
left: 70%;
|
top: 35px;
|
max-height: 150px;
|
overflow: scroll;
|
overflow-x:hidden;
|
border:1px solid #eee;
|
}
|
.notable ul{
|
padding-left:10px;
|
}
|
.notable li{
|
list-style-type: none;
|
line-height:22px;
|
}
|
</style>
|
</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-sm-2 control-label">产品编号<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" style="width: 70% ;float: left;" class="form-control" name="goodsNo" th:value="${obj?.goodsNo }" datatype="*1-20" nullmsg="产品编号不能为空" errormsg="长度不能超过20位">
|
<a href="javascript:;" onclick="showNo()" style="width: 30% ;float: left;" class="btn btn-success radius">查看编号</a>
|
<div class="notable" id="projNo" >
|
<ul id="noUl">
|
<li th:each="item,userStat : ${nos}" th:text="${item.goodsNo }" ></li>
|
</ul>
|
</div>
|
<div class="Validform_checktip"></div>
|
</div>
|
<label class="col-sm-2 control-label">产品名称<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="name"
|
th:value="${obj?.name }" datatype="*1-20" 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-4">
|
<select class="form-control" name="goodsAttr" id="goodsAttr" nullmsg="用途不能为空" dataType="*">
|
<option value=''>--请选择产品用途--</option>
|
<option value='家居产品' th:selected="${obj?.goodsAttr eq '家居产品'} ">家居产品</option>
|
<option value='消耗产品' th:selected="${obj?.goodsAttr eq '消耗产品'} ">消耗产品</option>
|
<option value='家居产品或消耗产品' th:selected="${obj?.goodsAttr eq '家居产品或消耗产品'} ">家居产品或消耗产品</家居产品或消耗产品></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-4">
|
<select class="select2 form-control " size="1" datatype="*1-16"
|
|
name="goodsSortId" id="goodsSortId" nullmsg="分类不能为空">
|
<option value=''>--选择产品分类--</option>
|
</select>
|
<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-4">
|
<select class="form-control autoFull" dataType="*" nullmsg="往来单位不能为空!" name="supplierId" id="supplierId"
|
data-filed="supplName" th:data-def="${obj?.supplierId}"
|
th:data-url="@{/admin/supplier/all}">
|
<option value=''>--请选择往来单位--</option>
|
</select>
|
<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-4">
|
<input autocomplete="off" type="text" class="form-control" name="price"
|
th:value="${obj?.price }" datatype="price" nullmsg="成本价不能为空" >
|
<div class="Validform_checktip"></div>
|
</div>
|
<label class="col-sm-2 control-label">批发价</label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="wholesale" ignore="ignore"
|
th:value="${obj?.wholesale }" datatype="price"
|
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-4">
|
<div class="input-group " style="justify-content:space-between;display: flex;align-items:center">
|
<span> 一</span>
|
<select class="form-control autoFull" data-filed="name" style="width: 200px"
|
data-value="name" name="unit" th:data-def="${obj?.unit}"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'存货单位'}" datatype="*1-10" nullmsg="存货单位不能为空">
|
<option value="">-- 请选择存货单位 --</option>
|
</select>
|
<span >=</span>
|
<input autocomplete="off" type="text" class="form-control" name="volume" style="width: 50px"
|
th:value="${obj?.volume }" datatype="n" >
|
<select class="form-control autoFull" name="measure" id="measure" onchange="setMeasure()" style="width: 200px"
|
nullmsg="计量单位不能为空" dataType="*" data-filed="name" data-value="name"
|
th:data-def="${obj?.measure}"
|
th:data-url="@{/admin/dataDictionary/showDataDictionary}"
|
data-param="{type:'计量单位'}">
|
<option value=''>--请选计量单位--</option>
|
</select>
|
</div>
|
</div>
|
|
<label class="col-sm-2 control-label">库存警戒值<span class="text-danger">*</span></label>
|
<div class="col-sm-4">
|
<input autocomplete="off" type="text" class="form-control" name="alarmNum"
|
th:value="${obj?.alarmNum }" datatype="n" >
|
<div class="Validform_checktip"></div>
|
</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">
|
|
/*<![CDATA[*/
|
var obj=/*[[${obj}]]*/
|
/*]]>*/
|
|
|
|
$(".select2").select2({'width':'100%'});
|
//初始化商品属性搜索列表
|
MTools.autoFullSelect();
|
initGoodsTypes();
|
var myForm = MForm.initForm({
|
invokeUrl : basePath+"/admin/goods/addOrModify",
|
beforeSubmit:function(){
|
|
},
|
afterSubmit : function() {
|
parent.myGrid.serchData();
|
},
|
});
|
|
|
|
function showNo(){
|
$("#projNo").css("display")=='none'?$("#projNo").show():$("#projNo").hide();
|
}
|
|
/**
|
* 初始化产品列表
|
*/
|
function initGoodsTypes() {
|
/*<![CDATA[*/
|
var goodsSortId=/*[[${obj?.goodsSortId}]]*/
|
/*]]>*/
|
if(!goodsSortId){
|
goodsSortId=0;
|
}
|
|
$.AjaxProxy({
|
a : false,
|
c : false
|
}).invoke(basePath+"/admin/goodstype/all", function(loj) {
|
$("#goodsSortId").createSelectTree(loj.attr("result").rows, {
|
append : true,
|
value : "typeName",
|
defaultValue :goodsSortId
|
});
|
});
|
}
|
|
|
|
function setMeasure(){
|
var measure=$("#measure").val();
|
$("tbody").find("tr").each(function(){
|
$(this).find("td").eq(4).html(measure);
|
});
|
}
|
|
</script>
|
</body>
|
</html>
|
