招生计划

src/components/MxSearch/mx-search-group.vue

@@ -2,7 +2,7 @@
   <div class="search-group">
     <el-row :gutter="20" type="flex" :justify="justify" class="search-group-row">
       <slot />
-      <el-col :span="span" :offset="offset">
+      <el-col :span="span" :offset="offset" v-if="hidden">
         <div class="keyword-box">
           <el-input
             :placeholder="placeholder ? placeholder : '请输入关键字'"
@@ -16,7 +16,7 @@
             </div>
           </el-input>
 <!--          <el-button v-if="showReset" plain type="primary" class="search-btn" @click="onReset">{{ '重置' }}</el-button>-->
-<!--          <el-button type="primary" class="search-btn" @click="onEnter">{{ '确定'}}</el-button>-->
+<!--          <el-button v-if="!hidden" type="primary" class="search-btn" @click="onEnter">{{ '查询'}}</el-button>-->
         </div>
       </el-col>
       <slot name="last" />
@@ -29,6 +29,9 @@ export default {
     justify: {
       default: 'start'
     },
+    hidden:{
+      default: true
+    },
     span: {
       type: Number,
       default: 8

src/components/mx-select/mx-select.vue

@@ -81,6 +81,5 @@ export default {
 <style lang="scss" scoped>
 .search-select {
   width: 100%;
-  margin-bottom: 10px;
 }
 </style>

src/views/career/plan/enrollPlan.vue

@@ -0,0 +1,118 @@
+<template>
+  <div class="plan-container">
+    <el-form label-width="100px" class=" pt20" >
+      <el-form-item label="院校名称：">
+        <div class="fx-row jc-between ai-center">
+          <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-col>
+              <el-col :span="4">
+                <mx-select :list="[{}]" v-model="value"></mx-select>
+              </el-col>
+              <el-button type="primary" class="search-btn">{{ '查询'}}</el-button>
+            </mx-search-group>
+            <mx-table :prop-defines="propDefines" :rows="rows"></mx-table>
+          </div>
+          <evaluation-empty v-else class="mt20" title="请先选择院校"></evaluation-empty>
+        </div>
+      </el-card>
+    </div>
+    <el-dialog :visible.sync="dialog.visible" width="80%">
+      <select-university @changeUniversity="changeUniversity"></select-university>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import SelectUniversity from '@/views/career/components/SelectUniversity'
+import MxSearchGroup from '@/components/MxSearch/mx-search-group'
+import MxSelect from '@/components/mx-select/mx-select'
+
+export default {
+  components:{SelectUniversity,MxSearchGroup,MxSelect},
+  data(){
+    return {
+      dialog: {
+        visible:false
+      },
+      value:'',
+      type:'lu',
+      college:{},
+      propDefines:{
+        colledgeCode:{
+          label:'院校代码'
+        },
+        majorName:{
+          label:'招生专业'
+        },
+        batchName:{
+          label:'批次/段'
+        },
+        course:{
+          label:'选考科目'
+        },
+        num:{
+          label:'计划数'
+        },
+        xuezhi:{
+          label:'学制'
+        },
+        xuefei:{
+          label:'学费'
+        },
+        planType:{
+          label:'计划类型'
+        },
+      },
+      rows:[{},{}],
+    }
+  },
+  methods:{
+
+    changeUniversity(data){
+      console.log(data)
+      this.dialog.visible=false
+      this.college=data
+    },
+    toGetList() {
+
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.plan-container{
+  .tabs-item{
+    cursor: pointer;
+    padding: 0 33px;
+    border: 1px solid #f2f2f2;
+    display: inline-block;
+    line-height: 40px;
+    &:hover{
+      color:#47C6A2;
+    }
+    &.bg-primary{
+      background: #47C6A2 ;
+      color: white;
+      border: 0px;
+    }
+  }
+}
+</style>