隐患统计加时间查询和合计行、整改时间格式修改

guanqb

2024-02-02 4eea05e31ab4092236c3edfd5567851f09930bb1

 src/views/publicSecurity/ninePlaceManage/hiddenDangerStatistics.vue

@@ -1,10 +1,10 @@
<template>
    <basic-container>
        <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel"
            v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave"
            :before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">
        <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud"
            :summary-method="summaryMethod" @row-del="rowDel" v-model="form" :permission="permissionList"
            @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen" @search-change="searchChange"
            @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange"
            @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
        </avue-crud>
    </basic-container>
</template>
@@ -39,13 +39,16 @@
                searchShow: true,
                searchMenuSpan: 3,
                menu: false,
                header: false,
                border: true,
                index: true,
                editBtn: false,
                delBtn: false,
                addBtn: false,
                excelBtn: true,
                columnBtn: false,
                refreshBtn: false,
                dialogClickModal: false,
                showSummary: true,
                column: [
                    {
                        label: "地区",
@@ -132,6 +135,19 @@
                        label: "总数",
                        prop: "count",
                        align: 'center',
                    },
                    {
                        label: "检查时间",
                        prop: "daterange",
                        type: "daterange",
                        format: 'yyyy-MM-DD',
                        valueFormat: 'yyyy-MM-DD',
                        startPlaceholder: '日期开始范围自定义',
                        endPlaceholder: '日期结束范围自定义',
                        hide: true,
                        search: true,
                        searchSpan: 6,
                        searchRange: true,
                    }],
            },
            data: []
@@ -158,6 +174,25 @@

    },
    methods: {
        summaryMethod ({ columns, data }) {
            const sums = []
            if (columns.length > 0) {
                columns.forEach((column, index) => {
                    let prop = column.property
                    if (prop == 'name') {
                        sums[index] = '信州区合计'
                    } else {
                        let values = this.data.map(item => Number(item[prop] || 0))
                        let all = values.length !== 0 ? sums[index] = values.reduce((a, b) => {
                            return a + b
                        }) : 0
                        sums[index] = all
                    }
                })
            }
            return sums
        },

        rowSave (row, done, loading) {
            if (row.imageUrls.length > 0) {
                var urls = []
@@ -260,9 +295,14 @@
        },

        searchChange (params, done) {
            this.query = params
            console.log('searchChange', params)

            this.query = params.daterange ? {
                startTime: params.daterange[0],
                endTime: params.daterange[1],
            } : {}
            this.page.currentPage = 1
            this.onLoad(this.page, params)
            this.onLoad(this.page)
            done()
        },

@@ -322,7 +362,7 @@

        onLoad (page, params = {}) {
            this.loading = true
            getYHTJList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
            getYHTJList(page.currentPage, page.pageSize, this.query).then(res => {
                console.log('getZGQKList', res.data.data)
                const data = res.data.data
                data.forEach(item => {