记得上下班打卡 | git大法好，push需谨慎

Skip to content

L
liquidnet-bus-v1
Commit 55391639 authored by qinshuangshuang's avatar qinshuangshuang
Browse files
Options

远程搜索框测试

parent 0d3fbb85
Hide whitespace changes
Inline Side-by-side
Showing with 465 additions and 231 deletions
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/static/css/remote_search.css 0 → 100644
View file @ 55391639
.remote_search {
/*display: none;*/
position: absolute;
left: 0;
/*top: 35px;*/
width: 100%;
z-index: 999;
background: #fff;
max-height: 200px;
overflow: auto;
box-shadow: 0px 0px 8px #b3c5ff !important;
border-radius: 4px !important;
}
.remote_search_top{
top: 35px;
}
.remote_search_bottom{
bottom: 35px;
}
.remote_search li {
height: 32px;
line-height: 32px;
padding: 0 10px;
width: 100%;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.remote_search li:hover {
background-color: #E6F7FF;
cursor: pointer;
}
\ No newline at end of file
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/static/js/remote-search.js 0 → 100644
View file @ 55391639
;(function ($) {
//这里放入插件代码
var RemoteSearch = function (element, options) {
this.$element = $(element);
this.options = $.extend(true, {}, $.fn.remoteSearch.defaults, options);
this.id = $(element).attr('id');
this.ulID = '#' + this.id + '_ul';
this.ulFoucus = false;
// Method overrides
this.render = this.options.render || this.render;
this.select = this.options.select || this.select;
this.ajax = $.extend({}, $.fn.remoteSearch.defaults.ajax, this.options.ajax);
this.listen();
}
RemoteSearch.prototype = {
listen: function () {
this.$element.on('blur', $.proxy(this.blur, this))
.on('keyup', $.proxy(this.keyup, this));
this.$element.parent('div.remote_wrapper').on('click',this.ulID, $.proxy(this.click, this));
},
blur: function (e) {
var that = this;
e.stopPropagation();
e.preventDefault();
setTimeout(function () {
if (!that.ulFoucus) {
that.$element.val(that.$element.attr('data-name'));
that.hide();
}
}, 150)
},
keyup: function (e) {
e.stopPropagation();
e.preventDefault();
switch (e.keyCode) {
case 40:
// down arrow
case 38:
// up arrow
break;
case 9:
// tab
case 13:
// enter
break;
case 27:
// escape
break;
default:
this.ajaxer();
}
},
hide: function () {
$(this.ulID).remove();
return this;
},
ajaxer: function () {
var that = this,
query = that.$element.val();
// Query changed
that.query = query;
// Cancel last timer if set
if (that.ajax.timerId) {
clearTimeout(that.ajax.timerId);
that.ajax.timerId = null;
}
// Query is good to send, set a timer
that.ajax.timerId = setTimeout(function() {
var params = { query : query };
var jAjax = (that.ajax.method === "post") ? $.post : $.get;
jAjax(that.ajax.url, params, function(data){
console.log(data);
return that.render(data.value);
});
that.ajax.timerId = null;
}, that.ajax.timeout);
return that;
},
render: function (data) {
console.log(data);
this.ulFoucus = false;
var liList = data || [];
var num = this._getNum();
//添加 ul
if($(this.ulID).length == 0) {
this.$element.after("<ul id='" + this.id + "_ul' class='remote_search remote_search_top'></ul>");
};
//添加li
var str = "";
if(num) {
if(liList.length) {
for(var i = 0; i < liList.length; i++) {
str += "<li data-id='"+liList[i].performancesId+"' data-name='"+liList[i].title+"' title='"+liList[i].title+"' value='"+liList[i].performancesId+"'>" + liList[i].title + "</li>";
}
} else {
str = "<li data-id='' data-name=''>搜索无数据</li>"
}
} else {
this.$element.attr('data-name',"");
this.$element.attr('data-id',"");
}
$(this.ulID).html(str);
var bodyHeight = $(document.body).height();
var offsetTop = this.$element.offset().top;
var height = $(this.ulID).outerHeight(true);
if(offsetTop + height > bodyHeight){
$(this.ulID).addClass('remote_search_bottom').removeClass('remote_search_top');
}else{
$(this.ulID).addClass('remote_search_top').removeClass('remote_search_bottom');
}
return this;
},
click: function (e) {
e.stopPropagation();
e.preventDefault();
var dataName = $(e.target).attr('data-name');
var dataID = $(e.target).attr('data-id');
this.$element.val(dataName);
this.$element.attr('data-name',dataName);
this.$element.attr('data-id',dataID);
this.options.chose(dataName,dataID);
this.ulFoucus = true;
return this.hide();
},
_getNum: function(){
return this.$element.val().length;
}
}
$.fn.remoteSearch = function (option) {
return this.each(function () {
var $this = $(this),
data = $this.data('remoteSearch'),
options = typeof option === 'object' && option;
if (!data) {
$this.data('remoteSearch', (data = new RemoteSearch(this, options)));
}
if (typeof option === 'string') {
data[option]();
}
});
}
$.fn.remoteSearch.defaults = {
hiddenVal: '',
chose: function () { },
ajax: {
url: null,
timeout: 300,
method: 'get',
timerId: null
},
success: function(res){
console.log('==parent==success==');
console.log(res);
}
}
$.fn.remoteSearch.Constructor = RemoteSearch;
})(jQuery);
\ No newline at end of file
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/include.html
View file @ 55391639
<!-- 通用CSS --> <!-- 通用CSS -->
<head th:fragment=header(title)> <head th:fragment=header(title)>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content=""> <meta name="keywords" content="">
<meta name="description" content=""> <meta name="description" content="">
<title th:text="${title}"></title> <title th:text="${title}"></title>
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/> <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/> <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
<!-- bootstrap-table 表格插件样式 --> <!-- bootstrap-table 表格插件样式 -->
<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=20210202}" rel="stylesheet"/> <link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=20210202}" rel="stylesheet"/>
<link th:href="@{/css/animate.css}" rel="stylesheet"/> <link th:href="@{/css/animate.css}" rel="stylesheet"/>
<link th:href="@{/css/style.css?v=20200903}" rel="stylesheet"/> <link th:href="@{/css/style.css?v=20200903}" rel="stylesheet"/>
<link th:href="@{/ruoyi/css/ry-ui.css?v=4.6.1}" rel="stylesheet"/> <link th:href="@{/ruoyi/css/ry-ui.css?v=4.6.1}" rel="stylesheet"/>
</head> <!--远程搜索下拉框-->
<link th:href="@{/css/remote_search.css}" rel="stylesheet"/>
<!-- 通用JS --> </head>
<div th:fragment="footer">
<script th:inline="javascript"> var ctx = [[@{/}]]; var lockscreen = [[${session.lockscreen}]]; if(lockscreen){window.top.location=ctx+"lockscreen";} </script> <!-- 通用JS -->
<a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a> <div th:fragment="footer">
<script th:src="@{/js/jquery.min.js}"></script> <script th:inline="javascript"> var ctx = [[@{/}]]; var lockscreen = [[${session.lockscreen}]]; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
<script th:src="@{/js/bootstrap.min.js}"></script> <a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
<!-- bootstrap-table 表格插件 --> <script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=20210202}"></script> <script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=20210202}"></script> <!-- bootstrap-table 表格插件 -->
<script th:src="@{/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js?v=20210202}"></script> <script th:src="@{/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=20210202}"></script>
<!-- jquery-validate 表单验证插件 --> <script th:src="@{/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=20210202}"></script>
<script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script> <script th:src="@{/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js?v=20210202}"></script>
<script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script> <!-- jquery-validate 表单验证插件 -->
<script th:src="@{/ajax/libs/validate/jquery.validate.extend.js}"></script> <script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<!-- jquery-validate 表单树插件 --> <script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-treetable/bootstrap-treetable.js}"></script> <script th:src="@{/ajax/libs/validate/jquery.validate.extend.js}"></script>
<!-- 遮罩层 --> <!-- jquery-validate 表单树插件 -->
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script> <script th:src="@{/ajax/libs/bootstrap-treetable/bootstrap-treetable.js}"></script>
<script th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script> <!-- 遮罩层 -->
<script th:src="@{/ajax/libs/layer/layer.min.js?v=20210516}"></script> <script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ajax/libs/layui/layui.js?v=20210516}"></script> <script th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
<script th:src="@{/ruoyi/js/common.js?v=4.6.1}"></script> <script th:src="@{/ajax/libs/layer/layer.min.js?v=20210516}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=4.6.1}"></script> <script th:src="@{/ajax/libs/layui/layui.js?v=20210516}"></script>
</div> <script th:src="@{/ruoyi/js/common.js?v=4.6.1}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=4.6.1}"></script>
<!-- ztree树插件 --> <!--远程搜索下拉框-->
<div th:fragment="ztree-css"> <script th:src="@{/js/remote-search.js}"></script>
<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="ztree-js"> <!-- ztree树插件 -->
<script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script> <div th:fragment="ztree-css">
</div> <link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
</div>
<!-- select2下拉框插件 --> <div th:fragment="ztree-js">
<div th:fragment="select2-css"> <script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
<link th:href="@{/ajax/libs/select2/select2.min.css}" rel="stylesheet"/> </div>
<link th:href="@{/ajax/libs/select2/select2-bootstrap.css}" rel="stylesheet"/>
</div> <!-- select2下拉框插件 -->
<div th:fragment="select2-js"> <div th:fragment="select2-css">
<script th:src="@{/ajax/libs/select2/select2.min.js}"></script> <link th:href="@{/ajax/libs/select2/select2.min.css}" rel="stylesheet"/>
</div> <link th:href="@{/ajax/libs/select2/select2-bootstrap.css}" rel="stylesheet"/>
</div>
<!-- bootstrap-select下拉框插件 --> <div th:fragment="select2-js">
<div th:fragment="bootstrap-select-css"> <script th:src="@{/ajax/libs/select2/select2.min.js}"></script>
<link th:href="@{/ajax/libs/bootstrap-select/bootstrap-select.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="bootstrap-select-js"> <!-- bootstrap-select下拉框插件 -->
<script th:src="@{/ajax/libs/bootstrap-select/bootstrap-select.js}"></script> <div th:fragment="bootstrap-select-css">
</div> <link th:href="@{/ajax/libs/bootstrap-select/bootstrap-select.css}" rel="stylesheet"/>
</div>
<!-- datetimepicker日期和时间插件 --> <div th:fragment="bootstrap-select-js">
<div th:fragment="datetimepicker-css"> <script th:src="@{/ajax/libs/bootstrap-select/bootstrap-select.js}"></script>
<link th:href="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="datetimepicker-js"> <!-- datetimepicker日期和时间插件 -->
<script th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script> <div th:fragment="datetimepicker-css">
</div> <link th:href="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.css}" rel="stylesheet"/>
</div>
<!-- ui布局插件 --> <div th:fragment="datetimepicker-js">
<div th:fragment="layout-latest-css"> <script th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script>
<link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="layout-latest-js"> <!-- ui布局插件 -->
<script th:src="@{/ajax/libs/jquery-layout/jquery.layout-latest.js}"></script> <div th:fragment="layout-latest-css">
</div> <link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}" rel="stylesheet"/>
</div>
<!-- summernote富文本编辑器插件 --> <div th:fragment="layout-latest-js">
<div th:fragment="summernote-css"> <script th:src="@{/ajax/libs/jquery-layout/jquery.layout-latest.js}"></script>
<link th:href="@{/ajax/libs/summernote/summernote.css}" rel="stylesheet"/> </div>
<link th:href="@{/ajax/libs/summernote/summernote-bs3.css}" rel="stylesheet"/>
</div> <!-- summernote富文本编辑器插件 -->
<div th:fragment="summernote-js"> <div th:fragment="summernote-css">
<script th:src="@{/ajax/libs/summernote/summernote.min.js}"></script> <link th:href="@{/ajax/libs/summernote/summernote.css}" rel="stylesheet"/>
<script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js}"></script> <link th:href="@{/ajax/libs/summernote/summernote-bs3.css}" rel="stylesheet"/>
</div> </div>
<div th:fragment="summernote-js">
<!-- cropper图像裁剪插件 --> <script th:src="@{/ajax/libs/summernote/summernote.min.js}"></script>
<div th:fragment="cropper-css"> <script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js}"></script>
<link th:href="@{/ajax/libs/cropper/cropper.min.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="cropper-js"> <!-- cropper图像裁剪插件 -->
<script th:src="@{/ajax/libs/cropper/cropper.min.js}"></script> <div th:fragment="cropper-css">
</div> <link th:href="@{/ajax/libs/cropper/cropper.min.css}" rel="stylesheet"/>
</div>
<!-- jasny功能扩展插件 --> <div th:fragment="cropper-js">
<div th:fragment="jasny-bootstrap-css"> <script th:src="@{/ajax/libs/cropper/cropper.min.js}"></script>
<link th:href="@{/ajax/libs/jasny/jasny-bootstrap.min.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="jasny-bootstrap-js"> <!-- jasny功能扩展插件 -->
<script th:src="@{/ajax/libs/jasny/jasny-bootstrap.min.js}"></script> <div th:fragment="jasny-bootstrap-css">
</div> <link th:href="@{/ajax/libs/jasny/jasny-bootstrap.min.css}" rel="stylesheet"/>
</div>
<!-- fileinput文件上传插件 --> <div th:fragment="jasny-bootstrap-js">
<div th:fragment="bootstrap-fileinput-css"> <script th:src="@{/ajax/libs/jasny/jasny-bootstrap.min.js}"></script>
<link th:href="@{/ajax/libs/bootstrap-fileinput/fileinput.min.css?v=20201202}" rel="stylesheet"/> </div>
</div>
<div th:fragment="bootstrap-fileinput-js"> <!-- fileinput文件上传插件 -->
<script th:src="@{/ajax/libs/bootstrap-fileinput/fileinput.min.js?v=20201202}"></script> <div th:fragment="bootstrap-fileinput-css">
</div> <link th:href="@{/ajax/libs/bootstrap-fileinput/fileinput.min.css?v=20201202}" rel="stylesheet"/>
</div>
<!-- duallistbox双列表框插件 --> <div th:fragment="bootstrap-fileinput-js">
<div th:fragment="bootstrap-duallistbox-css"> <script th:src="@{/ajax/libs/bootstrap-fileinput/fileinput.min.js?v=20201202}"></script>
<link th:href="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="bootstrap-duallistbox-js"> <!-- duallistbox双列表框插件 -->
<script th:src="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.js}"></script> <div th:fragment="bootstrap-duallistbox-css">
</div> <link th:href="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.css}" rel="stylesheet"/>
</div>
<!-- suggest搜索自动补全 --> <div th:fragment="bootstrap-duallistbox-js">
<div th:fragment="bootstrap-suggest-js"> <script th:src="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.js}"></script>
<script th:src="@{/ajax/libs/suggest/bootstrap-suggest.min.js}"></script> </div>
</div>
<!-- suggest搜索自动补全 -->
<!-- typeahead搜索自动补全 --> <div th:fragment="bootstrap-suggest-js">
<div th:fragment="bootstrap-typeahead-js"> <script th:src="@{/ajax/libs/suggest/bootstrap-suggest.min.js}"></script>
<script th:src="@{/ajax/libs/typeahead/bootstrap3-typeahead.min.js}"></script> </div>
</div>
<!-- typeahead搜索自动补全 -->
<!-- 多级联动下拉 --> <div th:fragment="bootstrap-typeahead-js">
<div th:fragment="jquery-cxselect-js"> <script th:src="@{/ajax/libs/typeahead/bootstrap3-typeahead.min.js}"></script>
<script th:src="@{/ajax/libs/cxselect/jquery.cxselect.min.js}"></script> </div>
</div>
<!-- 多级联动下拉 -->
<!-- jsonview格式化和语法高亮JSON格式数据查看插件 --> <div th:fragment="jquery-cxselect-js">
<div th:fragment="jsonview-css"> <script th:src="@{/ajax/libs/cxselect/jquery.cxselect.min.js}"></script>
<link th:href="@{/ajax/libs/jsonview/jquery.jsonview.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="jsonview-js"> <!-- jsonview格式化和语法高亮JSON格式数据查看插件 -->
<script th:src="@{/ajax/libs/jsonview/jquery.jsonview.js}"></script> <div th:fragment="jsonview-css">
</div> <link th:href="@{/ajax/libs/jsonview/jquery.jsonview.css}" rel="stylesheet"/>
</div>
<!-- jquery.smartwizard表单向导插件 --> <div th:fragment="jsonview-js">
<div th:fragment="jquery-smartwizard-css"> <script th:src="@{/ajax/libs/jsonview/jquery.jsonview.js}"></script>
<link th:href="@{/ajax/libs/smartwizard/smart_wizard_all.min.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="jquery-smartwizard-js"> <!-- jquery.smartwizard表单向导插件 -->
<script th:src="@{/ajax/libs/smartwizard/jquery.smartWizard.min.js}"></script> <div th:fragment="jquery-smartwizard-css">
</div> <link th:href="@{/ajax/libs/smartwizard/smart_wizard_all.min.css}" rel="stylesheet"/>
</div>
<!-- ECharts百度统计图表插件 --> <div th:fragment="jquery-smartwizard-js">
<div th:fragment="echarts-js"> <script th:src="@{/ajax/libs/smartwizard/jquery.smartWizard.min.js}"></script>
<script th:src="@{/ajax/libs/report/echarts/echarts-all.js}"></script> </div>
</div>
<!-- ECharts百度统计图表插件 -->
<!-- peity图表组合插件 --> <div th:fragment="echarts-js">
<div th:fragment="peity-js"> <script th:src="@{/ajax/libs/report/echarts/echarts-all.js}"></script>
<script th:src="@{/ajax/libs/report/peity/jquery.peity.min.js}"></script> </div>
</div>
<!-- peity图表组合插件 -->
<!-- sparkline线状图插件 --> <div th:fragment="peity-js">
<div th:fragment="sparkline-js"> <script th:src="@{/ajax/libs/report/peity/jquery.peity.min.js}"></script>
<script th:src="@{/ajax/libs/report/sparkline/jquery.sparkline.min.js}"></script> </div>
</div>
<!-- sparkline线状图插件 -->
<!-- 表格行拖拽插件 --> <div th:fragment="sparkline-js">
<div th:fragment="bootstrap-table-reorder-js"> <script th:src="@{/ajax/libs/report/sparkline/jquery.sparkline.min.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/bootstrap-table-reorder.js}"></script> </div>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/jquery.tablednd.js}"></script>
</div> <!-- 表格行拖拽插件 -->
<div th:fragment="bootstrap-table-reorder-js">
<!-- 表格列拖拽插件 --> <script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/bootstrap-table-reorder.js}"></script>
<div th:fragment="bootstrap-table-reorder-columns-js"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/jquery.tablednd.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-columns/jquery.dragtable.js}"></script> </div>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-columns/bootstrap-table-reorder.js?v=20210202}"></script>
</div> <!-- 表格列拖拽插件 -->
<div th:fragment="bootstrap-table-reorder-columns-js">
<!-- 表格列宽拖动插件 --> <script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-columns/jquery.dragtable.js}"></script>
<div th:fragment="bootstrap-table-resizable-js"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder-columns/bootstrap-table-reorder.js?v=20210202}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/resizable/jquery.resizableColumns.min.js}"></script> </div>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js?v=20210202}"></script>
</div> <!-- 表格列宽拖动插件 -->
<div th:fragment="bootstrap-table-resizable-js">
<!-- 表格行内编辑插件 --> <script th:src="@{/ajax/libs/bootstrap-table/extensions/resizable/jquery.resizableColumns.min.js}"></script>
<div th:fragment="bootstrap-editable-css"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js?v=20210202}"></script>
<link th:href="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.css}" rel="stylesheet"/> </div>
</div>
<div th:fragment="bootstrap-table-editable-js"> <!-- 表格行内编辑插件 -->
<script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.min.js}"></script> <div th:fragment="bootstrap-editable-css">
<script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js?v=20210202}"></script> <link th:href="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.css}" rel="stylesheet"/>
</div> </div>
<div th:fragment="bootstrap-table-editable-js">
<!-- 表格导出插件 --> <script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.min.js}"></script>
<div th:fragment="bootstrap-table-export-js"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js?v=20210202}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js}"></script> </div>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/export/tableExport.js}"></script>
</div> <!-- 表格导出插件 -->
<div th:fragment="bootstrap-table-export-js">
<!-- 表格冻结列插件 --> <script th:src="@{/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js}"></script>
<div th:fragment="bootstrap-table-fixed-columns-js"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/export/tableExport.js}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.min.js?v=20210202}"></script> </div>
</div>
<!-- 表格冻结列插件 -->
<!-- 表格自动刷新插件 --> <div th:fragment="bootstrap-table-fixed-columns-js">
<div th:fragment="bootstrap-table-auto-refresh-js"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.min.js?v=20210202}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js?v=20210202}"></script> </div>
</div>
<!-- 表格自动刷新插件 -->
<!-- 表格打印插件 --> <div th:fragment="bootstrap-table-auto-refresh-js">
<div th:fragment="bootstrap-table-print-js"> <script th:src="@{/ajax/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js?v=20210202}"></script>
<script th:src="@{/ajax/libs/bootstrap-table/extensions/print/bootstrap-table-print.min.js?v=20200729}"></script> </div>
</div>
<!-- 表格打印插件 -->
<div th:fragment="bootstrap-table-print-js">
<script th:src="@{/ajax/libs/bootstrap-table/extensions/print/bootstrap-table-print.min.js?v=20200729}"></script>
</div>
liquidnet-bus-client/liquidnet-client-admin/liquidnet-client-admin-web/src/main/resources/templates/zhengzai/kylin/performances/recommend/add.html
View file @ 55391639
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-roadShow-add"> <form class="form-horizontal m" id="form-roadShow-add">
<p>演出名称：</p> <p>演出名称：</p>
<!--
<div class="row"> <div class="row">
<input name="ids" type="hidden"> <input name="ids" type="hidden">
<div class="input-group"> <div class="input-group">
...@@ -20,6 +21,11 @@ ...@@ -20,6 +21,11 @@
</div> </div>
</div> </div>
</div> </div>
-->
<div class="remote_wrapper" style="position: relative;">
<input name="ids" type="hidden">
<input type="text" id="remoteSearch11">
</div>
</br> </br>
<p>推荐排序：</p> <p>推荐排序：</p>
<div class="row"> <div class="row">
...@@ -33,6 +39,7 @@ ...@@ -33,6 +39,7 @@
</div> </div>
<th:block th:include="include :: footer"/> <th:block th:include="include :: footer"/>
<th:block th:include="include :: bootstrap-suggest-js"/> <th:block th:include="include :: bootstrap-suggest-js"/>
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "kylin/performances/recommend"; var prefix = ctx + "kylin/performances/recommend";
$("#form-roadShow-add").validate({ $("#form-roadShow-add").validate({
...@@ -45,18 +52,34 @@ ...@@ -45,18 +52,34 @@
} }
} }
function getPerformanceTitle() { // function getPerformanceTitle() {
var testBsSuggest = $("#suggest-demo-2").bsSuggest({ // var testBsSuggest = $("#suggest-demo-2").bsSuggest({
url: prefix + "/performance/status?status=(3,6,7,9,10)&title=" + document.getElementById("suggest-demo-2").value, // url: prefix + "/performance/status?status=(3,6,7,9,10)&title=" + document.getElementById("suggest-demo-2").value,
showBtn: false, // showBtn: false,
idField: "performancesId", // idField: "performancesId",
keyField: "title" // keyField: "title"
}).on('onDataRequestSuccess', function (e, result) { // }).on('onDataRequestSuccess', function (e, result) {
}).on('onSetSelectValue', function (e, keyword) { // }).on('onSetSelectValue', function (e, keyword) {
document.getElementsByName("ids")[0].value = keyword.id; // document.getElementsByName("ids")[0].value = keyword.id;
}).on('onUnsetSelectValue', function (e) { // }).on('onUnsetSelectValue', function (e) {
}); // });
} // }
$('#remoteSearch11').remoteSearch({
ajax:{
url: prefix + "/performance/status?status=(3,6,7,9,10)&title=" + document.getElementById("remoteSearch11").value,
type: "get"
},
chose: function(text,val){
document.getElementsByName("ids")[0].value = val;
console.log('remoteSearch===========chose=');
console.log(text)
console.log(val)
},
success: function(){
console.log('==success====');
}
})
</script> </script>
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment