mescloud/src/main/resources/views/modules/mes/mesMaterialCheckItemsForm.html

<% layout('/layouts/default.html', {title: '物料检查内容管理', libs: ['validate']}){ %>
<div class="main-content">
	<div class="box box-main">
		<div class="box-header with-border">
			<div class="box-title">
				<i class="fa icon-note"></i> ${text(mesMaterialCheckItems.isNewRecord ? '新增物料检查内容' : '编辑物料检查内容')}
			</div>
			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
			</div>
		</div>
		<#form:form id="inputForm" model="${mesMaterialCheckItems}" action="${ctx}/mes/mesMaterialCheckItems/save" method="post" class="form-horizontal">
			<div class="box-body">
				<div class="form-unit">${text('基本信息')}</div>
				<#form:hidden path="id"/>
				<#form:hidden path="materialId"/>

				<div class="row">
					<div class="col-xs-12">
						<div class="form-group">
							<label class="control-label col-sm-2" title="">
								<span class="required">*</span> ${text('物料')}：<i class="fa icon-question hide"></i></label>
							<div class="col-sm-8">
								${mml.title}
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12">
						<div class="form-group">
							<label class="control-label col-sm-2" title="">
								<span class="required">*</span> ${text('检查内容')}：<i class="fa icon-question hide"></i></label>
							<div class="col-sm-8" id="app">
								<input type="hidden" name="materialCheckId" id="checkIds">
								<el-select
										v-model="ids"
										multiple
										collapse-tags
										clearable
										filterable
										style="width:100%"
										placeholder="请选择"
								>
									<el-option
											v-for="item in options"
											:key="item.id"
											:label="item.content"
											:value="item.id">
									</el-option>
								</el-select>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="box-footer">
				<div class="row">
					<div class="col-sm-offset-2 col-sm-10">
						<% if (hasPermi('mes:mesMaterialCheckItems:edit')){ %>
							<button type="submit" class="btn btn-sm btn-primary" id="btnSubmit"><i class="fa fa-check"></i> ${text('保 存')}</button>&nbsp;
						<% } %>
						<button type="button" class="btn btn-sm btn-default" id="btnCancel" onclick="js.closeCurrentTabPage()"><i class="fa fa-reply-all"></i> ${text('关 闭')}</button>
					</div>
				</div>
			</div>
		</#form:form>
	</div>
</div>
<% } %>
<link rel="stylesheet" href="${ctxStatic}/common/elementui2.15.5/index.css"/>
<link rel="stylesheet" href="${ctxStatic}/common/elementui2.15.5/style/theme/index.css">
<script src="${ctxStatic}/common/elementui2.15.5/vue-2.6.14.js"></script>
<script src="${ctxStatic}/common/elementui2.15.5/index.js"></script>
<script>
	var vm = new Vue({
		el: '#app',
		data: {
			options:${toJson(ml)},
			ids:[]
		},
		computed: {

		},
		watch: {
			ids:function (newval, oldval){
				$("#checkIds").val(newval.join(','));
			}

		},
		created: function () {
			var id = [];
			if("${mesMaterialCheckItems.getIsNewRecord}"=="false"){
				id.push("${mesMaterialCheckItems.materialCheckId}");
			}
			this.ids = id;
		},
		methods: {


		}
	})
$("#inputForm").validate({
	submitHandler: function(form){
		js.ajaxSubmitForm($(form), function(data){
			js.showMessage(data.message);
			if(data.result == Global.TRUE){
				js.closeCurrentTabPage(function(contentWindow){
					contentWindow.page();
				});
			}
		}, "json");
    }
});
</script>