<!--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>&nbsp;联合国及韩国及

</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>&nbsp;联合国及韩合国及

</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":"\u83DC\u5355\u540D\u79F0","titleTooltip":"\u83DC\u5355\u540D\u79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":3,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ConfigName","fkField":"","title":"\u914D\u7F6E\u540D\u79F0","titleTooltip":"\u914D\u7F6E\u540D\u79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":4,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_SortLevel","fkField":"","title":"\u6392\u5E8F\u7EA7\u522B","titleTooltip":"\u6392\u5E8F\u7EA7\u522B","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":5,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ClassStyle","fkField":"","title":"\u6837\u5F0F","titleTooltip":"\u6837\u5F0F","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":6,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsVisible","fkField":"","title":"\u662F\u5426\u83DC\u5355\u663E\u793A","titleTooltip":"\u662F\u5426\u83DC\u5355\u663E\u793A","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":7,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsValid","fkField":"","title":"\u662F\u5426\u542F\u7528","titleTooltip":"\u662F\u5426\u542F\u7528","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":8,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ModifyTime","fkField":"","title":"\u6700\u540E\u4FEE\u6539\u65F6\u95F4","titleTooltip":"\u6700\u540E\u4FEE\u6539\u65F6\u95F4","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>&nbsp;联合国及韩国及

</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>&nbsp;联合国及韩合国及

</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":"\u83DC\u5355\u540D\u79F0","titleTooltip":"\u83DC\u5355\u540D\u79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":3,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ConfigName","fkField":"","title":"\u914D\u7F6E\u540D\u79F0","titleTooltip":"\u914D\u7F6E\u540D\u79F0","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":4,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_SortLevel","fkField":"","title":"\u6392\u5E8F\u7EA7\u522B","titleTooltip":"\u6392\u5E8F\u7EA7\u522B","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":5,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ClassStyle","fkField":"","title":"\u6837\u5F0F","titleTooltip":"\u6837\u5F0F","align":"left","sortable":true,"width":null,"order":"","formatter":"","level":6,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsVisible","fkField":"","title":"\u662F\u5426\u83DC\u5355\u663E\u793A","titleTooltip":"\u662F\u5426\u83DC\u5355\u663E\u793A","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":7,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_IsValid","fkField":"","title":"\u662F\u5426\u542F\u7528","titleTooltip":"\u662F\u5426\u542F\u7528","align":"left","sortable":true,"width":null,"order":"","formatter":"isTrueOrFalse","level":8,"visible":true,"gridPickerShow":true,"notExport":false},{"isVirtualField":false,"field":"a_ModifyTime","fkField":"","title":"\u6700\u540E\u4FEE\u6539\u65F6\u95F4","titleTooltip":"\u6700\u540E\u4FEE\u6539\u65F6\u95F4","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>