招生

2026-01-14 10:52:06 +08:00
parent 8c1f4ec05e
commit d0c8ea0223
140 changed files with 16969 additions and 11469 deletions
--- a/src/views/recruit/recruitstudentsignup/areaStaticByCZ.vue
+++ b/src/views/recruit/recruitstudentsignup/areaStaticByCZ.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="mod-config">
+    <basic-container>
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="init()"  ref="searchForm">
+        <el-form-item label="招生计划" prop="groupId">
+          <el-select v-model="dataForm.groupId" filterable  placeholder="请选择招生计划" size="small" >
+            <el-option
+              v-for="item in planList"
+              :key="item.id"
+              :label="item.groupName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button  icon="el-icon-search" type="primary" size="small"
+                      @click="handleFilter()">查询
+          </el-button>
+          <el-button icon="el-icon-delete" type="normal" plain size="small"
+                     @click="resetForm('searchForm')">清空
+          </el-button>
+
+        </el-form-item>
+      </el-form>
+      <el-form>
+        <el-form-item>
+          <el-button  icon="el-icon-download" type="warning" size="small" @click="dataExportHandle()">导出</el-button>
+        </el-form-item>
+      </el-form>
+      <div class="avue-crud">
+        <el-table :data="list"  border stripe  v-loading="dataListLoading"
+                  :summary-method="getSummaries"  show-summary
+        >
+          <el-table-column  align="center" header-align="center" prop="provinceName" label="省市" />
+          <el-table-column  align="center" header-align="center" prop="peopleNum" label="人数" />
+          <el-table-column  align="center" header-align="center" prop="peopleRate" label="占比" />
+        </el-table>
+
+        <chart ref="typeEchartBar" style="width:100%;margin-top:80px" :options="chartOption" theme="macarons" ></chart>
+
+      </div>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+import {getAreaStatic} from "@/api/recruit/recruitstudentsignup";
+import {list} from "@/api/recruit/recruitstudentplangroup";
+require('echarts/lib/chart/bar');
+require('echarts/lib/chart/line');
+export default {
+  data() {
+    return {
+      dataForm: {groupId:""},
+      list: [],
+      planList:[],
+      dataListLoading: false,
+      chartOption: {}
+    }
+  },
+  mounted() {
+  },
+  created () {
+    this.init()
+  },
+  methods: {
+    init(){
+      let _this = this;
+      list().then(data =>{
+        _this.planList = data.data.data
+        _this.dataForm.groupId=_this.planList[0].id;
+        this.getDataList();
+      });
+    },
+    getDataList(){
+      this.list = [];
+      this.indexArray=[];
+      this.dataForm.degreeOfEducation='1';
+      getAreaStatic(this.dataForm).then(response =>{
+        this.list = response.data.data.data;
+        this.chartOption = response.data.data.option
+      })
+    },
+    exportExcel: function(form,url) {
+      return axios({ // 用axios发送post请求
+        method: 'post',
+        url: url, // 请求地址
+        data: form, // 参数
+        responseType: 'blob', // 表明返回服务器返回的数据类型
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      })
+    },
+    /**
+     * 导出表格
+     */
+    dataExportHandle() {
+      this.exportLoading = true
+      this.exportExcel(this.dataForm,'/recruit/recruitstudentsignup/getAreaStaticExport').then(res => { // 处理返回的文件流
+        console.log(res)
+        const blob = new Blob([res.data]);
+        const fileName = '按地区导出.xls';
+        const elink = document.createElement('a');
+        elink.download = fileName;
+        elink.style.display = 'none';
+        elink.href = URL.createObjectURL(blob);
+        document.body.appendChild(elink);
+        elink.click();
+        URL.revokeObjectURL(elink.href); // 释放URL 对象
+        document.body.removeChild(elink);
+      })
+    },
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总计'
+        } else if (index != 0 ) {
+            const values = data.map(item => Number(item[column.property]))
+            if (!values.every(value => isNaN(value))) {
+                sums[index] = values.reduce((prev, curr) => {
+                  const value = Number(curr)
+                  if (!isNaN(value) ) {
+                    let value = prev + curr;
+                    return value
+                  } else {
+                    return prev
+                  }
+                }, 0);
+            } else {
+              sums[index] = '--'
+            }
+        } else {
+          sums[index] = '--'
+        }
+      })
+      return sums
+    },
+
+    handleFilter(){
+      this.getDataList();
+    },
+
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    },
+  }
+}
+</script>