监管端相关端开班新增查询条件

src/views/classMessage/classMessage/components/initClass.vue

@@ -1,5 +1,12 @@
 <template>
-  <el-dialog v-loading="loading" :visible.sync="visible" :title="title" :before-close="close" width="90%" top="50px">
+  <el-dialog
+    v-loading="loading"
+    :visible.sync="visible"
+    :title="title"
+    :fullscreen="fullscreenFlag"
+    :before-close="close"
+    width="90%"
+    top="50px">
     <el-row>
       <el-col :span="18">
         <el-form ref="form" :rules="rules" :model="form" label-width="110px">
@@ -52,7 +59,12 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="班级容量" prop="CLASS_SIZE">
-                <el-select v-model="form.CLASS_SIZE" :disabled="isShow" placeholder="请选择" style="width:  100%" @change="changePeopleList">
+                <el-select
+                  v-model="form.CLASS_SIZE"
+                  :disabled="isShow"
+                  placeholder="请选择"
+                  style="width:  100%"
+                  @change="changePeopleList">
                   <el-option
                     v-for="item in warehouse.classSizeList"
                     :key="item.DICTIONARIES_ID"
@@ -81,7 +93,13 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="归属企业">
-                <el-select v-model="util.BELONG_TO_CORP" :disabled="isShow" filterable placeholder="请选择" style="width:  100%" @change="getPeopleList">
+                <el-select
+                  v-model="util.BELONG_TO_CORP"
+                  :disabled="isShow"
+                  filterable
+                  placeholder="请选择"
+                  style="width:  100%"
+                  @change="getPeopleList">
                   <el-option
                     v-for="item in warehouse.companyList"
                     :key="item.BELONG_TO_CORP"
@@ -90,6 +108,39 @@
                 </el-select>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <el-form-item label="姓名">
+                <el-input
+                  v-model="util.NAME"
+                  :disabled="isShow"
+                  style="width:  100%"
+                  maxlength="50"
+                  placeholder="这里输入..."
+                  @change="getPeopleList"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话">
+                <el-input
+                  v-model="util.PHONE"
+                  :disabled="isShow"
+                  style="width:  100%"
+                  maxlength="50"
+                  placeholder="这里输入..."
+                  @change="getPeopleList"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="身份证号">
+                <el-input
+                  v-model="util.CARD_ID"
+                  :disabled="isShow"
+                  style="width:  100%"
+                  maxlength="50"
+                  placeholder="这里输入..."
+                  @change="getPeopleList"/>
+              </el-form-item>
+            </el-col>
           </el-row>
           <el-row>
             <el-col :span="24">
@@ -121,8 +172,17 @@
                 <el-table-column prop="DEPARTMENT_NAME" label="部门"/>
                 <el-table-column prop="PHOTO" label="免冠照片" width="120px">
                   <template slot-scope="{row}">
-                    <el-image v-if="getShowPicture(row)" :src="config.fileUrl+row.PHOTO" :preview-src-list="[config.fileUrl+row.PHOTO]" :z-index="9999" style="width: 100px; height: 100px"/>
+                    <el-image
-                    <img v-if="!getShowPicture(row)" src="../../../../assets/images/peopleHead.png" alt="" style="width: 100px; height: 100px">
+                      v-if="getShowPicture(row)"
+                      :src="config.fileUrl+row.PHOTO"
+                      :preview-src-list="[config.fileUrl+row.PHOTO]"
+                      :z-index="9999"
+                      style="width: 100px; height: 100px"/>
+                    <img
+                      v-if="!getShowPicture(row)"
+                      src="../../../../assets/images/peopleHead.png"
+                      alt=""
+                      style="width: 100px; height: 100px">
                   </template>
                 </el-table-column>
                 <el-table-column prop="PHONE" label="联系电话"/>
@@ -164,7 +224,10 @@
       </el-col>
       <el-col :span="6">
         <div style="margin-left: 10px">
-          <div>已选择人员数量：{{ ($refs.multipleTable && $refs.multipleTable.selection)?$refs.multipleTable.selection.length:0 }}</div>
+          <div>已选择人员数量：{{
+            ($refs.multipleTable && $refs.multipleTable.selection) ? $refs.multipleTable.selection.length : 0
+          }}
+          </div>
           <div class="el-form-item__label">已选择人员名称：</div>
           <el-table
             :data="selectPeopleList"
@@ -181,10 +244,19 @@
     </el-row>
     <div slot="footer" class="dialog-footer">
       <el-button @click="close">取 消</el-button>
-      <el-button v-if="!form.CLASS_STATUS || form.CLASS_STATUS === ''" type="primary" @click="confirm">确 定</el-button>
+      <el-button @click="fullscreen">{{ fullscreenFlag ? '取消全屏' : '全 屏' }}</el-button>
-      <el-button v-if="form.CLASS_STATUS === '0' || form.CLASS_STATUS === '1'" type="primary" @click="getExcel(form.CLASS_MESSAGE_ID)">导出excel</el-button>
+      <el-button v-if="!form.CLASS_STATUS || form.CLASS_STATUS === ''" type="primary" @click="fullscreen">确 定
-      <el-button v-if="form.CLASS_STATUS === '1'" type="primary" @click="graduation(form.CLASS_MESSAGE_ID)">班级结业</el-button>
+      </el-button>
-      <el-button v-if="form.CLASS_STATUS === '2'" type="primary" @click="getCertificate(form.CLASS_MESSAGE_ID)">导出结业证书</el-button>
+      <el-button
+        v-if="form.CLASS_STATUS === '0' || form.CLASS_STATUS === '1'"
+        type="primary"
+        @click="getExcel(form.CLASS_MESSAGE_ID)">导出excel
+      </el-button>
+      <el-button v-if="form.CLASS_STATUS === '1'" type="primary" @click="graduation(form.CLASS_MESSAGE_ID)">班级结业
+      </el-button>
+      <el-button v-if="form.CLASS_STATUS === '2'" type="primary" @click="getCertificate(form.CLASS_MESSAGE_ID)">
+        导出结业证书
+      </el-button>
     </div>
     <user ref="userInfo" append-to-body/>
     <user_pdf ref="userPdf" append-to-body/>
@@ -198,6 +270,7 @@ import axios from 'axios'
 import dayjs from 'dayjs' // waves directive
 import user from './user.vue'
 import User_pdf from './user_pdf.vue'
+
 export default {
   components: { User_pdf, Pagination, user },
   directives: { waves },
@@ -227,7 +300,10 @@ export default {
         CLASS_MESSAGE_ID: ''
       },
       util: {
-        BELONG_TO_CORP: ''
+        BELONG_TO_CORP: '',
+        NAME: '',
+        PHONE: '',
+        CARD_ID: ''
       },
       warehouse: {
         placeList: [],
@@ -254,7 +330,8 @@ export default {
         VALIDITY_PERIOD: [{ trigger: 'blur', required: true, message: '请选择时间区间' }]
       },
       peopleList: [],
-      selectPeopleList: []
+      selectPeopleList: [],
+      fullscreenFlag: false
     }
   },
   created() {
@@ -379,7 +456,7 @@ export default {
       } else {
         pageSize = this.form.CLASS_SIZE
       }
-      requestFN('/classMessage/getPeopleList?showCount=' + pageSize + '&currentPage=1', { BELONG_TO_CORP: this.util.BELONG_TO_CORP }).then((data) => {
+      requestFN('/classMessage/getPeopleList?showCount=' + pageSize + '&currentPage=1', this.util).then((data) => {
         this.peopleList = data.varList
         this.loading = false
       }).catch((e) => {
@@ -492,6 +569,9 @@ export default {
     },
     getShowPicture(row) {
       return row.PHOTO && row.PHOTO !== ''
+    },
+    fullscreen() {
+      this.fullscreenFlag = !this.fullscreenFlag
     }
   }
 }