招生计划

src/api/webApi/shiftLine.js

@@ -113,3 +113,40 @@ export function selectMarjorList(params){
     params
   })
 }
+
+/**
+ * 招生计划列表
+ * @param params
+ */
+export function recruitPlan(params){
+  return request({
+    url:`/front/syzy/recruitPlan/list`,
+    method:'get',
+    params
+  })
+}
+
+/**
+ * 招生计划 年份
+ * @param params
+ */
+export function recruitPlanYears(params){
+  return request({
+    url:`/front/syzy/recruitPlan/years`,
+    method:'get',
+    params
+  })
+}
+
+/**
+ * 招生计划 科类
+ * @param params
+ */
+export function recruitPlanTypes(params){
+  return request({
+    url:`/front/syzy/recruitPlan/types`,
+    method:'get',
+    params
+  })
+}
+

src/views/career/plan/enrollPlan.vue

@@ -6,32 +6,46 @@
           <el-badge type="info" value="X" class="item" style="cursor: pointer">
             <el-button @click="dialog.visible=true">{{college.name || '添加院校'}}</el-button>
           </el-badge>
-          <el-button type="primary">查询学校</el-button>
         </div>
       </el-form-item>
     </el-form>
     <el-divider></el-divider>
     <div>
       <el-card class="box-card">
-        <div slot="header" class="clearfix">
-          <span class="tabs-item" @click="type = 'lu'" :class="{'bg-primary':type == 'lu'}">专业录取数据</span>
-          <span class="tabs-item" @click="type = 'zhao'" :class="{'bg-primary':type == 'zhao'}">招生计划数据</span>
-          <p class="line"></p>
-        </div>
         <div >
-          <div v-if="rows.length">
             <mx-search-group class="mb10" :hidden="false" :span="6">
               <el-col :span="4">
-                <mx-select :list="[{}]" v-model="value"></mx-select>
+                <el-select v-model="form.year" placeholder="年份">
+                  <el-option
+                    v-for="item in years"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  ></el-option>
+                </el-select>
               </el-col>
               <el-col :span="4">
-                <mx-select :list="[{}]" v-model="value"></mx-select>
+                <el-select v-model="form.type"  placeholder="科类">
+                  <el-option
+                    v-for="item in types"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  ></el-option>
+                </el-select>
               </el-col>
-              <el-button type="primary" class="search-btn">{{ '查询'}}</el-button>
+              <el-button type="primary" class="search-btn" @click="search">{{ '查询'}}</el-button>
             </mx-search-group>
-            <mx-table :prop-defines="propDefines" :rows="rows"></mx-table>
-          </div>
-          <evaluation-empty v-else class="mt20" title="请先选择院校"></evaluation-empty>
+            <mx-table :prop-defines="propDefines" :rows="rows">
+              <template #temp="{row}">
+                  <p>{{`[${row.marjorBelongs}]`}}{{row.marjorName}}</p>
+                  <p class="f-999 f12">{{row.marjorDirection}}</p>
+              </template>
+            </mx-table>
+            <pagination class="mt10" :total="total" :autoScroll="false" @pagination="getList"
+                        :page.sync="pageForm.pageNum"
+                        :limit.sync="pageForm.pageSize"
+            ></pagination>
         </div>
       </el-card>
     </div>
@@ -44,7 +58,11 @@
 import SelectUniversity from '@/views/career/components/SelectUniversity'
 import MxSearchGroup from '@/components/MxSearch/mx-search-group'
 import MxSelect from '@/components/mx-select/mx-select'
-
+import {
+  recruitPlanYears,
+  recruitPlanTypes,
+  recruitPlan
+} from '@/api/webApi/shiftLine'
 export default {
   components:{SelectUniversity,MxSearchGroup,MxSelect},
   data(){
@@ -53,22 +71,33 @@ export default {
         visible:false
       },
       value:'',
-      type:'lu',
       college:{},
+      form:{
+        year:'',
+        type:'',
+        universityCode:''
+      },
+      types:[],
+      years:[],
       propDefines:{
-        colledgeCode:{
-          label:'院校代码'
+        universityName:{
+          label:'院校名称',
+        },
+        collegeCode:{
+          label:'院校招生代码'
         },
-        majorName:{
-          label:'招生专业'
+        marjorName:{
+          label:'招生专业',
+          slot:'temp',
+          width:'200'
         },
-        batchName:{
+        level:{
           label:'批次/段'
         },
         course:{
           label:'选考科目'
         },
-        num:{
+        planCount:{
           label:'计划数'
         },
         xuezhi:{
@@ -81,18 +110,56 @@ export default {
           label:'计划类型'
         },
       },
-      rows:[{},{}],
+      pageForm:{
+        pageSize:10,
+        pageNum:1,
+      },
+      total:0,
+      rows:[],
+    }
+  },
+  created() {
+    this.getMajorYears()
+  },
+  watch: {
+    'form.year':{
+      handler(val) {
+        this.getMajorLevels()
+      }
     }
   },
   methods:{
-
+    search() {
+      if(this.form.universityCode == '' || this.form.level == '' ||  this.form.year == '' ) {
+        this.$message.warning('请先选择')
+        return
+      }
+      this.getList()
+    },
     changeUniversity(data){
       console.log(data)
       this.dialog.visible=false
       this.college=data
+      this.form.universityCode = data.code
+    },
+    getMajorYears() {
+      recruitPlanYears().then(res => {
+        this.form.year =res.rows[0]
+        this.years = res.rows
+      })
+    },
+    getMajorLevels() {
+      recruitPlanTypes({year:this.form.year}).then(res => {
+        this.form.type =res.rows[0]
+        this.types = res.rows
+      })
     },
-    toGetList() {
-
+    getList() {
+      recruitPlan({...this.form,...this.pageForm}).then(res =>{
+        console.log(res)
+        this.rows = res.rows
+        this.total = res.total
+      })
     }
   }
 }