template div class=app-container div class=app-container-search main-bgcolor main-radius h1 class=扫码统计h1 br !-- 搜索工作栏 -- StatsForm searchFormParam= queryParams dataSour
该代码为Vue.js代码,实现了一个扫码统计的功能页面。页面包括一个搜索框和一个展示扫码详情的列表。搜索框中包括商户名称、商品名称和时间范围三个查询条件,用户可根据这些条件进行查询。查询结果展示在列表中,包括商品名称和扫码次数两列,同时也可以进行导出操作。
在数据方面,页面使用了一个list数组来存储查询结果,同时也使用了queryParams对象来存储查询条件,其中包括商户名称、商品名称、时间范围等等。在页面初始化时,会调用getBusinessNameList方法获取商户名称列表,并将其作为dataSource数组中第一个元素的选项。同时,也会调用getList方法进行查询,并将查询结果存储在list数组中。在查询时,会将查询条件作为参数传给getScanRecordTimeList方法,并将返回结果中的list存储在list数组中。同时,也会根据返回结果中的total属性来计算总条数,并将其存储在total变量中。
在页面渲染方面,页面使用了StatsForm和StatsTable两个组件来实现搜索框和列表的展示。StatsForm组件接收searchFormParam和showSearch两个props,分别用于传递查询条件和展示搜索框的状态。同时,也使用了handleQuery、resetQuery和selectChage等事件来处理查询和重置操作。StatsTable组件则接收了loading和list两个props,分别用于展示加载状态和查询结果。
总体来说,该代码实现了一个简单的扫码统计功能,使用了Vue.js框架和一些常用组件和API来实现页面和数据的展示和交互。
原文地址: http://www.cveoy.top/t/topic/ZSF 著作权归作者所有。请勿转载和采集!