| | |
| | | } |
| | | |
| | | }) |
| | | |
| | | |
| | | const props = defineProps({ |
| | | childrenData:{ |
| | | Object, |
| | | default: '' |
| | | } |
| | | }) |
| | | const basicProp = ref({ |
| | | pageSize : 100,//页面显示数量 |
| | | pageNum:1,//当前页 |
| | | selectDate:['',''],//查询的日期 |
| | | pageTotal : 0,//总页数 |
| | | dataTotal : 0,//数据总条数 |
| | | }) |
| | | const sumNum = (list, field) => { |
| | | let count = 0 |
| | | list.forEach(item => { |
| | |
| | | return count.toFixed(2) |
| | | } |
| | | |
| | | const props = defineProps({ |
| | | childrenData:{ |
| | | Object, |
| | | default: '' |
| | | } |
| | | }) |
| | | |
| | | |
| | | watch(props, (newVal) => { |
| | | gridOptions.loading = true |
| | | xGrid.value.loadData(props.childrenData.data) |
| | | gridOptions.loading = false |
| | | }) |
| | | onMounted(() => { |
| | | gridOptions.columns = props.childrenData.columns |
| | | getReportData() |
| | | |
| | | |
| | | }) |
| | | const emit = defineEmits(['getData']) |
| | | function filterChanged(column){ |
| | | //gridOptions.loading=true |
| | | //筛选条件发生变化条件发生变化 |
| | |
| | | }else{ |
| | | filterData.value[column.property] = value |
| | | } |
| | | const gaveParentData = { |
| | | selectDate:props.childrenData.selectDate, |
| | | filterData:filterData.value |
| | | } |
| | | emit('getData',filterData.value) |
| | | |
| | | gridOptions.loading = true |
| | | getReportData() |
| | | |
| | | } |
| | | |
| | | const handlePageChange = ({ currentPage, pageSize }) => { |
| | | props.childrenData.pageNum = currentPage |
| | | props.childrenData.pageTotal = pageSize |
| | | emit('getData',filterData.value) |
| | | basicProp.value.pageNum = currentPage |
| | | basicProp.value.pageTotal = pageSize |
| | | gridOptions.loading = true |
| | | getReportData() |
| | | } |
| | | const dateChanged = () => { |
| | | emit('getData',filterData.value) |
| | | gridOptions.loading = true |
| | | getReportData() |
| | | } |
| | | |
| | | const getReportData = () => { |
| | | request.post(`${props.childrenData.url}/${basicProp.value.pageNum}/${basicProp.value.pageSize}/${basicProp.value.selectDate}`,filterData.value).then(res => { |
| | | if(res.code === '200'){ |
| | | props.childrenData.data = res.data.data |
| | | basicProp.value.pageTotal = res.data.total.pageTotal |
| | | basicProp.value.dataTotal = res.data.total.total |
| | | basicProp.value.selectDate = res.data.selectDate |
| | | } |
| | | }) |
| | | } |
| | | |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | | <div class="main-div"> |
| | | <el-date-picker |
| | | v-model="props.childrenData.selectDate" |
| | | v-model="basicProp.selectDate" |
| | | type="daterange" |
| | | start-placeholder="开始时间" |
| | | end-placeholder="结束时间" |
| | | format="YYYY-MM-DD" |
| | | value-format="YYYY-MM-DD" |
| | | /> |
| | | <el-button |
| | | @click="dateChanged" |
| | |
| | | <vxe-pager |
| | | @page-change="handlePageChange" |
| | | :layouts="[ 'PrevPage', 'Jump','PageCount', 'NextPage', 'Total']" |
| | | v-model:current-page="props.childrenData.pageNum" |
| | | v-model:page-size="props.childrenData.pageSize" |
| | | v-model:pager-count="props.childrenData.pageTotal" |
| | | :total="props.childrenData.dataTotal" |
| | | v-model:current-page="basicProp.pageNum" |
| | | v-model:page-size="basicProp.pageSize" |
| | | v-model:pager-count="basicProp.pageTotal" |
| | | :total="basicProp.dataTotal" |
| | | > |
| | | </vxe-pager> |
| | | </template> |