|
@@ -18,6 +18,20 @@
|
|
|
:value="i.id"
|
|
:value="i.id"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ @change="yearChange"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ v-model="searchInput.yearId"
|
|
|
|
|
+ placeholder="请选择年份"
|
|
|
|
|
+ style="width: 250px; margin-left: 20px"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="i in yearData"
|
|
|
|
|
+ :key="i.id"
|
|
|
|
|
+ :label="i.name"
|
|
|
|
|
+ :value="i.id"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-select>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 处置情况 -->
|
|
<!-- 处置情况 -->
|
|
@@ -279,6 +293,7 @@ const carSchoolChange = (title) => {
|
|
|
let registerEcharts = null;
|
|
let registerEcharts = null;
|
|
|
const searchInput = reactive({
|
|
const searchInput = reactive({
|
|
|
college: "",
|
|
college: "",
|
|
|
|
|
+ yearId:"",
|
|
|
});
|
|
});
|
|
|
const studentTotal = ref();
|
|
const studentTotal = ref();
|
|
|
const studentTotalP = ref();
|
|
const studentTotalP = ref();
|
|
@@ -300,6 +315,22 @@ const collegeList = async () => {
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
|
|
+const yearData=ref([])
|
|
|
|
|
+const yearList = async () => {
|
|
|
|
|
+ let res = await https.get("/welcome/api/systemSetting/yearDatas", "params");
|
|
|
|
|
+ console.log(res, "年份数据");
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
|
|
+ yearData.value = res.data;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ type: "error",
|
|
|
|
|
+ showClose: true,
|
|
|
|
|
+ message: res.message,
|
|
|
|
|
+ center: true,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+};
|
|
|
|
|
+
|
|
|
// 学院新生报到情况
|
|
// 学院新生报到情况
|
|
|
let trafficEcharts = null;
|
|
let trafficEcharts = null;
|
|
|
const wayTotal = ref();
|
|
const wayTotal = ref();
|
|
@@ -316,11 +347,12 @@ const studentOverview = async () => {
|
|
|
let params = {
|
|
let params = {
|
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
|
collegeId: searchInput.college,
|
|
collegeId: searchInput.college,
|
|
|
|
|
+ yearId:searchInput.yearId
|
|
|
};
|
|
};
|
|
|
let res = await https.get(
|
|
let res = await https.get(
|
|
|
"/welcome/api/welcomeStudent/studentOverview",
|
|
"/welcome/api/welcomeStudent/studentOverview",
|
|
|
"params",
|
|
"params",
|
|
|
- params
|
|
|
|
|
|
|
+ params,
|
|
|
);
|
|
);
|
|
|
console.log(res, "处置情况");
|
|
console.log(res, "处置情况");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
@@ -378,12 +410,13 @@ const register = async () => {
|
|
|
registerEcharts = echarts.init(dom);
|
|
registerEcharts = echarts.init(dom);
|
|
|
let params = {
|
|
let params = {
|
|
|
collegeId: searchInput.college,
|
|
collegeId: searchInput.college,
|
|
|
|
|
+ yearId:searchInput.yearId
|
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
|
};
|
|
};
|
|
|
let res = await https.get(
|
|
let res = await https.get(
|
|
|
"/welcome/api/welcomeStudent/studentRegister",
|
|
"/welcome/api/welcomeStudent/studentRegister",
|
|
|
"params",
|
|
"params",
|
|
|
- params
|
|
|
|
|
|
|
+ params,
|
|
|
);
|
|
);
|
|
|
console.log(res, "新生报到情况");
|
|
console.log(res, "新生报到情况");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
@@ -486,6 +519,13 @@ const collegeChange = () => {
|
|
|
traffic();
|
|
traffic();
|
|
|
gender();
|
|
gender();
|
|
|
};
|
|
};
|
|
|
|
|
+const yearChange = () => {
|
|
|
|
|
+ studentOverview();
|
|
|
|
|
+ register();
|
|
|
|
|
+ levelRegister();
|
|
|
|
|
+ traffic();
|
|
|
|
|
+ gender();
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
// 新生报到层次统计
|
|
// 新生报到层次统计
|
|
|
const levelRegister = async () => {
|
|
const levelRegister = async () => {
|
|
@@ -494,11 +534,12 @@ const levelRegister = async () => {
|
|
|
let params = {
|
|
let params = {
|
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
|
collegeId: searchInput.college,
|
|
collegeId: searchInput.college,
|
|
|
|
|
+ yearId:searchInput.yearId
|
|
|
};
|
|
};
|
|
|
let res = await https.get(
|
|
let res = await https.get(
|
|
|
"/welcome/api/welcomeStudent/levelRegister",
|
|
"/welcome/api/welcomeStudent/levelRegister",
|
|
|
"params",
|
|
"params",
|
|
|
- params
|
|
|
|
|
|
|
+ params,
|
|
|
);
|
|
);
|
|
|
console.log(res, "新生报到层次统计");
|
|
console.log(res, "新生报到层次统计");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
@@ -518,7 +559,7 @@ const levelRegister = async () => {
|
|
|
const arr = sortedData.sort((a, b) => {
|
|
const arr = sortedData.sort((a, b) => {
|
|
|
return customOrder.indexOf(a.name) - customOrder.indexOf(b.name);
|
|
return customOrder.indexOf(a.name) - customOrder.indexOf(b.name);
|
|
|
});
|
|
});
|
|
|
- console.log(sortedData,"整合数据");
|
|
|
|
|
|
|
+ console.log(sortedData, "整合数据");
|
|
|
|
|
|
|
|
let manTotal = 0;
|
|
let manTotal = 0;
|
|
|
arr.forEach((i) => {
|
|
arr.forEach((i) => {
|
|
@@ -679,11 +720,12 @@ const traffic = async () => {
|
|
|
let params = {
|
|
let params = {
|
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
|
collegeId: searchInput.college,
|
|
collegeId: searchInput.college,
|
|
|
|
|
+ yearId:searchInput.yearId
|
|
|
};
|
|
};
|
|
|
let res = await https.get(
|
|
let res = await https.get(
|
|
|
"/welcome/api/welcomeStudent/studentTraffic",
|
|
"/welcome/api/welcomeStudent/studentTraffic",
|
|
|
"params",
|
|
"params",
|
|
|
- params
|
|
|
|
|
|
|
+ params,
|
|
|
);
|
|
);
|
|
|
console.log(res, "学生交通方式");
|
|
console.log(res, "学生交通方式");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
@@ -771,11 +813,12 @@ const gender = async () => {
|
|
|
let params = {
|
|
let params = {
|
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
|
collegeId: searchInput.college,
|
|
collegeId: searchInput.college,
|
|
|
|
|
+ yearId:searchInput.yearId
|
|
|
};
|
|
};
|
|
|
let res = await https.get(
|
|
let res = await https.get(
|
|
|
"/welcome/api/welcomeStudent/studentSexRatio",
|
|
"/welcome/api/welcomeStudent/studentSexRatio",
|
|
|
"params",
|
|
"params",
|
|
|
- params
|
|
|
|
|
|
|
+ params,
|
|
|
);
|
|
);
|
|
|
console.log(res, "学生性别比例");
|
|
console.log(res, "学生性别比例");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
@@ -876,11 +919,12 @@ const studentStay = async () => {
|
|
|
let params = {
|
|
let params = {
|
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
// accountId: sessionStorage.getItem("accountId"),
|
|
|
collegeId: searchInput.college,
|
|
collegeId: searchInput.college,
|
|
|
|
|
+ yearId:searchInput.yearId
|
|
|
};
|
|
};
|
|
|
let res = await https.get(
|
|
let res = await https.get(
|
|
|
"/welcome/api/welcomeStudent/studentStay",
|
|
"/welcome/api/welcomeStudent/studentStay",
|
|
|
"params",
|
|
"params",
|
|
|
- params
|
|
|
|
|
|
|
+ params,
|
|
|
);
|
|
);
|
|
|
console.log(res, "学生住宿情况");
|
|
console.log(res, "学生住宿情况");
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
@@ -917,6 +961,7 @@ onMounted(() => {
|
|
|
gender();
|
|
gender();
|
|
|
studentStay();
|
|
studentStay();
|
|
|
collegeList();
|
|
collegeList();
|
|
|
|
|
+ yearList()
|
|
|
window.addEventListener("resize", updateChartSize);
|
|
window.addEventListener("resize", updateChartSize);
|
|
|
});
|
|
});
|
|
|
|
|
|