| | |
| | | placeholder="请输入工位号" |
| | | @keyup.enter.native="handleQuery"/> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label-width="120" label="采集时间" prop="startDate"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | <button @click="fetchData">查询</button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">查询</el-button> |
| | |
| | | created() { |
| | | this.getList(); |
| | | }, |
| | | methods:{ |
| | | methods: { |
| | | |
| | | async fetchData() { |
| | | // 构建API请求的URL,使用选择的日期范围作为查询参数 |
| | | const url = `@/api/main/da/paramCollection/paramCollection?startDate=${this.dateRange[0]}&endDate=${this.dateRange[1]}`; |
| | | // async fetchData() { |
| | | // // 构建API请求的URL,使用选择的日期范围作为查询参数 |
| | | // const url = `@/api/main/da/paramCollection/paramCollection?startDate=${this.dateRange[0]}&endDate=${this.dateRange[1]}`; |
| | | // |
| | | // try { |
| | | // // 发送API请求,获取查询结果 |
| | | // const response = await fetch(url); |
| | | // const data = await response.json(); |
| | | // console.log(data); // 处理查询结果,比如在控制台输出或显示在页面上 |
| | | // } catch (error) { |
| | | // console.error('Error fetching data:', error); |
| | | // } |
| | | // }, |
| | | // }, |
| | | |
| | | try { |
| | | // 发送API请求,获取查询结果 |
| | | const response = await fetch(url); |
| | | const data = await response.json(); |
| | | console.log(data); // 处理查询结果,比如在控制台输出或显示在页面上 |
| | | } catch (error) { |
| | | console.error('Error fetching data:', error); |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | reset() { |
| | | reset() { |
| | | this.form = { |
| | | id: null, |
| | | workOrderNo: null, |
| | |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.id) |
| | | this.single = selection.length!==1 |
| | | this.single = selection.length !== 1 |
| | | this.multiple = !selection.length |
| | | }, |
| | | |
| | | getList() { |
| | | this.loading = true; |
| | | // const startDate = new Date(this.queryParams.startDate); |
| | | // const endDate = new Date(this.queryParams.endDate); |
| | | // const resultList = []; |
| | | // // 构建查询条件,使用ParamCollection表的createtime作为判断条件 |
| | | // const query = { |
| | | // createTime: date // 使用当前日期作为查询条件 |
| | | // }; |
| | | // for (let date = startDate; date <= endDate; date.setDate(date.getDate() + 1)) { |
| | | // // 根据当前日期执行查询操作,并将结果添加到结果数组中 |
| | | // listParamCollection(query).then(response => { |
| | | // resultList.push(...response.rows); |
| | | // // 判断是否是最后一个日期,如果是,则更新页面数据 |
| | | // if (date.getTime() === endDate.getTime()) { |
| | | // this.tightenReportList = resultList; |
| | | // this.total = resultList.length; |
| | | // this.loading = false; |
| | | // } |
| | | // }); |
| | | // } |
| | | listParamCollection(this.queryParams).then(response => { |
| | | this.tightenReportList = response.rows; |
| | | this.total = response.total; |
| | |
| | | }); |
| | | }, |
| | | |
| | | |
| | | }, |
| | | } |
| | | |
| | | </script> |
| | | |
| | | <style scoped> |