庄锐波
5 months ago
10 changed files with 897 additions and 0 deletions
@ -0,0 +1,71 @@ |
|||||
|
package com.zdxt.enforcementcode.controller.web.supervision.report; |
||||
|
|
||||
|
import com.zdxt.enforcementcode.domain.bo.EnforcementRegistrationBo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationAnalysisVo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationStatisticsAnalysisDetailVo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationStatisticsAnalysisExportVo; |
||||
|
import com.zdxt.enforcementcode.report.IEnforcementRegistrationStatisticsService; |
||||
|
import jakarta.servlet.http.HttpServletResponse; |
||||
|
import lombok.RequiredArgsConstructor; |
||||
|
import lombok.extern.slf4j.Slf4j; |
||||
|
import org.dromara.common.core.domain.R; |
||||
|
import org.dromara.common.excel.utils.ExcelUtil; |
||||
|
import org.dromara.common.mybatis.core.page.PageQuery; |
||||
|
import org.dromara.common.mybatis.core.page.TableDataInfo; |
||||
|
import org.springframework.validation.annotation.Validated; |
||||
|
import org.springframework.web.bind.annotation.GetMapping; |
||||
|
import org.springframework.web.bind.annotation.PostMapping; |
||||
|
import org.springframework.web.bind.annotation.RequestMapping; |
||||
|
import org.springframework.web.bind.annotation.RestController; |
||||
|
|
||||
|
import java.util.List; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析（独立菜单页，按企业维度聚合统计执法次数） |
||||
|
* |
||||
|
* @author zdxt |
||||
|
*/ |
||||
|
@Slf4j |
||||
|
@Validated |
||||
|
@RequiredArgsConstructor |
||||
|
@RestController |
||||
|
@RequestMapping("/web/supervision/report/registration-statistics") |
||||
|
public class RegistrationStatisticsController { |
||||
|
|
||||
|
private final IEnforcementRegistrationStatisticsService statisticsService; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析列表（分页，V2排序） |
||||
|
*/ |
||||
|
@GetMapping("/list") |
||||
|
public TableDataInfo<RegistrationAnalysisVo> list(EnforcementRegistrationBo bo, PageQuery pageQuery) { |
||||
|
return statisticsService.list(bo, pageQuery); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 执法分析详情（指定企业的执法明细聚合） |
||||
|
*/ |
||||
|
@GetMapping("/detail") |
||||
|
public R<List<RegistrationStatisticsAnalysisDetailVo>> detail(EnforcementRegistrationBo bo) { |
||||
|
return R.ok(statisticsService.detail(bo)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 执法分析导出 |
||||
|
*/ |
||||
|
@PostMapping("/exportList") |
||||
|
public void exportList(EnforcementRegistrationBo bo, HttpServletResponse response) { |
||||
|
try { |
||||
|
List<RegistrationStatisticsAnalysisExportVo> list = statisticsService.exportList(bo); |
||||
|
ExcelUtil.exportExcel(list, "执法分析", RegistrationStatisticsAnalysisExportVo.class, response); |
||||
|
} catch (Exception e) { |
||||
|
log.error("导出执法分析Excel异常", e); |
||||
|
response.reset(); |
||||
|
response.setContentType("application/json; charset=utf-8"); |
||||
|
try { |
||||
|
response.getWriter().write("{\"code\":500,\"msg\":\"导出失败: " + e.getMessage() + "\"}"); |
||||
|
} catch (Exception ignored) { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,38 @@ |
|||||
|
package com.zdxt.enforcementcode.domain.vo.report; |
||||
|
|
||||
|
import lombok.Data; |
||||
|
|
||||
|
import java.io.Serial; |
||||
|
import java.io.Serializable; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析-详情弹窗VO（指定企业的执法明细聚合） |
||||
|
* |
||||
|
* @author zdxt |
||||
|
*/ |
||||
|
@Data |
||||
|
public class RegistrationStatisticsAnalysisDetailVo implements Serializable { |
||||
|
|
||||
|
@Serial |
||||
|
private static final long serialVersionUID = 1L; |
||||
|
|
||||
|
/** |
||||
|
* 执法单位 |
||||
|
*/ |
||||
|
private String bureauDeptName; |
||||
|
|
||||
|
/** |
||||
|
* 执法人员 |
||||
|
*/ |
||||
|
private String lawEnforcer; |
||||
|
|
||||
|
/** |
||||
|
* 执法事项 |
||||
|
*/ |
||||
|
private String lawEnforcementItemText; |
||||
|
|
||||
|
/** |
||||
|
* 数量（同一执法单位+人员+事项的次数） |
||||
|
*/ |
||||
|
private Integer total; |
||||
|
} |
||||
@ -0,0 +1,57 @@ |
|||||
|
package com.zdxt.enforcementcode.domain.vo.report; |
||||
|
|
||||
|
import cn.idev.excel.annotation.ExcelIgnoreUnannotated; |
||||
|
import cn.idev.excel.annotation.ExcelProperty; |
||||
|
import lombok.Data; |
||||
|
|
||||
|
import java.io.Serial; |
||||
|
import java.io.Serializable; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析-导出Excel VO（12列，对齐旧系统导出格式） |
||||
|
* |
||||
|
* @author zdxt |
||||
|
*/ |
||||
|
@Data |
||||
|
@ExcelIgnoreUnannotated |
||||
|
public class RegistrationStatisticsAnalysisExportVo implements Serializable { |
||||
|
|
||||
|
@Serial |
||||
|
private static final long serialVersionUID = 1L; |
||||
|
|
||||
|
@ExcelProperty(value = "区域") |
||||
|
private String district; |
||||
|
|
||||
|
@ExcelProperty(value = "街道") |
||||
|
private String street; |
||||
|
|
||||
|
@ExcelProperty(value = "企业名称") |
||||
|
private String enterpriseName; |
||||
|
|
||||
|
@ExcelProperty(value = "执法单位") |
||||
|
private String bureauDeptName; |
||||
|
|
||||
|
@ExcelProperty(value = "执法人员") |
||||
|
private String lawEnforcer; |
||||
|
|
||||
|
@ExcelProperty(value = "执法事项") |
||||
|
private String lawEnforcementItemText; |
||||
|
|
||||
|
@ExcelProperty(value = "执法时间") |
||||
|
private String enforcementTime; |
||||
|
|
||||
|
@ExcelProperty(value = "执法次数") |
||||
|
private Integer totalCount; |
||||
|
|
||||
|
@ExcelProperty(value = "2次及以下") |
||||
|
private String level2; |
||||
|
|
||||
|
@ExcelProperty(value = "3至4次（黄色）") |
||||
|
private String level34; |
||||
|
|
||||
|
@ExcelProperty(value = "5至6次（橙色）") |
||||
|
private String level56; |
||||
|
|
||||
|
@ExcelProperty(value = "7次及以上（红色）") |
||||
|
private String level7plus; |
||||
|
} |
||||
@ -0,0 +1,33 @@ |
|||||
|
package com.zdxt.enforcementcode.report; |
||||
|
|
||||
|
import com.zdxt.enforcementcode.domain.bo.EnforcementRegistrationBo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationAnalysisVo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationStatisticsAnalysisDetailVo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationStatisticsAnalysisExportVo; |
||||
|
import org.dromara.common.mybatis.core.page.PageQuery; |
||||
|
import org.dromara.common.mybatis.core.page.TableDataInfo; |
||||
|
|
||||
|
import java.util.List; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析服务接口（独立菜单页，按企业维度聚合统计执法次数） |
||||
|
* |
||||
|
* @author zdxt |
||||
|
*/ |
||||
|
public interface IEnforcementRegistrationStatisticsService { |
||||
|
|
||||
|
/** |
||||
|
* 执法分析列表（分页，V2排序） |
||||
|
*/ |
||||
|
TableDataInfo<RegistrationAnalysisVo> list(EnforcementRegistrationBo bo, PageQuery pageQuery); |
||||
|
|
||||
|
/** |
||||
|
* 执法分析详情（指定企业的逐条执法记录聚合） |
||||
|
*/ |
||||
|
List<RegistrationStatisticsAnalysisDetailVo> detail(EnforcementRegistrationBo bo); |
||||
|
|
||||
|
/** |
||||
|
* 执法分析导出（全量，V2排序） |
||||
|
*/ |
||||
|
List<RegistrationStatisticsAnalysisExportVo> exportList(EnforcementRegistrationBo bo); |
||||
|
} |
||||
@ -0,0 +1,73 @@ |
|||||
|
package com.zdxt.enforcementcode.report.impl; |
||||
|
|
||||
|
import com.baomidou.mybatisplus.core.metadata.IPage; |
||||
|
import com.baomidou.mybatisplus.extension.plugins.pagination.Page; |
||||
|
import com.zdxt.enforcementcode.domain.bo.EnforcementRegistrationBo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationAnalysisVo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationStatisticsAnalysisDetailVo; |
||||
|
import com.zdxt.enforcementcode.domain.vo.report.RegistrationStatisticsAnalysisExportVo; |
||||
|
import com.zdxt.enforcementcode.mapper.EnforcementRegistrationMapper; |
||||
|
import com.zdxt.enforcementcode.report.IEnforcementRegistrationStatisticsService; |
||||
|
import lombok.RequiredArgsConstructor; |
||||
|
import lombok.extern.slf4j.Slf4j; |
||||
|
import org.dromara.common.mybatis.core.page.PageQuery; |
||||
|
import org.dromara.common.mybatis.core.page.TableDataInfo; |
||||
|
import org.springframework.stereotype.Service; |
||||
|
|
||||
|
import java.util.List; |
||||
|
import java.util.stream.Collectors; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析服务实现（独立菜单页，按企业维度聚合统计执法次数，V2排序） |
||||
|
* |
||||
|
* @author zdxt |
||||
|
*/ |
||||
|
@Slf4j |
||||
|
@RequiredArgsConstructor |
||||
|
@Service |
||||
|
public class EnforcementRegistrationStatisticsServiceImpl implements IEnforcementRegistrationStatisticsService { |
||||
|
|
||||
|
private final EnforcementRegistrationMapper registrationMapper; |
||||
|
|
||||
|
@Override |
||||
|
public TableDataInfo<RegistrationAnalysisVo> list(EnforcementRegistrationBo bo, PageQuery pageQuery) { |
||||
|
Page<RegistrationAnalysisVo> page = pageQuery.build(); |
||||
|
IPage<RegistrationAnalysisVo> result = registrationMapper.selectAnalysisPageV2(page, bo, null); |
||||
|
return TableDataInfo.build(result); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public List<RegistrationStatisticsAnalysisDetailVo> detail(EnforcementRegistrationBo bo) { |
||||
|
return registrationMapper.selectAnalysisDetail(bo, null); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public List<RegistrationStatisticsAnalysisExportVo> exportList(EnforcementRegistrationBo bo) { |
||||
|
// 全量加载（不分页）
|
||||
|
Page<RegistrationAnalysisVo> page = new Page<>(1, Integer.MAX_VALUE, false); |
||||
|
IPage<RegistrationAnalysisVo> result = registrationMapper.selectAnalysisPageV2(page, bo, null); |
||||
|
List<RegistrationAnalysisVo> records = result.getRecords(); |
||||
|
|
||||
|
// 转换为导出VO（含颜色分级列）
|
||||
|
return records.stream().map(vo -> { |
||||
|
RegistrationStatisticsAnalysisExportVo exportVo = new RegistrationStatisticsAnalysisExportVo(); |
||||
|
exportVo.setDistrict(vo.getDistrict()); |
||||
|
exportVo.setStreet(vo.getStreet()); |
||||
|
exportVo.setEnterpriseName(vo.getEnterpriseName()); |
||||
|
exportVo.setBureauDeptName(vo.getBureauDeptName()); |
||||
|
exportVo.setLawEnforcer(vo.getLawEnforcer()); |
||||
|
exportVo.setLawEnforcementItemText(vo.getLawEnforcementItemText()); |
||||
|
exportVo.setEnforcementTime(vo.getEnforcementTime()); |
||||
|
exportVo.setTotalCount(vo.getTotalCount()); |
||||
|
|
||||
|
// 颜色分级列
|
||||
|
int count = vo.getTotalCount() != null ? vo.getTotalCount() : 0; |
||||
|
exportVo.setLevel2(count <= 2 ? String.valueOf(count) : "-"); |
||||
|
exportVo.setLevel34(count >= 3 && count <= 4 ? String.valueOf(count) : "-"); |
||||
|
exportVo.setLevel56(count >= 5 && count <= 6 ? String.valueOf(count) : "-"); |
||||
|
exportVo.setLevel7plus(count >= 7 ? String.valueOf(count) : "-"); |
||||
|
|
||||
|
return exportVo; |
||||
|
}).collect(Collectors.toList()); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,80 @@ |
|||||
|
import request from '@/utils/request'; |
||||
|
import { AxiosPromise } from 'axios'; |
||||
|
|
||||
|
const BASE_URL = '/web/supervision/report/registration-statistics'; |
||||
|
|
||||
|
/** 查询参数 */ |
||||
|
export interface AnalysisQuery { |
||||
|
pageNum?: number; |
||||
|
pageSize?: number; |
||||
|
bureauDeptName?: string; |
||||
|
lawEnforcer?: string; |
||||
|
enterpriseName?: string; |
||||
|
lawEnforcementItemText?: string; |
||||
|
district?: string; |
||||
|
street?: string; |
||||
|
dateType?: number; |
||||
|
dateSearch?: string; |
||||
|
beginTime?: string; |
||||
|
endTime?: string; |
||||
|
numLeft?: string; |
||||
|
numRight?: string; |
||||
|
num?: string; |
||||
|
enterpriseNumber?: string; |
||||
|
} |
||||
|
|
||||
|
/** 执法分析行VO */ |
||||
|
export interface RegistrationAnalysisVo { |
||||
|
district: string; |
||||
|
street: string; |
||||
|
enterpriseName: string; |
||||
|
enterpriseNumber: string; |
||||
|
bureauDeptName: string; |
||||
|
lawEnforcer: string; |
||||
|
lawEnforcementItemText: string; |
||||
|
enforcementTime: string; |
||||
|
totalCount: number; |
||||
|
colorLevel: string; |
||||
|
} |
||||
|
|
||||
|
/** 详情VO */ |
||||
|
export interface AnalysisDetailVo { |
||||
|
bureauDeptName: string; |
||||
|
lawEnforcer: string; |
||||
|
lawEnforcementItemText: string; |
||||
|
total: number; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 执法分析列表（分页） |
||||
|
*/ |
||||
|
export const getAnalysisList = (params: AnalysisQuery): AxiosPromise => { |
||||
|
return request({ |
||||
|
url: `${BASE_URL}/list`, |
||||
|
method: 'get', |
||||
|
params |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析详情（指定企业执法明细） |
||||
|
*/ |
||||
|
export const getAnalysisDetail = (params: AnalysisQuery): AxiosPromise => { |
||||
|
return request({ |
||||
|
url: `${BASE_URL}/detail`, |
||||
|
method: 'get', |
||||
|
params |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
* 执法分析导出 |
||||
|
*/ |
||||
|
export const exportAnalysisList = (params: AnalysisQuery): AxiosPromise<Blob> => { |
||||
|
return request({ |
||||
|
url: `${BASE_URL}/exportList`, |
||||
|
method: 'post', |
||||
|
params, |
||||
|
responseType: 'blob' |
||||
|
}); |
||||
|
}; |
||||
@ -0,0 +1,367 @@ |
|||||
|
<script setup lang="ts"> |
||||
|
import { ref, reactive, onMounted, onUnmounted, nextTick } from 'vue'; |
||||
|
import { ElMessage } from 'element-plus'; |
||||
|
import { |
||||
|
getAnalysisList, getAnalysisDetail, exportAnalysisList |
||||
|
} from '@/api/efcode/report/registration-statistics'; |
||||
|
import type { AnalysisQuery, RegistrationAnalysisVo, AnalysisDetailVo } from '@/api/efcode/report/registration-statistics'; |
||||
|
import { getDicts } from '@/api/system/dict/data'; |
||||
|
|
||||
|
// 查询参数 |
||||
|
const queryParams = reactive<AnalysisQuery>({ |
||||
|
pageNum: 1, |
||||
|
pageSize: 20, |
||||
|
bureauDeptName: undefined, |
||||
|
lawEnforcer: undefined, |
||||
|
enterpriseName: undefined, |
||||
|
lawEnforcementItemText: undefined, |
||||
|
district: undefined, |
||||
|
street: undefined, |
||||
|
dateType: undefined, |
||||
|
dateSearch: undefined, |
||||
|
beginTime: undefined, |
||||
|
endTime: undefined |
||||
|
}); |
||||
|
|
||||
|
const loading = ref(false); |
||||
|
const tableData = ref<RegistrationAnalysisVo[]>([]); |
||||
|
const total = ref(0); |
||||
|
const tableHeight = ref<number | undefined>(undefined); |
||||
|
const tableRef = ref(); |
||||
|
|
||||
|
// 字典 |
||||
|
const addressTypeOptions = ref<any[]>([]); |
||||
|
const streetOptions = ref<any[]>([]); |
||||
|
|
||||
|
// 时段模式 |
||||
|
const timeMode = ref('year'); |
||||
|
const selectedYear = ref<string>(String(new Date().getFullYear())); |
||||
|
const selectedQuarter = ref<number>(Math.ceil((new Date().getMonth() + 1) / 3)); |
||||
|
const selectedMonth = ref<string>(''); |
||||
|
|
||||
|
// 季度选项 |
||||
|
const quarterOptions = [ |
||||
|
{ label: '第一季度', value: 1 }, |
||||
|
{ label: '第二季度', value: 2 }, |
||||
|
{ label: '第三季度', value: 3 }, |
||||
|
{ label: '第四季度', value: 4 } |
||||
|
]; |
||||
|
|
||||
|
// 年份选项 |
||||
|
const yearOptions = (() => { |
||||
|
const curr = new Date().getFullYear(); |
||||
|
return Array.from({ length: 5 }, (_, i) => String(curr - i)); |
||||
|
})(); |
||||
|
|
||||
|
// 详情弹窗 |
||||
|
const detailDialogVisible = ref(false); |
||||
|
const detailLoading = ref(false); |
||||
|
const detailData = ref<AnalysisDetailVo[]>([]); |
||||
|
const detailEnterpriseName = ref(''); |
||||
|
|
||||
|
onMounted(() => { |
||||
|
loadDicts(); |
||||
|
applyYearFilter(); |
||||
|
handleQuery(); |
||||
|
nextTick(() => calcTableHeight()); |
||||
|
window.addEventListener('resize', calcTableHeight); |
||||
|
}); |
||||
|
|
||||
|
onUnmounted(() => { |
||||
|
window.removeEventListener('resize', calcTableHeight); |
||||
|
}); |
||||
|
|
||||
|
/** 计算表格高度 */ |
||||
|
const calcTableHeight = () => { |
||||
|
const el = tableRef.value?.$el as HTMLElement; |
||||
|
if (!el) return; |
||||
|
const rect = el.getBoundingClientRect(); |
||||
|
tableHeight.value = window.innerHeight - rect.top - 102; |
||||
|
}; |
||||
|
|
||||
|
/** 加载字典 */ |
||||
|
const loadDicts = async () => { |
||||
|
try { |
||||
|
const res = await getDicts('address_type'); |
||||
|
addressTypeOptions.value = res.data || []; |
||||
|
} catch (e) { |
||||
|
console.error('加载字典失败', e); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 区域变更时加载街道 */ |
||||
|
const handleDistrictChange = async (val: string) => { |
||||
|
queryParams.street = undefined; |
||||
|
streetOptions.value = []; |
||||
|
if (val) { |
||||
|
try { |
||||
|
const matched = addressTypeOptions.value.find((item: any) => item.dictLabel === val); |
||||
|
if (matched) { |
||||
|
const res = await getDicts(matched.dictValue); |
||||
|
streetOptions.value = res.data || []; |
||||
|
} |
||||
|
} catch (e) {} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 时段模式变更 */ |
||||
|
const handleTimeModeChange = (mode: string) => { |
||||
|
queryParams.dateType = undefined; |
||||
|
queryParams.dateSearch = undefined; |
||||
|
queryParams.beginTime = undefined; |
||||
|
queryParams.endTime = undefined; |
||||
|
if (mode === 'year') { |
||||
|
applyYearFilter(); |
||||
|
} else if (mode === 'quarter') { |
||||
|
applyQuarterFilter(); |
||||
|
} else if (mode === 'month') { |
||||
|
const now = new Date(); |
||||
|
selectedMonth.value = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`; |
||||
|
applyMonthFilter(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 年度筛选 */ |
||||
|
const applyYearFilter = () => { |
||||
|
const year = selectedYear.value; |
||||
|
queryParams.beginTime = `${year}-01-01`; |
||||
|
queryParams.endTime = `${year}-12-31`; |
||||
|
}; |
||||
|
|
||||
|
/** 季度筛选 */ |
||||
|
const applyQuarterFilter = () => { |
||||
|
const year = selectedYear.value; |
||||
|
const q = selectedQuarter.value; |
||||
|
const startMonth = (q - 1) * 3 + 1; |
||||
|
const endMonth = q * 3; |
||||
|
const endDay = new Date(Number(year), endMonth, 0).getDate(); |
||||
|
queryParams.beginTime = `${year}-${String(startMonth).padStart(2, '0')}-01`; |
||||
|
queryParams.endTime = `${year}-${String(endMonth).padStart(2, '0')}-${endDay}`; |
||||
|
}; |
||||
|
|
||||
|
/** 月度筛选 */ |
||||
|
const applyMonthFilter = () => { |
||||
|
if (selectedMonth.value) { |
||||
|
queryParams.dateSearch = selectedMonth.value; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 年份变更 */ |
||||
|
const handleYearChange = () => { |
||||
|
if (timeMode.value === 'year') { |
||||
|
applyYearFilter(); |
||||
|
} else if (timeMode.value === 'quarter') { |
||||
|
applyQuarterFilter(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 季度变更 */ |
||||
|
const handleQuarterChange = () => { |
||||
|
applyQuarterFilter(); |
||||
|
}; |
||||
|
|
||||
|
/** 月份变更 */ |
||||
|
const handleMonthChange = (val: string) => { |
||||
|
selectedMonth.value = val; |
||||
|
queryParams.dateSearch = val; |
||||
|
}; |
||||
|
|
||||
|
/** 搜索 */ |
||||
|
const handleQuery = () => { |
||||
|
queryParams.pageNum = 1; |
||||
|
getList(); |
||||
|
}; |
||||
|
|
||||
|
/** 重置 */ |
||||
|
const resetQuery = () => { |
||||
|
Object.assign(queryParams, { |
||||
|
pageNum: 1, |
||||
|
pageSize: 20, |
||||
|
bureauDeptName: undefined, |
||||
|
lawEnforcer: undefined, |
||||
|
enterpriseName: undefined, |
||||
|
lawEnforcementItemText: undefined, |
||||
|
district: undefined, |
||||
|
street: undefined, |
||||
|
dateType: undefined, |
||||
|
dateSearch: undefined, |
||||
|
beginTime: undefined, |
||||
|
endTime: undefined |
||||
|
}); |
||||
|
timeMode.value = 'year'; |
||||
|
selectedYear.value = String(new Date().getFullYear()); |
||||
|
selectedQuarter.value = Math.ceil((new Date().getMonth() + 1) / 3); |
||||
|
selectedMonth.value = ''; |
||||
|
streetOptions.value = []; |
||||
|
applyYearFilter(); |
||||
|
handleQuery(); |
||||
|
}; |
||||
|
|
||||
|
/** 查询列表 */ |
||||
|
const getList = async () => { |
||||
|
loading.value = true; |
||||
|
try { |
||||
|
const res = await getAnalysisList(queryParams); |
||||
|
tableData.value = res.rows || []; |
||||
|
total.value = res.total || 0; |
||||
|
} finally { |
||||
|
loading.value = false; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 导出 */ |
||||
|
const handleExport = async () => { |
||||
|
try { |
||||
|
const res = await exportAnalysisList(queryParams); |
||||
|
const blob = new Blob([res as any], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); |
||||
|
const url = window.URL.createObjectURL(blob); |
||||
|
const link = document.createElement('a'); |
||||
|
link.href = url; |
||||
|
link.download = '执法分析.xlsx'; |
||||
|
link.click(); |
||||
|
window.URL.revokeObjectURL(url); |
||||
|
} catch (e) { |
||||
|
ElMessage.error('导出失败'); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 点击执法次数查看详情 */ |
||||
|
const handleShowDetail = async (row: RegistrationAnalysisVo) => { |
||||
|
detailEnterpriseName.value = row.enterpriseName; |
||||
|
detailDialogVisible.value = true; |
||||
|
detailLoading.value = true; |
||||
|
try { |
||||
|
const params: AnalysisQuery = { |
||||
|
enterpriseNumber: row.enterpriseNumber, |
||||
|
dateType: queryParams.dateType, |
||||
|
dateSearch: queryParams.dateSearch, |
||||
|
beginTime: queryParams.beginTime, |
||||
|
endTime: queryParams.endTime |
||||
|
}; |
||||
|
const res = await getAnalysisDetail(params); |
||||
|
detailData.value = res.data || []; |
||||
|
} catch (e) { |
||||
|
ElMessage.error('获取详情失败'); |
||||
|
detailData.value = []; |
||||
|
} finally { |
||||
|
detailLoading.value = false; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** 颜色分级列样式 */ |
||||
|
const getLevelCellStyle = (level: string) => { |
||||
|
const colorMap: Record<string, string> = { |
||||
|
yellow: '#e6a23c', |
||||
|
orange: '#f56c6c', |
||||
|
red: '#c00' |
||||
|
}; |
||||
|
return colorMap[level] || ''; |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div class="p-2"> |
||||
|
<!-- 搜索区域 --> |
||||
|
<div class="mb-[10px]"> |
||||
|
<el-card shadow="hover"> |
||||
|
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
||||
|
<el-form-item label="执法单位" prop="bureauDeptName"> |
||||
|
<el-input v-model="queryParams.bureauDeptName" placeholder="请输入执法单位" clearable @keyup.enter="handleQuery" style="width: 120px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="执法人员" prop="lawEnforcer"> |
||||
|
<el-input v-model="queryParams.lawEnforcer" placeholder="请输入执法人员" clearable @keyup.enter="handleQuery" style="width: 90px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业名称" prop="enterpriseName"> |
||||
|
<el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称" clearable @keyup.enter="handleQuery" style="width: 120px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="执法事项" prop="lawEnforcementItemText"> |
||||
|
<el-input v-model="queryParams.lawEnforcementItemText" placeholder="请输入执法事项" clearable @keyup.enter="handleQuery" style="width: 120px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="时段"> |
||||
|
<el-select v-model="timeMode" style="width: 90px" @change="handleTimeModeChange"> |
||||
|
<el-option label="年度" value="year" /> |
||||
|
<el-option label="季度" value="quarter" /> |
||||
|
<el-option label="月度" value="month" /> |
||||
|
<el-option label="自定义" value="custom" /> |
||||
|
</el-select> |
||||
|
<el-select v-if="timeMode === 'year' || timeMode === 'quarter'" v-model="selectedYear" style="width: 100px; margin-left: 4px" @change="handleYearChange"> |
||||
|
<el-option v-for="y in yearOptions" :key="y" :label="y + '年'" :value="y" /> |
||||
|
</el-select> |
||||
|
<el-select v-if="timeMode === 'quarter'" v-model="selectedQuarter" style="width: 110px; margin-left: 4px" @change="handleQuarterChange"> |
||||
|
<el-option v-for="q in quarterOptions" :key="q.value" :label="q.label" :value="q.value" /> |
||||
|
</el-select> |
||||
|
<el-date-picker v-if="timeMode === 'month'" v-model="selectedMonth" type="month" placeholder="选择月份" value-format="YYYY-MM" style="width: 150px; margin-left: 4px" @change="handleMonthChange" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item v-if="timeMode === 'custom'" label="执法时间"> |
||||
|
<el-date-picker v-model="queryParams.beginTime" type="date" placeholder="开始日期" value-format="YYYY-MM-DD" style="width: 130px" /> |
||||
|
<span style="margin: 0 4px">-</span> |
||||
|
<el-date-picker v-model="queryParams.endTime" type="date" placeholder="结束日期" value-format="YYYY-MM-DD" style="width: 130px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
||||
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
||||
|
<el-button type="warning" icon="Download" @click="handleExport">导出</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 表格区域 --> |
||||
|
<el-card shadow="hover"> |
||||
|
<el-table ref="tableRef" v-loading="loading" :data="tableData" :height="tableHeight" border stripe> |
||||
|
<el-table-column label="区域" prop="district" width="100" align="center" /> |
||||
|
<el-table-column label="街道" prop="street" width="120" align="center" /> |
||||
|
<el-table-column label="企业名称" prop="enterpriseName" min-width="200" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="执法单位" prop="bureauDeptName" min-width="150" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="执法人员" prop="lawEnforcer" min-width="120" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="执法事项" prop="lawEnforcementItemText" min-width="150" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="执法时间" prop="enforcementTime" width="110" align="center" /> |
||||
|
<el-table-column label="执法次数" width="100" align="center"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-link type="success" :underline="false" @click="handleShowDetail(row)"> |
||||
|
{{ row.totalCount }} |
||||
|
</el-link> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="2次及以下" width="100" align="center"> |
||||
|
<template #default="{ row }"> |
||||
|
{{ row.totalCount <= 2 ? row.totalCount : '-' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="3至4次" width="90" align="center"> |
||||
|
<template #default="{ row }"> |
||||
|
<span v-if="row.totalCount >= 3 && row.totalCount <= 4" style="color: #e6a23c; font-weight: bold;">{{ row.totalCount }}</span> |
||||
|
<span v-else>-</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="5至6次" width="90" align="center"> |
||||
|
<template #default="{ row }"> |
||||
|
<span v-if="row.totalCount >= 5 && row.totalCount <= 6" style="color: #f56c6c; font-weight: bold;">{{ row.totalCount }}</span> |
||||
|
<span v-else>-</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="7次及以上" width="100" align="center"> |
||||
|
<template #default="{ row }"> |
||||
|
<span v-if="row.totalCount >= 7" style="color: #c00; font-weight: bold;">{{ row.totalCount }}</span> |
||||
|
<span v-else>-</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" /> |
||||
|
</el-card> |
||||
|
|
||||
|
<!-- 详情弹窗 --> |
||||
|
<el-dialog v-model="detailDialogVisible" :title="`执法详情 - ${detailEnterpriseName}`" width="700px" append-to-body destroy-on-close> |
||||
|
<el-table v-loading="detailLoading" :data="detailData" border stripe max-height="400"> |
||||
|
<el-table-column label="执法单位" prop="bureauDeptName" min-width="150" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="执法人员" prop="lawEnforcer" min-width="120" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="执法事项" prop="lawEnforcementItemText" min-width="150" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="数量" prop="total" width="80" align="center" /> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
</style> |
||||
Loading…
Reference in new issue