优化输入框

This commit is contained in:
liaozetao
2023-09-28 10:30:05 +08:00
parent 6cac38ad90
commit 2936b0de1f
3 changed files with 34 additions and 50 deletions

View File

@@ -0,0 +1,8 @@
import request from "@/utils/request";
export function getSysConfList() {
return request({
url: '/admin/sysConf/getList',
method: 'get'
});
}

View File

@@ -17,7 +17,7 @@
<!-- search form (Optional) -->
<form method="get" class="sidebar-form" onsubmit="return false;">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<input type="text" name="q" class="form-control" placeholder="Search..." @input="search">
<span class="input-group-btn">
<button name="search" id="search-btn" class="btn btn-flat" @click="search">
<i class="fa fa-search"></i>

View File

@@ -17,9 +17,6 @@
<button id="sysConf-multiDel" class="btn btn-default">
<i class="glyphicon glyphicon-wrench"></i>批量删除
</button>
<!--<button id="sysConf-load" class="btn btn-default">-->
<!--<i class="glyphicon glyphicon-wrench"></i>加载-->
<!--</button>-->
</div>
</section><!-- .content -->
</div>
@@ -91,6 +88,7 @@
<script>
import TableHelper from '@/utils/bootstrap-table-helper';
import { getSysConfList } from '@/api/system/sysconf';
export default {
name: "SysconfAdminView",
@@ -100,9 +98,15 @@ export default {
created() {
this.$nextTick(function () {
this.initData();
this.getSysConf();
});
},
methods: {
getSysConf() {
getSysConfList().then(res => {
$('#table').bootstrapTable('load', res.rows);
});
},
initData() {
$(function () {
$('#table').bootstrapTable('destroy');
@@ -135,30 +139,13 @@ export default {
cache: false,
striped: true,
showRefresh: true,
pagination: false,
search: false,
sidePagination: "server", //表示服务端请求
//设置为undefined可以获取pageNumberpageSizesearchTextsortNamesortOrder
//设置为limit可以获取limit, offset, search, sort, order
queryParamsType: "undefined",
queryParams: function queryParams(params) { //设置查询参数
var param = {
pageNumber: params.pageNumber,
pageSize: params.pageSize,
searchText: params.searchText
};
return param;
},
toolbar: '#toolbar',
url: '/admin/sysConf/getList.action',
onLoadSuccess: function () { //加载成功时执行
console.log("load success");
$("#table").addClass("table_line");
$("td,th").addClass("td_center");
},
onLoadError: function () { //加载失败时执行
console.log("load fail");
}
pageNumber: 1,
pageSize: 10,
pagination: true,
pageList: [10, 25, 50, 100],
search: true,
sidePagination: "client",
toolbar: '#toolbar'
});
$("#table").on("click", '.opt-remove', function () {
@@ -179,6 +166,9 @@ export default {
if (json.success == 'true') {
$("#tipMsg").text("删除成功");
$("#tipModal").modal('show');
getSysConfList().then(res => {
$('#table').bootstrapTable('load', res.rows);
});
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("删除失败");
@@ -209,7 +199,6 @@ export default {
idArr.push(rows[i]['configId']);
}
console.log(idArr);
if (confirm("你确认批量删除该记录吗?" +
"\r\n删除后再也不能找回请谨慎操作")) {
$.ajax({
@@ -221,6 +210,9 @@ export default {
if (json.success == 'true') {
$("#tipMsg").text("删除成功");
$("#tipModal").modal('show');
getSysConfList().then(res => {
$('#table').bootstrapTable('load', res.rows);
});
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("删除失败");
@@ -251,7 +243,6 @@ export default {
$("#nameSpace").val(json.entity.nameSpace);
var status = json.entity.configStatus - 1;
$("input:radio[name='configStatus']")[status].checked = true;
// 打开编辑弹窗
$("#sysConfModal").modal('show');
} else {
@@ -274,6 +265,9 @@ export default {
$("#sysConfModal").modal('hide');
$("#tipMsg").text("保存成功");
$("#tipModal").modal('show');
getSysConfList().then(res => {
$('#table').bootstrapTable('load', res.rows);
});
TableHelper.doRefresh("#table");
} else {
$("#tipMsg").text("保存失败");
@@ -284,25 +278,6 @@ export default {
}
});
});
// $("#sysConf-load").click(function(){
// $.ajax({
// type: 'post',
// url: "/admin/sysConf/loadList.action",
// dataType: "json",
// success: function (json) {
// if(json.success == 'true')
// {
// $("#tipMsg").text("删除成功");
// $("#tipModal").modal('show');
// TableHelper.doRefresh("#table");
// } else {
// $("#tipMsg").text("删除失败");
// $("#tipModal").modal('show');
// }
// }
// });
// });
}
},
};
@@ -323,4 +298,5 @@ export default {
.td_center {
vertical-align: middle !important;
}</style>
}
</style>