| | |
| | | printConfig: {}, |
| | | importConfig: {}, |
| | | exportConfig: {}, |
| | | scrollY:{ enabled: true,gt:13 },//开启虚拟滚动 |
| | | scrollX:{ enabled: true,gt:15 },//开启虚拟滚动 |
| | | // scrollY:{ enabled: true,gt:13 },//开启虚拟滚动 |
| | | // scrollX:{ enabled: true,gt:15 },//开启虚拟滚动 |
| | | filterConfig: { //筛选配置项 |
| | | // remote: true |
| | | }, |
| | |
| | | |
| | | let props = defineProps({ |
| | | orderId:null, |
| | | row: {} |
| | | row: {}, |
| | | processId:null//用于后端数据返回,结果筛选 |
| | | }) |
| | | const columns = [ |
| | | {field: 'order_number',fixed:"left", width: 90,title: t('order.OrderNum'),showOverflow:"ellipsis",filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
| | |
| | | switch (orderType.value) { |
| | | case 1 :{ |
| | | xGrid.value.loadData(data.value) |
| | | //xGrid.value.setMergeCells(mergeCells.value) |
| | | xGrid.value.updateFooter() |
| | | break |
| | | } |
| | | case 2 :{ |
| | | xGrid.value.loadData(data.value) |
| | | //xGrid.value.clearMergeCells() |
| | | xGrid.value.clearMergeFooterItems() |
| | | xGrid.value.updateFooter() |
| | | |
| | | break |
| | | } |
| | | case 3:{ |
| | | //xGrid.value.clearMergeCells() |
| | | xGrid.value.clearMergeFooterItems() |
| | | xGrid.value.updateFooter() |
| | | const lastProcess = title.value[title.value.length-1].process |
| | |
| | | }) |
| | | orderType.value = 1 |
| | | await xGrid.value.loadData(res.data.data) |
| | | //await xGrid.value.setMergeCells(res.data.mergeCells) |
| | | mergeCells.value = res.data.mergeCells |
| | | data.value = res.data.data |
| | | gridOptions.loading = false |
| | |
| | | //xGrid.value.clearMergeCells() |
| | | xGrid.value.clearMergeFooterItems() |
| | | } else { |
| | | //xGrid.value.setMergeCells(mergeCells.value) |
| | | xGrid.value.updateFooter() |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | }else { |
| | | count += Number(item[field]) || 0 |
| | | if(xGrid.value.isFilter() || orderType.value!==1) { |
| | | count += Number(item[field+'Show']) || Number(item[field]) || 0 |
| | | } else { |
| | | count += Number(item[field]) || 0 |
| | | } |
| | | |
| | | } |
| | | }) |
| | | return count.toFixed(2).replace(/\.?0+$/, ''); |
| | |
| | | const changeZoom = ()=> { |
| | | showTitle.value = !showTitle.value |
| | | } |
| | | |
| | | const rowStyle = ({ row,rowIndex }) => { |
| | | if(row.termination_status==1){ |
| | | return { |
| | | backgroundColor: 'rgb(186 188 192)' |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <template> |
| | |
| | | ref="xGrid" |
| | | v-bind="gridOptions" |
| | | v-on="gridEvents" |
| | | :row-style="rowStyle" |
| | | > |
| | | <template #num1_filter="{ column, $panel }"> |
| | | <div> |
| | |
| | | <template #title> |
| | | <span style="font-weight: bold" v-show="showTitle"> |
| | | {{ row.orderId }} |
| | | {{ row.project?'--':'' }} |
| | | {{ row.customerName?'--':'' }} |
| | | {{ row.customerName}} |
| | | {{row.project?'--':'' }} |
| | | {{row.project}} |
| | | {{ row.batch?'--':'' }} |
| | | {{row.batch}} |