add.html 6.55 KB
<!DOCTYPE HTML>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head>
	<th:block th:include="include :: header"/>
	<th:block th:include="include :: select2-css"/>
	<script src="/wms/js/jquery.min.js"></script>
</head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <form class="form-horizontal m" id="form-material-add">
			<div class="form-group">
				<label class="col-sm-3 control-label">编码:</label>
				<div class="col-sm-8">
                    <input class="form-control" id="code" name="code" placeholder="请输入物料编码" type="text">
				</div>
			</div>
			<div class="form-group" hidden="hidden">
				<label class="col-sm-3 control-label">货主编码:</label>
				<div class="col-sm-8">
					<select id="companyCode" name="companyCode"  class="form-control" th:with="companyList=${@companyService.selectCompanyByCurrentUserId()}">
						<option th:each="company : ${companyList}" th:text="${company['name']}" th:value="${company['code']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">名称:</label>
				<div class="col-sm-8">
                    <input class="form-control" id="name" name="name" placeholder="请输入物料名称" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">规格:</label>
				<div class="col-sm-8">
                    <input class="form-control" id="spec" name="spec" placeholder="请输入物料规格" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">单位:</label>
				<div class="col-sm-8">
                    <input class="form-control" id="unit" name="unit" placeholder="请输入物料单位" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">物料描述:</label>
				<div class="col-sm-8">
					<textarea class="form-control" id="description" name="description" placeholder="请输入物料描述"></textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">药量(g):</label>
				<div class="col-sm-8">
                    <input class="form-control" id="weight" min="1" name="weight" placeholder="请输入物料药量(g)" type="number">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">高度(cm):</label>
				<div class="col-sm-8">
					<input class="form-control" id="high" min="0" name="high" placeholder="请输入高度" type="number">
				</div>
			</div>
			<div class="form-group">	
				<label class="col-sm-3 control-label">物料类别:</label>
				<div class="col-sm-8">
					<select id="type" name="type" class="form-control" th:with="materialType=${@materialType.queryType()}">
                        <option th:text="请选择物料类别" value=""></option>
						<option th:each="item : ${materialType}" th:text="${item['code']} + ' ' + ${item['name']}" th:value="${item['code']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">物料分类:</label>
				<div class="col-sm-8">
					<select id="materialCategory" name="category" class="form-control" th:with="materialCategory=${@materialCategoryService.queryType()}">
						<option th:text="请选择物料分类" value=""></option>
						<option th:each="item : ${materialCategory}" th:text="${item['code']} + ' ' + ${item['name']}" th:value="${item['code']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">绑定盛具类型:</label>
				<div class="col-sm-8">
					<select id="vehicleTypeCode" name="vehicleTypeCode" class="form-control"></select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">追溯方式:</label>
				<div class="col-sm-8">
					<select id="tracingType" name="tracingType" class="form-control" th:with="tracingType=${@dict.getType('tracing_type')}">
						<option th:text="请选择追溯方式" value=""></option>
						<option th:each="item : ${tracingType}" th:text="${item['dictLabel']}" th:value="${item['dictLabel']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">状态:</label>
				<div class="col-sm-8">
					<div class="onoffswitch">
						<input type="checkbox" th:checked="true" class="onoffswitch-checkbox" id="enable" name="enable">
						<label class="onoffswitch-label" for="enable">
							<span class="onoffswitch-inner"></span>
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="form-control-static col-sm-offset-9">
					<button type="submit" class="btn btn-primary">提交</button>
					<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
				</div>
			</div>
		</form>
	</div>
    <div th:include="include::footer"></div>
	<th:block th:include="include :: select2-js"/>
	<script type="text/javascript">
		let prefix = ctx + "config/material";
		$("#form-material-add").validate({
			rules:{
                code:{
					required:true,
				},
                name:{
                    required:true,
                },
			},
			submitHandler: function() {
                let tableValue = $("#form-material-add").serialize();
                tableValue = formValueReplace(tableValue, "enable", $("input[name='enable']").is(':checked'));
				let vehicleTypeCode = $("select[name='vehicleTypeCode']").val()
				if (vehicleTypeCode === null || vehicleTypeCode === undefined || vehicleTypeCode === ''){
					$.modal.msgWarning("请为物料绑定盛具类型");
					return
				}
                $.operate.save(prefix + "/add", tableValue);
			}
		});

		$(function () {
			$('#vehicleTypeCode').select2({
				ajax: {
					url: ctx + 'config/vehicleType/getData',
					dataType: 'json',
					type: 'post',
					delay: 1000,
					data: function (params) {
						return {
							vehicleTypeCode: params.term,
							vehicleTypeName: params.term,
						};
					}
                },
                allowClear: true,
                placeholder: "请选择盛具类型",
                templateResult: function (data) {
                    return data.id + " " + data.text;
                },
                templateSelection: function (data) {
                    return data.id + " " + data.text;
                },
			});

			$("#tracingType").select2({
				minimumResultsForSearch: -1
			});
		});
	</script>
</body>
</html>