<!-- BEGIN FORM-->
|
|
|
<form action="#" class="form-horizontal" id="formBasicInfo" shiro:hasPermission="res:catalog:edit"
|
xmlns:shiro="http://www.w3.org/1999/xhtml">
|
<!--<div class="alert alert-error hide" style="color: red;">-->
|
<!--<button class="close" data-dismiss="alert"></button>-->
|
<!--输入验证不通过，请重新检查-->
|
<!--</div>-->
|
<!--<div class="alert alert-success hide">-->
|
<!--<button class="close" data-dismiss="alert"></button>-->
|
<!--操作成功-->
|
<!--</div>-->
|
<div class="row-fluid">
|
<!--/span-->
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">父级名称</label>
|
<div class="controls">
|
<input type="text" class="form-control col-sm-12" id="afname" readonly="readonly"/>
|
<input type="hidden" name="parentid" id="afid"/>
|
<input type="hidden" name="catlogid" id="aid"/>
|
</div>
|
</div>
|
</div>
|
<!--/span-->
|
</div>
|
<!--/row-->
|
<div class="row-fluid">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">目录编码</label>
|
<div class="controls">
|
<input type="text" class="form-control col-sm-12" id="abianma" name="catlogcode"
|
readonly="readonly"/>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">目录名称<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input type="text" name="title" onblur="changeToPinYin()" class="form-control col-sm-12" id="amingzi" required="" space="true" maxchar="50"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">拼音首字母<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input type="text" name="pingyinfiirst" class="form-control col-sm-12" id="firstZM" spellfirst="true" required="" maxchar="50"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--/row-->
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label"> 目录说明 <span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<textarea class="form-control col-sm-12" id="ashuoming" required=""
|
name="description" style="height: 90px;"></textarea>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="fa-warning-sign" style="display: none;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label"> 目录备注 </label>
|
<div class="controls">
|
<textarea class="form-control col-sm-12" id="abeizhu" name="remark" style="height: 90px;"></textarea>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label"> 目录图标 </label>
|
<div class="controls">
|
<div class="fileupload fileupload-new" data-provides="fileupload" style="margin-bottom:0px;">
|
<div class="fileupload-new thumbnail" style="min-width: 80px; float: left;" id="PhotoDiv1">
|
<img id="photo" alt="" style="max-height: 80px;border:1px solid #ddd" src="" />
|
</div>
|
<div >
|
<a id="dianjiUpdate" class="btn btn-info" onclick="javascript:document.getElementById('uploadInput').click();">选择图片</a>
|
<input style="display: none;" id="uploadInput" type="file" multiple="multiple" />
|
<input type="hidden" id="aicon" name="icon" />
|
<a class="btn btn-info" onclick="DelPhoto()" data-dismiss="fileupload">移除</a>
|
<span style="color:red;font-size:12px;">（建议图片大小：16 × 16像素）</span>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-actions">
|
<button shiro:hasPermission="res:catalog:edit" type="button" class="btn btn-primary" id="butSave" onclick="Insert()"><i class="fa fa-check"></i> 保存
|
</button>
|
<button shiro:hasPermission="res:catalog:edit" type="button" class="btn btn-primary" id="butEdit" style="display: none" onclick="Editpost()"><i
|
class="fa fa-check"></i> 修改
|
</button>
|
<button type="button" class="btn btn-warning" onclick="f_node.forView()"><i class="fa fa-remove"></i>取消</button>
|
</div>
|
</form>
|
|
<script>
|
$(function () {
|
cheackForm("formBasicInfo");
|
});
|
//预览图片
|
$("#uploadInput").change(function () {
|
var image = $('#uploadInput')[0].files[0];
|
if (image != null) {
|
var reader=new FileReader();
|
reader.readAsDataURL(image);
|
reader.onload=function(e){
|
console.log(e);
|
$('#photo').get(0).src = e.target.result;
|
}
|
}
|
});
|
|
function DelPhoto() {
|
$("#photo").attr("src", "");
|
$("#aicon").val("");
|
$('#uploadInput')[0].files[0]=null;
|
}
|
|
//根据名称获取首字母值
|
function changeToPinYin(){
|
var name = $("#amingzi").val();
|
if(name == "" || name == null){
|
return;
|
}
|
$.ajax({
|
type: "GET",
|
url: "/res/common/changeToPinYin?name="+encodeURI(name),
|
contentType: "application/json",
|
dataType: 'json',
|
success: function(msg) {
|
var pinyin = msg.pinyin;
|
$("#firstZM").val("");
|
$("#firstZM").val(pinyin);
|
},
|
error: function (e) {
|
|
}
|
});
|
}
|
</script>
|
