|  |  |  | 
|---|
|  |  |  | @bottomAutoLoadMore="handleAutoLoadMore" | 
|---|
|  |  |  | @on-checkbox="handleCheckboxChange" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template #rowIndex="{ rowIndex }"> | 
|---|
|  |  |  | {{ rowIndex }} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </HxlhTable> | 
|---|
|  |  |  | <!-- 用户导入对话框 --> | 
|---|
|  |  |  | <el-dialog | 
|---|
|  |  |  | 
|---|
|  |  |  | const title = ref(""); | 
|---|
|  |  |  | const daterangeIntegrationDay = ref([]); | 
|---|
|  |  |  | //弹窗相关 | 
|---|
|  |  |  | const height = ref(document.documentElement.clientHeight - 260 + "px;"); | 
|---|
|  |  |  | const height = ref(document.documentElement.clientHeight - 230 + "px;"); | 
|---|
|  |  |  | const isVisible = ref(false); | 
|---|
|  |  |  | const isError = ref(false); | 
|---|
|  |  |  | const planned = ref(true); | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 表格配置-弹窗 | 
|---|
|  |  |  | const exampleColumns = ref([ | 
|---|
|  |  |  | { type: "seq", title: "序号", width: 60 }, | 
|---|
|  |  |  | { type: "seq", title: "序号", width: 60, slots: { default: "rowIndex" } }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | title: "料号", | 
|---|
|  |  |  | field: "itemNo", | 
|---|
|  |  |  | 
|---|
|  |  |  | //   align:"center", | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | ]); | 
|---|
|  |  |  | const hasMore = ref(true); | 
|---|
|  |  |  | const data = reactive({ | 
|---|
|  |  |  | form: {}, | 
|---|
|  |  |  | queryParams: { | 
|---|
|  |  |  | pageNum: 1, | 
|---|
|  |  |  | pageSize: 10000, | 
|---|
|  |  |  | pageNum: 0, | 
|---|
|  |  |  | pageSize: 100, | 
|---|
|  |  |  | itemNo: null, | 
|---|
|  |  |  | integrationDay: null, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | const { queryParams, form, rules } = toRefs(data); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /** 查询工艺路线列表 */ | 
|---|
|  |  |  | function getList() { | 
|---|
|  |  |  | async function getList() { | 
|---|
|  |  |  | loading.value = true; | 
|---|
|  |  |  | queryParams.value.params = {}; | 
|---|
|  |  |  | if (null != daterangeIntegrationDay && "" != daterangeIntegrationDay) { | 
|---|
|  |  |  | 
|---|
|  |  |  | queryParams.value.params["endIntegrationDay"] = | 
|---|
|  |  |  | daterangeIntegrationDay.value[1]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | listProcessRoute(queryParams.value).then((response) => { | 
|---|
|  |  |  | processRouteList.value = response.rows; | 
|---|
|  |  |  | total.value = response.total; | 
|---|
|  |  |  | loading.value = false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const response = await listProcessRoute(queryParams.value) | 
|---|
|  |  |  | // processRouteList.value = response.rows; | 
|---|
|  |  |  | if(processRouteList.value.length < queryParams.value.pageSize){ | 
|---|
|  |  |  | hasMore.value = false; | 
|---|
|  |  |  | processRouteList.value = response.rows | 
|---|
|  |  |  | }else{ | 
|---|
|  |  |  | processRouteList.value = [...processRouteList.value,...response.rows]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // total.value = response.total; | 
|---|
|  |  |  | loading.value = false; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // async function loadData() { | 
|---|
|  |  |  | //   try { | 
|---|
|  |  |  | //     const response = await fetch(`https://api.example.com/products?page=${this.page}&limit=${this.pageSize}`); | 
|---|
|  |  |  | //     const data = await response.json(); | 
|---|
|  |  |  | //     if (data.length < this.pageSize) { | 
|---|
|  |  |  | //       this.hasMore = false; | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | //     this.products.push(...data); | 
|---|
|  |  |  | //     this.page++; | 
|---|
|  |  |  | //   } catch (error) { | 
|---|
|  |  |  | //     console.error('Error fetching data:', error); | 
|---|
|  |  |  | //   } | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | function handleAutoLoadMore(){ | 
|---|
|  |  |  | queryParams.value.pageNum++; | 
|---|
|  |  |  | getList(); | 
|---|
|  |  |  | queryParams.value.pageNum++; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // 取消按钮 | 
|---|
|  |  |  | function cancel() { | 
|---|