Update image.html

This commit is contained in:
Anyon 2022-06-24 18:19:25 +08:00
parent 12b0bb2692
commit ba5afc2fa3

View File

@ -1,8 +1,8 @@
<div class="image-dialog" id="ImageDialog"> <div class="image-dialog" id="ImageDialog">
<div class="image-dialog-head"> <div class="image-dialog-head">
<div class="pull-left flex"> <div class="pull-left flex">
<input class="layui-input margin-right-5" style="height:30px;line-height:30px" placeholder="请输入搜索关键词"> <input class="layui-input margin-right-5" v-model="keys" style="height:30px;line-height:30px" placeholder="请输入搜索关键词">
<a class="layui-btn layui-btn-sm layui-btn-normal"> </a> <a class="layui-btn layui-btn-sm layui-btn-normal" @click="search"> </a>
</div> </div>
<div class="pull-right"> <div class="pull-right">
<a data-file="one" data-type="jpg,png" class="layui-btn layui-btn-sm">上传图片</a> <a data-file="one" data-type="jpg,png" class="layui-btn layui-btn-sm">上传图片</a>
@ -82,8 +82,9 @@
el: '#ImageDialog', el: '#ImageDialog',
data: { data: {
page: 1, page: 1,
keys: '',
limit: 15, limit: 15,
items: [] items: [],
}, },
created: function () { created: function () {
this.loadPage(); this.loadPage();
@ -99,9 +100,13 @@
}, },
}); });
}, },
search: function () {
this.page = 1;
this.loadPage();
},
loadPage: function () { loadPage: function () {
var that = this; var that = this;
this.params = {page: this.page, limit: this.limit, output: 'layui.table'}; this.params = {page: this.page, limit: this.limit, output: 'layui.table', name: this.keys || ''};
$.form.load('{:url("image")}', this.params, 'get', function (ret) { $.form.load('{:url("image")}', this.params, 'get', function (ret) {
that.addPage(ret.count); that.addPage(ret.count);
that.items = ret.data; that.items = ret.data;