|
@@ -1,5 +1,25 @@
|
|
<template>
|
|
<template>
|
|
<div class="card-search">
|
|
<div class="card-search">
|
|
|
|
+ <!-- 查询表单 -->
|
|
|
|
+ <a-form
|
|
|
|
+ ref="formRef"
|
|
|
|
+ name="advanced_search"
|
|
|
|
+ class="ant-advanced-search-form"
|
|
|
|
+ :model="searchParams"
|
|
|
|
+ >
|
|
|
|
+ <a-row :gutter="24">
|
|
|
|
+ <a-col :span="6">
|
|
|
|
+ <a-form-item label="查询月份" :label-col="{span:6}" name="reportDate">
|
|
|
|
+ <a-date-picker format="YYYY-MM" picker="month" v-model:value="pickerDate" :allow-clear="false"
|
|
|
|
+ @change="pickerDateChange"/>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
|
|
+ <a-col :span="6" style="text-align: left">
|
|
|
|
+ <a-button type="primary" html-type="submit" @click="searchTypeChange" :loading="searchLoading">查询</a-button>
|
|
|
|
+ <a-button style="margin: 0 8px" @click="onReset">重置</a-button>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ </a-form>
|
|
<!-- 操作按钮 -->
|
|
<!-- 操作按钮 -->
|
|
<a-row class="edit-operation" style="margin-bottom: 20px">
|
|
<a-row class="edit-operation" style="margin-bottom: 20px">
|
|
<a-col :span="24" class="flex-space-between">
|
|
<a-col :span="24" class="flex-space-between">
|
|
@@ -59,7 +79,13 @@ import {
|
|
getJobUserCountByPersonType
|
|
getJobUserCountByPersonType
|
|
} from "@/api/statistics";
|
|
} from "@/api/statistics";
|
|
import {initDataSetBarImageTable, initStackBarImageTable} from "@/utils/echartsUtil";
|
|
import {initDataSetBarImageTable, initStackBarImageTable} from "@/utils/echartsUtil";
|
|
|
|
+import dayjs from "dayjs";
|
|
|
|
|
|
|
|
+// 查询条件
|
|
|
|
+const searchParams = reactive({
|
|
|
|
+ year: "",
|
|
|
|
+ month: ""
|
|
|
|
+})
|
|
// 查询方法类型
|
|
// 查询方法类型
|
|
const searchType = ref("ageRange");
|
|
const searchType = ref("ageRange");
|
|
// 查询加载
|
|
// 查询加载
|
|
@@ -116,11 +142,12 @@ const regionTableColumns = [
|
|
title: '就业困难人数', dataIndex: 'difficultyCount', key: 'keyTypeName', align: "center"
|
|
title: '就业困难人数', dataIndex: 'difficultyCount', key: 'keyTypeName', align: "center"
|
|
},
|
|
},
|
|
]
|
|
]
|
|
|
|
+const pickerDate = ref<any>();
|
|
|
|
|
|
// 查询各年龄段求职人员数量
|
|
// 查询各年龄段求职人员数量
|
|
async function ageRangeOnSearch() {
|
|
async function ageRangeOnSearch() {
|
|
searchLoading.value = true;
|
|
searchLoading.value = true;
|
|
- await getJobUserCountByAgeRange().then((result: any) => {
|
|
|
|
|
|
+ await getJobUserCountByAgeRange(searchParams.year, searchParams.month).then((result: any) => {
|
|
// 保存原始数据
|
|
// 保存原始数据
|
|
ageRangeJobUserData.originalList = result;
|
|
ageRangeJobUserData.originalList = result;
|
|
|
|
|
|
@@ -186,7 +213,7 @@ async function ageRangeOnSearch() {
|
|
// 查询各重点人员类别在各学历的分布情况
|
|
// 查询各重点人员类别在各学历的分布情况
|
|
async function personTypeOnSearch() {
|
|
async function personTypeOnSearch() {
|
|
searchLoading.value = true;
|
|
searchLoading.value = true;
|
|
- await getJobUserCountByPersonType().then((result: any) => {
|
|
|
|
|
|
+ await getJobUserCountByPersonType(searchParams.year, searchParams.month).then((result: any) => {
|
|
// 保存原始数据
|
|
// 保存原始数据
|
|
personTypeJobUserData.originalList = result;
|
|
personTypeJobUserData.originalList = result;
|
|
|
|
|
|
@@ -268,7 +295,7 @@ async function personTypeOnSearch() {
|
|
// 查询各区县正常失业人员与就业困难人员情况
|
|
// 查询各区县正常失业人员与就业困难人员情况
|
|
async function regionDifficultyOnSearch() {
|
|
async function regionDifficultyOnSearch() {
|
|
searchLoading.value = true;
|
|
searchLoading.value = true;
|
|
- await getJobUserByRegionAndDifficulty().then((result: any) => {
|
|
|
|
|
|
+ await getJobUserByRegionAndDifficulty(searchParams.year, searchParams.month).then((result: any) => {
|
|
// 保存原始数据
|
|
// 保存原始数据
|
|
regionJobUserData.originalList = result;
|
|
regionJobUserData.originalList = result;
|
|
regionJobUserData.tableList = result;
|
|
regionJobUserData.tableList = result;
|
|
@@ -303,6 +330,27 @@ function searchTypeChange() {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+// 日期变更事件
|
|
|
|
+function pickerDateChange(date: any, dateStr: string) {
|
|
|
|
+ console.log(date);
|
|
|
|
+ if (dateStr) {
|
|
|
|
+ const strings = dateStr.split('-');
|
|
|
|
+ searchParams.year = strings[0];
|
|
|
|
+ searchParams.month = strings[1];
|
|
|
|
+ searchTypeChange();
|
|
|
|
+ } else {
|
|
|
|
+ searchParams.year = "";
|
|
|
|
+ searchParams.month = "";
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+function onReset() {
|
|
|
|
+ pickerDate.value = "";
|
|
|
|
+ searchParams.year = "";
|
|
|
|
+ searchParams.month = "";
|
|
|
|
+ searchTypeChange();
|
|
|
|
+}
|
|
|
|
+
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
searchTypeChange();
|
|
searchTypeChange();
|
|
})
|
|
})
|