解释一下这段代码queryList() { this.confirmLoading = true; this.queryParam.pageNo = this.ipagination.current; this.queryParam.pageSize = this.ipagination.pageSize; tfrywh(this.queryParam).then((res) => { if (res.success) { this.dataSource = res.result.records; this.ipagination.total = res.result.total; } else { this.$message.error(res.message); } }).catch(e => { this.$message.error(e); }).finally(() => { this.confirmLoading = false; }); },
时间: 2023-05-15 13:05:49 浏览: 185
这段代码是一个函数,名为queryList(),它的作用是查询数据列表。在函数中,首先将confirmLoading设置为true,表示正在加载数据。然后,将查询参数中的当前页码和每页显示数量设置为当前分页器的值。接着,调用tfrywh()函数进行数据查询,并在查询成功后将查询结果赋值给dataSource,并将总记录数赋值给分页器的total属性。如果查询失败,则会弹出错误提示框。最后,无论查询成功或失败,都会将confirmLoading设置为false,表示数据加载完成。
相关问题
var data={ before:(onSuccess)=>{//加载之前 if(page){ this.formData.page=page; } //在下面加入自定义代码 if(this.formData.beginDate){ this.formData.beginDate=this.formData.beginDate.format("yyyy-MM-dd"); } if(this.formData.endDate){ this.formData.endDate=this.formData.endDate.format("yyyy-MM-dd"); } this.formData.outTitle=[]; for(var i=2;i<this.tableColumns.length;++i){ var item={ fieldName:this.tableColumns[i].key, headName:this.tableColumns[i].title } //处理图片 if(item.fieldName && item.fieldName.indexOf("render")>-1){ item.fieldName=item.fieldName.replace("render",""); } this.formData.outTitle.push(item); } this.formData.operatorCode=parent.vue.formData.staffCode; this.formData.operatorName=parent.vue.formData.staffName; console.log(this.formData); //在上面加入正定义代码 onSuccess(); }, execute:(onSuccess)=>{//加载数据 const msg = this.$Message.loading({ content: "正在导出数据...", duration: 0 }); goodsInOut.outExcel(this.formData, (result) => { msg(); onSuccess(result); }, (result)=> { msg(); this.$Message.error(result); }); }, after:(data)=>{//加载数据之后 for (let i = 0; i < rows.length; ++i) { let AttrName = this.getWxAttrName(top.vue.wxAttrList, rows[i]); if(AttrName){ rows[i].wxAttr = AttrName; } } console.log(data); this.$Message.success("导出成功"); location.href=config.downloadUrl + data.values; //在下面加入自定义代码 //console.log("mountMend.queryList:" + JSON.stringify(this.formData)) }, }
这段代码定义了一个名为`data`的对象,包含了三个属性:`before`、`execute`和`after`。这些属性是函数,分别在不同的阶段执行。
`before`函数在加载数据之前执行。它首先检查是否有一个`page`参数,并将其赋值给`this.formData.page`。然后,它对`this.formData.beginDate`和`this.formData.endDate`进行格式化处理,将其转换为"yyyy-MM-dd"的格式。接下来,它清空`this.formData.outTitle`数组,并根据`this.tableColumns`数组的内容,构建一个包含字段名和标题的对象,并将其添加到`this.formData.outTitle`数组中。最后,它设置`this.formData.operatorCode`和`this.formData.operatorName`的值,并使用`console.log(this.formData)`打印出`this.formData`的内容。
`execute`函数在加载数据时执行。它首先显示一个正在导出数据的提示消息,并调用`goodsInOut.outExcel`方法导出数据。如果导出成功,它调用`onSuccess`函数并传递导出的结果;如果导出失败,它显示一个错误消息。
`after`函数在加载数据之后执行。它遍历`rows`数组,并根据条件为每个元素设置一个名为`wxAttr`的属性。然后,它使用`console.log(data)`打印出`data`的内容。接下来,它显示一个导出成功的提示消息,并使用`location.href`将页面重定向到`config.downloadUrl + data.values`,实现文件的下载功能。
请注意,这段代码中还有一些注释,其中包含了一些可能是自定义代码的提示,但是具体的实现并没有给出。
const queryList = event.queryList; reslist = await col.where({ _id: _.in(queryList)}) .limit(event.limit) .get() //ps = res.data const list = reslist.data const order = event.queryList list.sort((a, b) => { const indexA = order.indexOf(a._id); const indexB = order.indexOf(b._id); return indexA - indexB; }); console.log(list); ps = list这段代码和下面这段代码有什么区别 const queryList = event.queryList; const query = _.or(queryList.map(field => ({[field]: _.exists(true)}))); reslist = await col.where(query) .limit(event.limit) .get(); const list = reslist.data const order = event.queryList list.sort((a, b) => { const indexA = order.indexOf(a._id); const indexB = order.indexOf(b._id); return indexA - indexB; }); console.log(list); ps = list
这两段代码的作用是相同的,都是根据查询条件获取指定数据并按照给定的顺序进行排序。其中第一段代码使用了`_.in()`方法来进行查询,而第二段代码使用了`_.or()`方法来进行查询。区别在于第一段代码直接将查询条件作为`where`方法的参数,而第二段代码先将查询条件拼接成一个`_.or()`方法的参数,再将其传递给`where`方法。另外,第二段代码中查询条件的写法更加灵活,可以根据实际情况进行调整。最终结果都被赋值给了变量`ps`。
阅读全文