#@mgr("通用Excel数据导入：字段匹配")

#define content()
<section class="content container-fluid">

	#if(msg)
	<div class="alert alert-success alert-dismissible">
	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
	<p>#(msg)</p></div>
	#end
	
	<div class="box box-info">
		<div class="box-header with-border">
			<h3 class="box-title">导入配置：</h3>
			<div class="box-tools pull-right">
				<a href="#(attr.ctrl)" class="btn btn-sm btn-default"><i class="fa fa-chevron-left"></i> 上一步</a>
			</div>
		</div>
		<div class="box-body">
			<form action="#(attr.ctrl)/apply" method="post" class="form-horizontal" data-store="false">
			<input type="hidden" name="filePath" value="#(filePath)">
			<div class="form-group">
				<label for="sheetIndex" class="col-xs-12 col-sm-4 col-md-3 col-lg-2 control-label">选择Sheet</label>
				<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
					<select class="form-control sheetIndex" name="sheetIndex">
					#for(sheet : excel.sheets)
						<option value="#(sheet.index)">#(sheet.caption)</option>
					#end
					</select>
				</div>
			</div>
			<hr />
			<div class="form-group">
				<label class="col-xs-12 col-sm-4 col-md-3 col-lg-2 control-label">数据预览</label>
				<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
					<div class="table-responsive">
						<table class="table table-bordered table-condensed excel-sheet-demo"></table>
					</div>
				</div>
			</div>
			<hr />
			
			#setLocal(hasCache = formCache != null)
			#if(hasCache)
			<div class="form-group">
				<label class="col-xs-12 col-sm-4 col-md-3 col-lg-2 control-label"></label>
				<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
					<label><input class="form-control applyCache" type="checkbox" name="applyCache" value="true" checked> 默认使用上次的导入配置</label>
				</div>
			</div>
			<hr />
			#end
			
			<div class="import-opts-box #(hasCache ? 'hide' : '')">
			#for(col : tableMeta.columnMetas)
			#if(ignoreFields.get(col.name)) #continue #end
			#set(hasParam = "")
			<div class="form-group">
				<label class="col-xs-12 col-sm-4 col-md-3 col-lg-2 control-label">
					#(col.remarks)<br>
					<small class="text-muted">#(col.name)（#(col.type)）</small>
				</label>
				<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
					<input type="hidden" class="inp-field" data-ind="#(for.index)" name="field" value="#(col.name)" />
					#@modeOptions(for.index, col.name)
				</div>
				<div class="col-xs-12 col-sm-4 col-md-6 col-lg-8">
					<input type="text" data-ind="#(for.index)" name="expr" class="form-control inp-expr" value="#(hasParam)" />
				</div>
			</div>
			#end
			<hr />
			</div>
			
			<div class="form-group">
				<label class="col-xs-12 col-sm-4 col-md-3 col-lg-2 control-label">忽略表头行数</label>
				<div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
					<input class="form-control" type="number" name="ignoreHeaders" value="1">
				</div>
			</div>
			<hr />
			<div class="form-group">
				<div class="col-sm-offset-4 col-md-offset-3 col-lg-offset-2 col-sm-8 col-md-9 col-lg-10">
					<button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-circle-arrow-right"></i> 立即导入</button>
				</div>
			</div>
			</form>
		</div>
	</div>
	
</section>
#end

#define after()
<script>
var excel = #(EJson.toJson(excel));
require(['js/import'], function(){});
</script>
#end

#define modeOptions(index, fieldName)
	#setLocal(fieldCache = hasCache ? formCache.get(fieldName) : null)
	#setLocal(modeCache = fieldCache ? fieldCache.get('mode') : "")
	#set(hasParam = fieldCache ? fieldCache.get('expr').replace('"', '&quot;') : "")
	<select class="form-control inp-mode" data-ind="#(index)" name="mode">
		<optgroup label="填充模式">
			<option value="null" #if(modeCache == "null") selected #end>Null值</option>
			<option value="excel" #if(modeCache == "excel") selected #end>Excel列</option>
			<option value="const" #if(modeCache == "const") selected #end>常量填充</option>
			<option value="index" #if(modeCache == "index") selected #end>行号</option>
		</optgroup>
		<optgroup label="页面参数">
		#for(param : paramsMap)
			#setLocal(selected = "")
			#if(fieldName==param.key)
				#setLocal(selected = "selected")
				#set(hasParam = '&quot;' + param.value + '&quot;')
			#end
			<option value="#(param.value)" #(selected)>#(param.key)</option>
		#else
			<option disabled>无</option>
		#end
		</optgroup>
	</select>
#end