function pageList() { var param = { page: 1, limit: limit } if (jquery('#bianhao').val()) { param['bianhao'] = jquery('#bianhao').val() ? '%' + jquery('#bianhao').val() + '%' : ''; } if (jquery('#weizhi').val()) { param['weizhi'] = jquery('#weizhi').val() ? '%' + jquery('#weizhi').val() + '%' : ''; } if (jquery('#huiyizhuti').val()) { param['huiyizhuti'] = jquery('#huiyizhuti').val() ? '%' + jquery('#huiyizhuti').val() + '%' : ''; } param['sfsh'] = '是';
时间: 2023-08-08 22:14:05 浏览: 115
这段代码是一个用于查询数据的函数。首先构造查询参数 param,包括分页信息和查询条件。其中,如果输入框中有值,则将其加入查询参数中,并使用 % 符号作为通配符。接着,将查询参数中的 sfsh 属性设置为 '是',表示只查询审核通过的数据。最后,使用 http 模块向后端发送请求,获取满足条件的数据,并将其赋值给 vue 实例中的 dataList 数据项。
相关问题
vue.baseurl = http.baseurl; // 获取轮播图 数据 http.request('config/list', 'get', { page: 1, limit: 5 }, function(res) { if (res.data.list.length > 0) { let swiperList = []; res.data.list.forEach(element => { if (element.value != null) { swiperList.push({ img: http.baseurl+element.value }); } }); vue.swiperList = swiperList; vue.$nextTick(() => { carousel.render({ elem: '#test1', width: '100%', height: '420px', arrow: 'hover', anim: 'default', autoplay: 'true', interval: '3000', indicator: 'inside' }); }) // vue.$nextTick(()=>{ // window.xznSlide(); // }); } }); vue.guimoOptions = '大型,中型,小型'.split(',') vue.zhuangkuangOptions = '空闲,忙碌'.split(',') // 分页列表 pageList(); // 搜索按钮 jquery('#btn-search').click(function(e) { pageList(); }); function pageList() { var param = { page: 1, limit: limit } if (jquery('#bianhao').val()) { param['bianhao'] = jquery('#bianhao').val() ? '%' + jquery('#bianhao').val() + '%' : ''; } if (jquery('#weizhi').val()) { param['weizhi'] = jquery('#weizhi').val() ? '%' + jquery('#weizhi').val() + '%' : ''; }
这段代码看起来依然是一个使用了 Vue.js 和 layui 框架的前端页面。其中,首先将 Vue 实例中的 `baseurl` 属性设置为 `http` 实例的 `baseurl` 属性,然后使用 `http.request` 方法获取轮播图数据,并将数据中的图片路径与 `http.baseurl` 拼接成完整的图片地址,最后将数据绑定到 Vue 实例的 `swiperList` 属性上,并使用 `carousel.render` 方法渲染轮播图。
接下来,还定义了 Vue 实例的 `guimoOptions` 和 `zhuangkuangOptions` 属性,并将其设置为一个字符串的数组,用于在页面上渲染下拉框的选项。
此外,这个页面还包含了一个名为 `pageList` 的函数,用于进行分页列表和搜索功能的实现。在搜索功能中,会根据输入的条件对 `param` 对象进行赋值。你有什么关于这段代码的问题吗?
jquery('#btn-search').click(function(e) { pageList(); }); function pageList() { var param = { page: 1, limit: limit } if (jquery('#qiyemingcheng').val()) { param['qiyemingcheng'] = jquery('#qiyemingcheng').val() ? '%' + jquery('#qiyemingcheng').val() + '%' : ''; } if (jquery('#gangweimingcheng').val()) { param['gangweimingcheng'] = jquery('#gangweimingcheng').val() ? '%' + jquery('#gangweimingcheng').val() + '%' : ''; } var indexQueryCondition = localStorage.getItem('indexQueryCondition'); if (indexQueryCondition) { param['gangweimingcheng'] = '%' + indexQueryCondition + '%'; localStorage.removeItem('indexQueryCondition'); } // 获取列表数据 http.request('zhaopinxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list // 分页 laypage.render({ elem: 'pager', count: res.data.total, limit: limit, groups: 3, layout: ["prev","page","next"], theme: '#065279', jump: function(obj, first) { param.page = obj.curr; //首次不执行 if (!first) { http.request('zhaopinxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list }) } } }); }) }
这段代码的作用是实现一个招聘信息搜索和分页功能。具体来说,当用户点击页面上的搜索按钮时,会触发 `pageList` 函数。该函数会根据用户输入的条件构造一个参数对象 `param`,其中包括当前页码和每页显示的条目数等信息。然后,该函数会使用 `http.request` 方法向后端发起请求,获取符合条件的招聘信息列表。在获取数据成功后,该函数会使用 `laypage.render` 方法将数据进行分页展示,并在每次翻页时重新请求数据并更新页面。其中,`localStorage` 用于存储和传递搜索条件。整个过程中,使用了 jQuery 和 Laypage.js 等工具库。
阅读全文