zc

src/api/system/user_student.js

@@ -193,4 +193,21 @@ export function getStudentInfo(userId) {
   })
 }
 
+//批量获取学生数据
+export function studentBatchSelect(data) {
+  return request({
+    url: 'system/user/student/batchSelect/'+data,
+    method: 'post',
+  })
+}
+
+//批量修改学生卡号
+export function studentUpdateCardNum(data) {
+  return request({
+    url: '/system/user/student/updateCardNum',
+    method: 'put',
+    data: data
+  })
+}
+
 

src/api/system/user_teacher.js

@@ -284,3 +284,20 @@ export function treeselect(query) {
     params: query
   })
 }
+
+//批量获取老师数据
+export function teacherBatchSelect(data) {
+  return request({
+    url: 'system/user/teacher/batchSelect/'+data,
+    method: 'post',
+  })
+}
+
+//批量修改老师卡号
+export function teacherUpdateCardNum(data) {
+  return request({
+    url: '/system/user/teacher/updateCardNum',
+    method: 'put',
+    data: data
+  })
+}

src/views/comprehensive/laboratoryManagement/building/buildingDetails.vue

@@ -1266,6 +1266,7 @@
                 }
               }
               .center-big-box{
+                overflow: hidden;
                 flex:1;
                 display: flex;
                 .center-left-p{
@@ -1367,6 +1368,7 @@
                 }
               }
               .center-big-box{
+                overflow: hidden;
                 flex:1;
                 display: flex;
                 .center-left-p{
@@ -1471,6 +1473,7 @@
                 }
               }
               .center-big-box{
+                overflow: hidden;
                 flex:1;
                 display: flex;
                 .center-left-p{

src/views/comprehensive/personnel/student/bindingCardPage.vue

@@ -0,0 +1,240 @@
+<template>
+    <div class="bindingCardPage">
+      <div class="title-box">
+        <p>绑定校园卡</p>
+      </div>
+      <div class="watch-head-box">
+        <p>姓名</p>
+        <p>学号</p>
+        <p>学院</p>
+        <p>手机号码</p>
+        <p>校园卡号</p>
+      </div>
+      <div class="center-max-big-box scrollbar-box">
+        <div class="watch-data-list" v-for="(item,index) in watchList" :key="index">
+          <p>{{item.nickName}}</p>
+          <p>{{item.userName}}</p>
+          <p>{{item.deptName}}</p>
+          <p>{{item.phonenumber}}</p>
+          <div class="input-big-box">
+            <el-input class="input-box" type="text"
+                      maxLength="30"
+                      v-model="item.cardNum"
+                      clearable
+                      placeholder="请输入或读取校园卡号"
+            />
+            <p class="input-msg-p">{{item.cardType==1?'卡号已存在':(item.cardType==2?'卡号重复':'')}}</p>
+          </div>
+        </div>
+      </div>
+      <div class="button-box">
+        <p></p>
+        <p class="reset-button-one" @click="outPageButton">返回</p>
+        <p class="add-button-one-90" @click="setButton">保存</p>
+      </div>
+    </div>
+</template>
+
+<script>
+  import { studentBatchSelect, studentUpdateCardNum } from "@/api/system/user_student";
+  export default {
+    name: 'bindingCardPage',
+    props:{
+      ids:{},
+    },
+    data(){
+      return{
+        watchList:[],
+      }
+    },
+    created(){
+
+    },
+    mounted(){
+      this.studentBatchSelect();
+    },
+    methods:{
+      //批量获取老师数据
+      studentBatchSelect(){
+        studentBatchSelect(this.ids).then(response => {
+          this.watchList = response.data;
+          this.getInitialization();
+        })
+      },
+      //返回
+      outPageButton(){
+        this.$parent.outPage(1);
+      },
+      //提交
+      setButton(){
+        let self = this
+        if(this.setVerification()){
+          let list = [];
+          for(let i=0;i<self.watchList.length;i++){
+            if(self.watchList[i].cardNum){
+              let obj = {
+                userId:self.watchList[i].userId,
+                cardNum:self.watchList[i].cardNum,
+              }
+              list.push(obj);
+            }
+          }
+          studentUpdateCardNum(list).then(response => {
+            if(response.data.repeatCard == 0){
+              this.msgSuccess(response.msg);
+              this.$parent.handleQuery();
+            }else{
+              this.repeatMark(response.data.repeatList);
+            }
+          })
+        }
+      },
+      //提交验证
+      setVerification(){
+        let self = this;
+        for(let i=0;i<self.watchList.length;i++){
+          self.watchList[i].cardType = 0;
+        }
+        let num = 0;
+        for(let i=0;i<self.watchList.length;i++){
+          for(let o=0;o<self.watchList.length;o++){
+            if(self.watchList[i].cardNum == self.watchList[o].cardNum &&
+               self.watchList[i].userId != self.watchList[o].userId ){
+              self.$set(self.watchList[i],'cardType',2);
+              self.$set(self.watchList[o],'cardType',2);
+              num++
+            }
+          }
+        }
+        this.$forceUpdate();
+        return num == 0;
+      },
+      //数据初始化
+      getInitialization(){
+        let self = this;
+        for(let i=0;i<self.watchList.length;i++){
+          self.watchList[i].cardType = 0;
+        }
+        this.$forceUpdate();
+      },
+      //重复标记
+      repeatMark(list){
+        let self = this;
+        for(let i=0;i<list.length;i++){
+          for(let o=0;o<self.watchList.length;o++){
+            if(list[i] == self.watchList[o].cardNum){
+              self.watchList[o].cardType = 1;
+            }
+          }
+        }
+        this.$forceUpdate();
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  *{
+    margin:0;
+    padding:0;
+    font-weight:500;
+    color:#333;
+  }
+  .bindingCardPage{
+    display: flex;
+    flex-direction: column;
+    flex:1;
+    overflow: hidden;
+    .title-box{
+      border-bottom:1px solid #E0E0E0;
+      p{
+        color:#0045AF;
+        line-height:60px;
+        margin-left:24px;
+        font-size:18px;
+      }
+    }
+    .watch-head-box{
+      padding:10px 40px 10px;
+      display: flex;
+      p{
+        line-height:40px;
+        font-size:16px;
+        font-weight: 600;
+      }
+      p:nth-child(1){
+        width:200px;
+      }
+      p:nth-child(2){
+        width:200px;
+      }
+      p:nth-child(3){
+        width:200px;
+      }
+      p:nth-child(4){
+        width:300px;
+      }
+      input{
+        width:300px;
+      }
+    }
+    .center-max-big-box{
+      flex:1;
+      padding:0 40px;
+      .watch-data-list{
+        display: flex;
+        margin-bottom:10px;
+        p{
+          line-height:40px;
+          font-size:16px;
+        }
+        p:nth-child(1){
+          width:200px;
+        }
+        p:nth-child(2){
+          width:200px;
+        }
+        p:nth-child(3){
+          width:200px;
+        }
+        p:nth-child(4){
+          width:300px;
+        }
+        .input-big-box{
+          display: flex;
+          flex:1;
+          .input-box{
+            width:300px;
+          }
+          .input-msg-p{
+            margin-left:20px;
+            width:100px;
+            color:#FF6666;
+            font-size:14px;
+          }
+        }
+      }
+    }
+    .button-box{
+      height:80px;
+      display: flex;
+      border-top:1px solid #E0E0E0;
+      p{
+        margin-top:20px;
+      }
+      p:nth-child(1){
+        flex:1;
+      }
+      p:nth-child(2){
+        width:80px;
+        margin-right:20px;
+        font-size:16px;
+      }
+      p:nth-child(3){
+        width:80px;
+        margin-right:20px;
+        font-size:16px;
+      }
+    }
+  }
+</style>

src/views/comprehensive/personnel/student/index.vue

@@ -1,10 +1,10 @@
 <!--学生管理-->
 <template>
   <div class="app-container student">
-    <div v-if="pageType == 1" class="student-one-box">
+    <div v-show="pageType == 1" class="student-one-box">
       <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" v-show="showSearch">
         <!--v-hasPermi="['laboratory:plan:add']"-->
-        <el-form-item label="关键字" prop="searchValue" label-width="58px">
+        <el-form-item label="关键字" prop="searchValue" label-width="54px">
           <el-input
             maxLength="20"
             v-model="queryParams.searchValue"
@@ -14,19 +14,10 @@
             style="width: 240px"
           />
         </el-form-item>
-        <el-form-item label="专业" prop="majorId" label-width="60px">
-          <el-select v-model="queryParams.majorId" clearable placeholder="请选择专业">
-            <el-option
-              v-for="item in professionOptions"
-              :key="item.id"
-              :label="item.majorName"
-              :value="item.id">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="学院" prop="deptId" label-width="80px">
+        <el-form-item label="学院" prop="deptId" label-width="50px">
           <el-select v-model="queryParams.deptId" clearable placeholder="请选择学院">
             <el-option
+              style="width:80px;"
               v-for="item in collegeOptions"
               :key="item.deptId"
               :label="item.deptName"
@@ -34,12 +25,22 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="状态" prop="status" label-width="60px">
+        <el-form-item label="状态" prop="status" label-width="50px">
           <el-select v-model="queryParams.status" clearable placeholder="请选择状态">
             <el-option :key="0" label="启用" :value="0"></el-option>
             <el-option :key="1" label="停用" :value="1"></el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="校园卡" prop="cardNumSimple" label-width="54px">
+          <el-select v-model="queryParams.cardNumSimple" clearable placeholder="请选择">
+            <el-option
+              v-for="item in professionOptions"
+              :key="item.postId"
+              :label="item.postName"
+              :value="item.postId">
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-dropdown @command="importButton" v-hasPermi="['system:user_student:import']">
             <div class="form-dropdown-box">
@@ -73,13 +74,20 @@
             ><i class="el-icon-plus"></i>新增</p>
           </el-col>
         </el-form-item>
+        <el-form-item style="float: right;">
+          <el-col :span="1.5" v-hasPermi="['system:user_teacher:check']">
+            <p class="add-button-one-90"
+               @click="bindingCard"
+            >批量绑卡</p>
+          </el-col>
+        </el-form-item>
         <el-form-item>
           <p class="inquire-button-one" @click="handleQuery">查询</p>
           <p class="reset-button-one" @click="resetQuery">重置</p>
         </el-form-item>
       </el-form>
       <el-table  border :data="userList" @selection-change="handleSelectionChange" ref="multipleTable" :row-key="getRowKeys">
-        <el-table-column type="selection" width="50" align="center"/>
+        <el-table-column type="selection" width="50" :reserve-selection="true" align="center"/>
         <el-table-column label="序号"  width="50" align="center"  type="index"/>
         <el-table-column label="姓名" align="left" prop="nickName"/>
         <el-table-column label="学号" align="left" prop="userName" width="180">
@@ -149,6 +157,7 @@
       </div>
     </div>
     <add-page v-if="pageType == 2" :editType="editType" :propsData="propsData" :titleName="titleName"></add-page>
+    <binding-card-page v-if="pageType == 3" :ids="ids"></binding-card-page>
     <!--重置密码-->
     <el-dialog title="重置密码" :visible.sync="reviseOpen" width="600px" append-to-body class="teacher-revise-dialog-box">
       <el-form :model="passwordForm" ref="passwordForm" :inline="true" :rules="rules" class="addCheckPage-min">
@@ -214,11 +223,13 @@ import { treeselect } from "@/api/system/dept";
 import {listMajorAll} from "@/api/system/major";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import addPage from "./addPage.vue"
+import bindingCardPage from "./bindingCardPage.vue"
 
 export default {
   name: "User",
   components: {
-    addPage
+    addPage,
+    bindingCardPage
   },
   data() {
     const equalToPassword = (rule, value, callback) => {
@@ -255,7 +266,16 @@ export default {
       // 部门树选项
       deptOptions: undefined,
       //专业列表
-      professionOptions:[],
+      professionOptions:[
+        {
+          postName:"未绑定",
+          postId:"0",
+        },
+        {
+          postName:"已绑定",
+          postId:"1",
+        },
+      ],
       //学院列表
       collegeOptions:[],
       // 是否显示弹出层
@@ -375,16 +395,25 @@ export default {
   },
   created() {
     this.getList();
-    this.getListAll();
+    // this.getListAll();
     this.listDepartments();
-    this.getDicts("sys_user_sex").then(response => {
-
-    });
-    this.getConfigKey("sys.user.initPassword").then(response => {
-
-    });
+    this.getDicts("sys_user_sex").then(response => {});
+    this.getConfigKey("sys.user.initPassword").then(response => {});
   },
   methods: {
+    //批量绑卡页面跳转与数量检测
+    bindingCard(){
+      let self = this;
+      if(self.ids.length<1){
+        self.msgError('请先勾选人员')
+        return
+      }
+      if(self.ids.length>50){
+        self.msgError('批量绑卡最多只可选中50条数据,当前选中了'+self.ids.length+'条.')
+        return
+      }
+      this.pageType = 3;
+    },
     //关闭重置密码页面
     reviseOpenOff(){
       this.reviseOpen = false;
@@ -479,31 +508,21 @@ export default {
       }
     },
     //=========表格扩展选择器方法---开始=========
-    //选择本页
-    selectPage(){
-      console.log(this.$refs.multipleTable)
-      this.$refs.multipleTable.toggleAllSelection()
-      // console.log(this.$refs.multipleTable.selection)
-    },
-    //清除选择
-    clearSelection(){
-      this.$refs.multipleTable.clearSelection()
-    },
     /*===记录勾选数据===
       需要再el-table 添加  :row-key="getRowKeys"
       需要在selection 添加 :reserve-selection="true"
     */
     getRowKeys(row) {
-      return row.id
+      return row.userId
     },
     //=========表格扩展选择器方法---结束=========
     /** 查询用户列表 */
     getList() {
-      // this.loading = true;
+      this.loading = true;
       listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
-          this.userList = response.rows;
+          this.$set(this,'userList',response.rows);
           this.total = response.total;
-          // this.loading = false;
+          this.loading = false;
         }
       );
     },
@@ -533,7 +552,10 @@ export default {
     },
     /** 搜索按钮操作 */
     handleQuery() {
+      this.pageType = 1;
       this.queryParams.pageNum = 1;
+      this.$set(this,"selectedNum",0);
+      this.$refs.multipleTable.clearSelection()
       this.getList();
     },
     /** 重置按钮操作 */
@@ -544,7 +566,7 @@ export default {
         pageNum: 1,
         pageSize:20,
         searchValue: "",
-        majorId: "",
+        cardNumSimple: "",
         deptId: "",
         status: "",
       });

src/views/comprehensive/personnel/teacher/bindingCardPage.vue

@@ -0,0 +1,240 @@
+<template>
+    <div class="bindingCardPage">
+      <div class="title-box">
+        <p>绑定校园卡</p>
+      </div>
+      <div class="watch-head-box">
+        <p>姓名</p>
+        <p>工号</p>
+        <p>部门</p>
+        <p>手机号码</p>
+        <p>校园卡号</p>
+      </div>
+      <div class="center-max-big-box scrollbar-box">
+        <div class="watch-data-list" v-for="(item,index) in watchList" :key="index">
+          <p>{{item.nickName}}</p>
+          <p>{{item.userName}}</p>
+          <p>{{item.deptName}}</p>
+          <p>{{item.phonenumber}}</p>
+          <div class="input-big-box">
+            <el-input class="input-box" type="text"
+                      maxLength="30"
+                      v-model="item.cardNum"
+                      clearable
+                      placeholder="请输入或读取校园卡号"
+            />
+            <p class="input-msg-p">{{item.cardType==1?'卡号已存在':(item.cardType==2?'卡号重复':'')}}</p>
+          </div>
+        </div>
+      </div>
+      <div class="button-box">
+        <p></p>
+        <p class="reset-button-one" @click="outPageButton">返回</p>
+        <p class="add-button-one-90" @click="setButton">保存</p>
+      </div>
+    </div>
+</template>
+
+<script>
+  import { teacherBatchSelect, teacherUpdateCardNum } from "@/api/system/user_teacher";
+  export default {
+    name: 'bindingCardPage',
+    props:{
+      ids:{},
+    },
+    data(){
+      return{
+        watchList:[],
+      }
+    },
+    created(){
+
+    },
+    mounted(){
+      this.teacherBatchSelect();
+    },
+    methods:{
+      //批量获取老师数据
+      teacherBatchSelect(){
+        teacherBatchSelect(this.ids).then(response => {
+          this.watchList = response.data;
+          this.getInitialization();
+        })
+      },
+      //返回
+      outPageButton(){
+        this.$parent.outPage(1);
+      },
+      //提交
+      setButton(){
+        let self = this
+        if(this.setVerification()){
+          let list = [];
+          for(let i=0;i<self.watchList.length;i++){
+            if(self.watchList[i].cardNum){
+              let obj = {
+                userId:self.watchList[i].userId,
+                cardNum:self.watchList[i].cardNum,
+              }
+              list.push(obj);
+            }
+          }
+          teacherUpdateCardNum(list).then(response => {
+            if(response.data.repeatCard == 0){
+              this.msgSuccess(response.msg);
+              this.$parent.handleQuery();
+            }else{
+              this.repeatMark(response.data.repeatList);
+            }
+          })
+        }
+      },
+      //提交验证
+      setVerification(){
+        let self = this;
+        for(let i=0;i<self.watchList.length;i++){
+          self.watchList[i].cardType = 0;
+        }
+        let num = 0;
+        for(let i=0;i<self.watchList.length;i++){
+          for(let o=0;o<self.watchList.length;o++){
+            if(self.watchList[i].cardNum == self.watchList[o].cardNum &&
+               self.watchList[i].userId != self.watchList[o].userId ){
+              self.$set(self.watchList[i],'cardType',2);
+              self.$set(self.watchList[o],'cardType',2);
+              num++
+            }
+          }
+        }
+        this.$forceUpdate();
+        return num == 0;
+      },
+      //数据初始化
+      getInitialization(){
+        let self = this;
+        for(let i=0;i<self.watchList.length;i++){
+          self.watchList[i].cardType = 0;
+        }
+        this.$forceUpdate();
+      },
+      //重复标记
+      repeatMark(list){
+        let self = this;
+        for(let i=0;i<list.length;i++){
+          for(let o=0;o<self.watchList.length;o++){
+            if(list[i] == self.watchList[o].cardNum){
+              self.watchList[o].cardType = 1;
+            }
+          }
+        }
+        this.$forceUpdate();
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  *{
+    margin:0;
+    padding:0;
+    font-weight:500;
+    color:#333;
+  }
+  .bindingCardPage{
+    display: flex;
+    flex-direction: column;
+    flex:1;
+    overflow: hidden;
+    .title-box{
+      border-bottom:1px solid #E0E0E0;
+      p{
+        color:#0045AF;
+        line-height:60px;
+        margin-left:24px;
+        font-size:18px;
+      }
+    }
+    .watch-head-box{
+      padding:10px 40px 10px;
+      display: flex;
+      p{
+        line-height:40px;
+        font-size:16px;
+        font-weight: 600;
+      }
+      p:nth-child(1){
+        width:200px;
+      }
+      p:nth-child(2){
+        width:200px;
+      }
+      p:nth-child(3){
+        width:200px;
+      }
+      p:nth-child(4){
+        width:300px;
+      }
+      input{
+        width:300px;
+      }
+    }
+    .center-max-big-box{
+      flex:1;
+      padding:0 40px;
+      .watch-data-list{
+        display: flex;
+        margin-bottom:10px;
+        p{
+          line-height:40px;
+          font-size:16px;
+        }
+        p:nth-child(1){
+          width:200px;
+        }
+        p:nth-child(2){
+          width:200px;
+        }
+        p:nth-child(3){
+          width:200px;
+        }
+        p:nth-child(4){
+          width:300px;
+        }
+        .input-big-box{
+          display: flex;
+          flex:1;
+          .input-box{
+            width:300px;
+          }
+          .input-msg-p{
+            margin-left:20px;
+            width:100px;
+            color:#FF6666;
+            font-size:14px;
+          }
+        }
+      }
+    }
+    .button-box{
+      height:80px;
+      display: flex;
+      border-top:1px solid #E0E0E0;
+      p{
+        margin-top:20px;
+      }
+      p:nth-child(1){
+        flex:1;
+      }
+      p:nth-child(2){
+        width:80px;
+        margin-right:20px;
+        font-size:16px;
+      }
+      p:nth-child(3){
+        width:80px;
+        margin-right:20px;
+        font-size:16px;
+      }
+    }
+  }
+</style>

src/views/comprehensive/personnel/teacher/index.vue

@@ -1,7 +1,7 @@
 <!--教职工管理-->
 <template>
   <div class="app-container teacher">
-    <div v-if="pageType == 1" class="teacher-one-box">
+    <div v-show="pageType == 1" class="teacher-one-box">
       <div class="top-max-box">
         <div class="left-max-box ">
           <div class="top-button-max-box">
@@ -56,39 +56,19 @@
           <el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true" v-show="showSearch">
             <!--v-hasPermi="['laboratory:plan:add']"-->
 
-            <el-form-item label="关键字" prop="searchValue" label-width="60px">
+            <el-form-item label="关键字" prop="searchValue" label-width="54px">
               <el-input
                 maxLength="20"
                 v-model="queryParams.searchValue"
-                placeholder="姓名/工号/联系方式"
-                clearable
-                size="small"
-                style="width: 150px"
+                placeholder="姓名/工号/电话"
+                style="width: 130px"
               />
             </el-form-item>
-            <el-form-item label="身份" prop="position" label-width="50px">
-              <el-select
-                v-model="queryParams.position"
-                placeholder="请选择"
-                clearable
-                size="small"
-                style="width: 100px"
-              >
-                <el-option
-                  v-for="dict in postionList"
-                  :key="dict.postId"
-                  :label="dict.postName"
-                  :value="dict.postId"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="状态" prop="nature" label-width="50px">
+            <el-form-item label="状态" prop="nature" label-width="40px">
               <el-select
                 v-model="queryParams.nature"
                 placeholder="请选择"
                 clearable
-                size="small"
-                style="width: 100px"
               >
                 <el-option
                   v-for="dict in workClass"
@@ -98,13 +78,11 @@
                 />
               </el-select>
             </el-form-item>
-            <el-form-item label="检查者" prop="isCheck" label-width="60px">
+            <el-form-item label="检查者" prop="isCheck" label-width="54px">
               <el-select
                 v-model="queryParams.isCheck"
                 placeholder="请选择"
                 clearable
-                size="small"
-                style="width: 240px"
               >
                 <el-option
                   v-for="dict in userTypeList"
@@ -114,9 +92,23 @@
                 />
               </el-select>
             </el-form-item>
+            <el-form-item label="校园卡" prop="cardNumSimple" label-width="54px">
+              <el-select
+                v-model="queryParams.cardNumSimple"
+                placeholder="请选择"
+                clearable
+              >
+                <el-option
+                  v-for="dict in postionList"
+                  :key="dict.postId"
+                  :label="dict.postName"
+                  :value="dict.postId"
+                />
+              </el-select>
+            </el-form-item>
             <el-form-item>
               <el-dropdown @command="importButton" v-hasPermi="['system:user_teacher:import']">
-                <div class="form-dropdown-box">
+                <div class="form-dropdown-box" style="margin-left:5px;">
                   <img src="@/assets/ZDimages/personnelManagement/icon_jzgxx_dr.png">
                   <p>导入</p>
                   <img src="@/assets/ZDimages/personnelManagement/icon_jzggl_xljt.png">
@@ -147,6 +139,13 @@
                 ><i class="el-icon-plus"></i>新增</p>
               </el-col>
             </el-form-item>
+            <el-form-item style="float: right;">
+              <el-col :span="1.5" v-hasPermi="['system:user_teacher:check']">
+                <p class="add-button-one-90"
+                   @click="bindingCard"
+                >批量绑卡</p>
+              </el-col>
+            </el-form-item>
             <el-form-item>
               <p class="inquire-button-one" @click="handleQuery">查询</p>
               <p class="reset-button-one" @click="resetQuery">重置</p>
@@ -254,6 +253,7 @@
       </div>
     </div>
     <add-page v-if="pageType == 2" :editType="editType" :propsData="propsData" :titleName="titleName"></add-page>
+    <binding-card-page v-if="pageType == 3" :ids="ids"></binding-card-page>
     <!--重置密码-->
     <el-dialog title="重置密码" :visible.sync="reviseOpen" width="600px" append-to-body class="teacher-revise-dialog-box">
       <p class="teacher-text-p">确定要重置该账号的密码吗？</p>
@@ -370,13 +370,15 @@
   import { Message } from 'element-ui'
   import userList from "./userList.vue"
   import addPage from "./addPage.vue"
+  import bindingCardPage from "./bindingCardPage.vue"
 
   export default {
     name: "User",
     components: {
       Treeselect,
       userList,
-      addPage
+      addPage,
+      bindingCardPage
     },
     data() {
       return {
@@ -448,7 +450,7 @@
           pageNum: 1,
           pageSize:20,
           searchValue: "",
-          position: "",
+          cardNumSimple: "",
           nature: "",
           isCheck: "",
         },
@@ -504,7 +506,16 @@
         //学院列表
         deptList:[],
         //职位列表
-        postionList: [],
+        postionList: [
+          {
+            postName:"未绑定",
+            postId:"0",
+          },
+          {
+            postName:"已绑定",
+            postId:"1",
+          },
+        ],
         //文化程度
         educationList:[],
         // 新增学生开关
@@ -557,7 +568,7 @@
       this.getList();
       this.getTreeselect();
       this.getDeptList();
-      this.getPostionList();
+      // this.getPostionList();
       // //职称
       // this.getDicts("professional").then(response => {
       //   this.professional = response.data;
@@ -579,6 +590,19 @@
       });
     },
     methods: {
+      //批量绑卡页面跳转与数量检测
+      bindingCard(){
+        let self = this;
+        if(self.ids.length<1){
+          self.msgError('请先勾选人员')
+          return
+        }
+        if(self.ids.length>50){
+          self.msgError('批量绑卡最多只可选中50条数据,当前选中了'+self.ids.length+'条.')
+          return
+        }
+        this.pageType = 3;
+      },
       //人员添加接口
       takeUserData(ids,idsData){
         let list = [];
@@ -925,13 +949,7 @@
       getList() {
         this.loading = true;
         listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
-            for(let i=0;i<response.rows.length;i++){
-              if(response.rows[i].position == "未定"){
-                response.rows[i].position = "";
-              }
-            }
             this.$set(this,'userList',response.rows);
-            // this.userList = response.rows;
             this.total = response.total;
             this.loading = false;
           }
@@ -991,7 +1009,10 @@
       },
       /** 搜索按钮操作 */
       handleQuery() {
+        this.pageType = 1;
         this.queryParams.pageNum = 1;
+        this.$set(this,"selectedNum",0);
+        this.$refs.multipleTable.clearSelection()
         this.getList();
       },
       /** 重置按钮操作 */
@@ -1002,7 +1023,7 @@
           pageNum: 1,
           pageSize:20,
           searchValue: "",
-          position: "",
+          cardNumSimple: "",
           nature: "",
           isCheck: "",
         });
@@ -1333,9 +1354,9 @@
   .right-max-box{
     .form-box{
       .el-select{
-        width:100px !important;
+        width:90px !important;
         > .el-input{
-          width:100px !important;
+          width:90px !important;
         }
       }
     }
@@ -1345,7 +1366,7 @@
       .form-dropdown-box{
         display: flex;
         margin:0;
-        padding:0 10px;
+        padding:0 5px 0 0;
         cursor: pointer;
         height:40px;
         img:nth-child(1){