<!--XMLform配置页面XMLform配置页面XMLform配置页面XMLform配置页面XMLform配置页面2016-11-29-->
<div class="row wrapper border-bottom white-bg page-heading ng-scope">
<div class="navbar-fixed-top">
<div class="ibox-title ibox-title-heading navbar-wrapperpp">
<h5>门店信息新增列表</h5>
<div class="ibox-tools">
<button class="ladda-button btn btn-primary">保存按钮</button>
<button class="btn btn-large">取消</button>
</div>
</div>
</div>
</div>
<!--hhahhahhahha-->
<div class="wrapper wrapper-content fadeInRight config-form">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default icons-box">
<ibox-tools iboxclass="" iboxtitle="Form 基本信息"></ibox-tools>
@*<div class="ibox-title">
<h5>字段信息</h5>
<div ibox-tools></div>
</div>*@
<div class="panel-body">
<form class="form-horizontal">
<div class="col-sm-6">
<div class="form-group form-group-sm">
<label for="a_Alias" class="col-sm-3 control-label">
字段文本名称(前)
</label>
<div class="col-sm-8">
<input id="a_Alias" name="a_Alias" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope" title="联合国联合国及韩">
<i class="fa fa-exclamation-circle"></i> 联合国及韩国及
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
字段数据库名称
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-sm">
<label for="a_Alias" class="col-sm-3 control-label">
字段文本名称(后)
</label>
<div class="col-sm-8">
<input id="a_Alias" name="a_Alias" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope" title="联合国及韩联合国">
<i class="fa fa-exclamation-circle"></i> 联合国及韩合国及
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
文段说明文字
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
字段数据库名称
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
数据库类型
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
默认值
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</div>
<div class="row" ng-controller="treetableController">
<div class="col-lg-12">
<div class="panel panel-default icons-box">
<ibox-tools iboxclass="" iboxtitle="Form 基本信息"></ibox-tools>
@*<div class="ibox-title">
<h5>字段信息</h5>
<div ibox-tools></div>
</div>*@
<div class="panel-body">
<div class="bootstrap-table">
<div class="fixed-table-toolbar">
<div class="navbar-wrapper">
<div class="bars pull-leftt navbar-fixed-topp">
<div id="toolbar" class="btn-group">
<button ladda="loading.btn_add" data-spinner-color="#ff0000" id="btn_add" name="btn_add" type="button" class="btn btn-default ladda-button" title="增加" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-plus"></span>增加
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_delete" data-spinner-color="#ff0000" id="btn_delete" name="btn_delete" type="button" class="btn btn-default ladda-button" title="删除" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-remove"></span>删除
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_edit" data-spinner-color="#ff0000" id="btn_edit" name="btn_edit" type="button" class="btn btn-default ladda-button" title="修改" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-edit"></span>修改
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_view" data-spinner-color="#ff0000" id="btn_view" name="btn_view" type="button" class="btn btn-default ladda-button" title="查看" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-pencil"></span>查看
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_search" data-spinner-color="#ff0000" id="btn_search" name="btn_search" type="button" class="btn btn-default ladda-button" title="查询" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-search"></span>查询
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_export" data-spinner-color="#ff0000" id="btn_export" name="btn_export" type="button" class="btn btn-default ladda-button" title="导出" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-export"></span>导出
<span class="ladda-spinner"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="treegrid-height">
<tree-grid configName="SysMenusGrid"
tableconfig='{"gridViewBase":{"gridViewId":"ID1D49B83F882A45149866990344D3AF59","ngModel":"NM1D49B83F882A45149866990344D3AF59","method":"POST","url":"","cache":false,"singleSelect":true,"pagination":true,"classes":"table table-hover","sort":"asc","sortName":"a_SortLevel","striped":true,"locales":"zh-US","search":false,"showColumns":true,"showRefresh":true,"minimumCountColumns":2,"showExport":false,"exportDataType":"all","showToggle":true,"pageSize":10,"pageNumber":1,"idField":"a_ID","selectItemName":"a_MenuName","_gridPickerSelectField":"a_MenuName","silent":true,"clickToSelect":true,"queryParamsType":"limit","sidePagination":"server","fistColumn":{"checkbox":true,"align":"center"}},"columns":[{"isVirtualField":false,"field":"a_MenuName","fkField":"","title":"u83DCu5355u540Du79F0","titleTooltip":"u83DCu5355u540Du79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":3,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ConfigName","fkField":"","title":"u914Du7F6Eu540Du79F0","titleTooltip":"u914Du7F6Eu540Du79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":4,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_SortLevel","fkField":"","title":"u6392u5E8Fu7EA7u522B","titleTooltip":"u6392u5E8Fu7EA7u522B","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":5,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ClassStyle","fkField":"","title":"u6837u5F0F","titleTooltip":"u6837u5F0F","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":6,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsVisible","fkField":"","title":"u662Fu5426u83DCu5355u663Eu793A","titleTooltip":"u662Fu5426u83DCu5355u663Eu793A","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":7,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsValid","fkField":"","title":"u662Fu5426u542Fu7528","titleTooltip":"u662Fu5426u542Fu7528","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":8,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ModifyTime","fkField":"","title":"u6700u540Eu4FEEu6539u65F6u95F4","titleTooltip":"u6700u540Eu4FEEu6539u65F6u95F4","align":"left","sortable":true,"width":null,"order":"","formatter":"formatterDatetime","level":9,"visible":true,"gridPickerShow":true,"notExport":false}]}'
tree-data="tree_data" id="datagrid-view" col-defs="col_defs" expand-on="expanding_property" on-select="treeGrid.my_tree_handler(branch)" expand-level="2" icon-leaf="fa fa-file-o"></tree-grid>
</div>
</div>
</div>
</div>
</div>
</div>
<!--sakdkakdkafk over-->
<div class="wrapper wrapper-content fadeInRight config-form none" >
<div class="row">
<div class="col-lg-12">
<div class="ibox float-e-margins">
@*固定部分*@
<div class="navbar-fixed-top">
<div class="ibox-title ibox-title-custom navbar-wrapperpp">
<h5>Form 配置</h5>
<div class="ibox-tools">
<button class="ladda-button btn btn-primary">保存</button>
<button class="btn btn-large testbgcolor">取消</button>
</div>
</div>
</div>
<!--内容-->
<div class="ibox-content iboox-content-custom">
<!--第一部分——门店信息新增-->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default icons-box">
<ibox-tools iboxclass="" iboxtitle="Form 基本信息"></ibox-tools>
@*<div class="ibox-title">*@
@*<h5>Form 基本信息</h5>
<div ibox-tools></div>*@
@*</div>*@
<div class="panel-body">
<form class="form-horizontal">
<div class="col-sm-6">
<div class="form-group form-group-sm">
<label for="a_Alias" class="col-sm-3 control-label">
字段文本名称(前)
</label>
<div class="col-sm-8">
<input id="a_Alias" name="a_Alias" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope" title="联合国联合国及韩">
<i class="fa fa-exclamation-circle"></i> 联合国及韩国及
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
字段数据库名称
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group form-group-sm">
<label for="a_Alias" class="col-sm-3 control-label">
字段文本名称(后)
</label>
<div class="col-sm-8">
<input id="a_Alias" name="a_Alias" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope" title="联合国及韩联合国">
<i class="fa fa-exclamation-circle"></i> 联合国及韩合国及
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
文段说明文字
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
字段数据库名称
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
数据库类型
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div class="form-group form-group-sm">
<label for="a_ChineseName" class="col-sm-3 control-label">
默认值
</label>
<div class="col-sm-8">
<input id="a_ChineseName" name="a_ChineseName" placeholder="" required="required" class="form-control input-leftboder" type="text">
<!---错误信息栏-->
<div class="help-block ng-inactive">
<!-- ngMessage: even -->
<p class="error ng-scope">联合国及韩国法院关于</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</div>
<!--第二部分——门店照片信息-->
<div class="row" ng-controller="treetableController">
<div class="col-lg-12">
<div class="panel panel-default icons-box">
<ibox-tools iboxclass="" iboxtitle="Form 基本信息"></ibox-tools>
@*<div class="ibox-title">
<h5>字段信息</h5>
<div ibox-tools></div>
</div>*@
<div class="panel-body">
<div class="bootstrap-table">
<div class="fixed-table-toolbar">
<div class="navbar-wrapper">
<div class="bars pull-leftt navbar-fixed-topp">
<div id="toolbar" class="btn-group">
<button ladda="loading.btn_add" data-spinner-color="#ff0000" id="btn_add" name="btn_add" type="button" class="btn btn-default ladda-button" title="增加" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-plus"></span>增加
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_delete" data-spinner-color="#ff0000" id="btn_delete" name="btn_delete" type="button" class="btn btn-default ladda-button" title="删除" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-remove"></span>删除
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_edit" data-spinner-color="#ff0000" id="btn_edit" name="btn_edit" type="button" class="btn btn-default ladda-button" title="修改" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-edit"></span>修改
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_view" data-spinner-color="#ff0000" id="btn_view" name="btn_view" type="button" class="btn btn-default ladda-button" title="查看" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-pencil"></span>查看
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_search" data-spinner-color="#ff0000" id="btn_search" name="btn_search" type="button" class="btn btn-default ladda-button" title="查询" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-search"></span>查询
<span class="ladda-spinner"></span>
</button>
<button ladda="loading.btn_export" data-spinner-color="#ff0000" id="btn_export" name="btn_export" type="button" class="btn btn-default ladda-button" title="导出" data-style="zoom-out">
<span class="ladda-label glyphicon glyphicon-export"></span>导出
<span class="ladda-spinner"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="treegrid-height">
<tree-grid configName="SysMenusGrid"
tableconfig='{"gridViewBase":{"gridViewId":"ID1D49B83F882A45149866990344D3AF59","ngModel":"NM1D49B83F882A45149866990344D3AF59","method":"POST","url":"","cache":false,"singleSelect":true,"pagination":true,"classes":"table table-hover","sort":"asc","sortName":"a_SortLevel","striped":true,"locales":"zh-US","search":false,"showColumns":true,"showRefresh":true,"minimumCountColumns":2,"showExport":false,"exportDataType":"all","showToggle":true,"pageSize":10,"pageNumber":1,"idField":"a_ID","selectItemName":"a_MenuName","_gridPickerSelectField":"a_MenuName","silent":true,"clickToSelect":true,"queryParamsType":"limit","sidePagination":"server","fistColumn":{"checkbox":true,"align":"center"}},"columns":[{"isVirtualField":false,"field":"a_MenuName","fkField":"","title":"u83DCu5355u540Du79F0","titleTooltip":"u83DCu5355u540Du79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":3,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ConfigName","fkField":"","title":"u914Du7F6Eu540Du79F0","titleTooltip":"u914Du7F6Eu540Du79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":4,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_SortLevel","fkField":"","title":"u6392u5E8Fu7EA7u522B","titleTooltip":"u6392u5E8Fu7EA7u522B","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":5,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ClassStyle","fkField":"","title":"u6837u5F0F","titleTooltip":"u6837u5F0F","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":6,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsVisible","fkField":"","title":"u662Fu5426u83DCu5355u663Eu793A","titleTooltip":"u662Fu5426u83DCu5355u663Eu793A","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":7,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsValid","fkField":"","title":"u662Fu5426u542Fu7528","titleTooltip":"u662Fu5426u542Fu7528","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":8,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ModifyTime","fkField":"","title":"u6700u540Eu4FEEu6539u65F6u95F4","titleTooltip":"u6700u540Eu4FEEu6539u65F6u95F4","align":"left","sortable":true,"width":null,"order":"","formatter":"formatterDatetime","level":9,"visible":true,"gridPickerShow":true,"notExport":false}]}'
tree-data="tree_data" id="datagrid-view" col-defs="col_defs" expand-on="expanding_property" on-select="treeGrid.my_tree_handler(branch)" expand-level="2" icon-leaf="fa fa-file-o"></tree-grid>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@*固定部分*@
<script type="text/javascript">
$(".navbar-fixed-top").headroom( {
// vertical offset in px before element is first unpinned
offset: 60,
// scroll tolerance in px before state changes
tolerance : 60,
// or you can specify tolerance individually for up/down scroll
tolerance : {
up : 300,
down : 0
},
classes : {
// when element is initialised
initial: "headr",
// when scrolling up
pinned: "headroom--pinned",
// when scrolling down
unpinned: "headroom",
// when above offset
top : "headroom--top",
// when below offset
notTop : "headroom--not-top",
// when at bottom of scoll area
bottom : "headroom--bottom",
// when not at bottom of scroll area
notBottom : "headroom--not-bottom"
},
})
</script>
<div class="modal-dialog modal-lg pop-up-box" style="display:non">
<div class="modal-content">
<div class="inmodal ng-scope">
<div class="modal-body ibox">
<div class="ibox-content noBorderTop">
<div class="clearFix">
<ul class="fr ul-btn">
<li class="fl">
<button class="btn btn-primary" type="button" ng-click="pop.winOpen(selected,model)" name="">
保存
</button>
</li>
<li class="fl">
<button class="btn btn-white" type="button" ng-click="pop.remove()" name="">
取消
</button>
</li>
</ul>
</div>
<div class="tabs-container tab-content-custom">
<uib-tabset>
<uib-tab>
<uib-tab-heading>
字段文本1
</uib-tab-heading>
<div class="panel-body">
<fieldset class="form-horizontal">
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label>
<div class="col-sm-7">
<input required="required" placeholder="1" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段数据库名称</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">默认值</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文段说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文本框说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">数据类型</label>
<div class="col-sm-7">
<div class="input-group">
<input required="required" placeholder="" class="form-control" type="text">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</uib-tab>
<uib-tab>
<uib-tab-heading>
字段属性2
</uib-tab-heading>
<div class="panel-body">
<fieldset class="form-horizontal">
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label>
<div class="col-sm-7">
<input required="required" placeholder="3" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段数据库名称</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">默认值</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文段说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文本框说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">数据库类型</label>
<div class="col-sm-7">
<div class="input-group">
<input required="required" placeholder="" class="form-control" type="text">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</uib-tab>
<uib-tab>
<uib-tab-heading>
样式3
</uib-tab-heading>
<div class="panel-body">
<fieldset class="form-horizontal">
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段数据库名称</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">默认值</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文段说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文本框说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">数据库类型</label>
<div class="col-sm-7">
<div class="input-group">
<input required="required" placeholder="" class="form-control" type="text">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</uib-tab>
<uib-tab>
<uib-tab-heading>
样式弹出框4
</uib-tab-heading>
<div class="panel-body">
<fieldset class="form-horizontal">
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段数据库名称</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">默认值</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文段说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文本框说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">数据库类型</label>
<div class="col-sm-7">
<div class="input-group">
<input required="required" placeholder="" class="form-control" type="text">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</uib-tab>
<uib-tab>
<uib-tab-heading>
字段关系5
</uib-tab-heading>
<div class="panel-body">
<fieldset class="form-horizontal">
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段数据库名称</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">默认值</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文段说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文本框说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">数据库类型</label>
<div class="col-sm-7">
<div class="input-group">
<input required="required" placeholder="" class="form-control" type="text">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</uib-tab>
<uib-tab>
<uib-tab-heading>
树或多选框6
</uib-tab-heading>
<div class="panel-body">
<fieldset class="form-horizontal">
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(前)</label>
<div class="col-sm-7">
<input required="required" placeholder="111" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段文本名称(后)</label>
<div class="col-sm-7">
<input required="required" placeholder="22" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">字段数据库名称</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">默认值</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文段说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">文本框说明文字</label>
<div class="col-sm-7">
<input required="required" placeholder="" class="form-control" type="text">
</div>
</div>
</div>
<div class="col-sm-8">
<div class="form-group form-group-sm">
<label for="" class="col-sm-3 control-label text-right">数据库类型</label>
<div class="col-sm-7">
<div class="input-group">
<input required="required" placeholder="" class="form-control" type="text">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</uib-tab>
</uib-tabset>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
$('#myTab a:first').tab('show');//初始化显示哪个tab
$('#myTab a').click(function (e) {
e.preventDefault();//阻止a链接的跳转行为
$(this).tab('show');//显示当前选中的链接及关联的content
})
$('#myTab2 a:first').tab('show');//初始化显示哪个tab
$('#myTab2 a').click(function (e) {
e.preventDefault();//阻止a链接的跳转行为
$(this).tab('show');//显示当前选中的链接及关联的content
})
})
</script>