zc

src/api/emergencyManagement/index.js

@@ -173,3 +173,43 @@ export function laboratoryRiskPlanLevelDelete(data) {
     data: data
   })
 }
+//预案管理-查询已关联实验室列表
+export function laboratoryRiskPlanSubjectRelationRelationSubList(data) {
+  return request({
+    url: '/laboratory/riskPlanSubjectRelation/relationSubList',
+    method: 'post',
+    data: data
+  })
+}
+//预案管理-查询未关联实验室列表
+export function laboratoryRiskPlanSubjectRelationNoRelationSubList(data) {
+  return request({
+    url: '/laboratory/riskPlanSubjectRelation/noRelationSubList',
+    method: 'post',
+    data: data
+  })
+}
+//预案管理-关联实验室
+export function laboratoryRiskPlanSubjectRelationRelationSub(data) {
+  return request({
+    url: '/laboratory/riskPlanSubjectRelation/relationSub',
+    method: 'post',
+    data: data
+  })
+}
+//预案管理-批量关联实验室
+export function laboratoryRiskPlanSubjectRelationBatchRelationSub(data) {
+  return request({
+    url: '/laboratory/riskPlanSubjectRelation/batchRelationSub',
+    method: 'post',
+    data: data
+  })
+}
+//预案管理-解除关联实验室
+export function laboratoryRiskPlanSubjectRelationDelete(data) {
+  return request({
+    url: '/laboratory/riskPlanSubjectRelation/delete',
+    method: 'post',
+    data: data
+  })
+}

src/api/systemManagement/index.js

@@ -430,3 +430,21 @@ export function systemAppletRolePermission(query) {
     params: query
   })
 }
+
+/*********************************人脸库*********************************/
+//人脸库-列表
+export function systemUserFaceList(data) {
+  return request({
+    url: '/system/user/face/list',
+    method: 'post',
+    data: data
+  })
+}
+//人脸库-编辑
+export function systemUserFaceUpdate(data) {
+  return request({
+    url: '/system/user/face/update',
+    method: 'post',
+    data: data
+  })
+}

src/views/basicsModules/mine.vue

@@ -246,7 +246,7 @@
           <p style="text-align: center;color:#999;font-weight:500;font-size: 20px;line-height:300px;margin:0;">+</p>
         </div>
         <div v-if="upFaceUrl" class="scrollbar-box" style="width:560px;margin:0 auto;max-height:700px;overflow-y: scroll">
-          <img :src="upFaceUrl" style="max-width:560px;border: 1px dashed #E0E0E0;cursor: pointer;margin:0 auto;">
+          <img :src="upFaceUrl" style="max-width:560px;border: 1px dashed #E0E0E0;cursor: pointer;margin:30px auto 0;">
         </div>
       </el-upload>
       <div slot="footer" class="dialog-footer dialog-footer-box">

src/views/emergencyManagement/plan/newAssociatedPage.vue

@@ -104,6 +104,7 @@
                     @pagination="getList"
         />
       </div>
+      <!--关联弹窗-->
       <el-dialog title='关联实验室' v-if="dialogAssociatedOpen" :visible.sync="dialogAssociatedOpen"
                  append-to-body width="1200px" :close-on-click-modal="false">
         <div style="height: 600px;overflow: hidden;display: flex;flex-direction: column;flex:1;">
@@ -150,7 +151,7 @@
           <div class="page-content-box">
             <el-table class="table-box" ref="table" v-loading="loading" border :data="dialogTableData" @selection-change="handleSelectionChange" :row-key="getRowKeys">
               <el-table-column type="selection" width="55" :reserve-selection="true" align="center" />
-              <el-table-column label="实验室" width="220" align="center" prop="name" show-overflow-tooltip/>
+              <el-table-column label="实验室" width="220" align="center" prop="subName" show-overflow-tooltip/>
               <el-table-column label="安全分类" width="100" align="center" prop="typeId" show-overflow-tooltip>
                 <template slot-scope="scope">
                   <span v-for="(item,index) in typeList" :key="index" v-if="item.id == scope.row.typeId">{{item.typeName}}</span>
@@ -214,7 +215,7 @@
             :total="dialogTotal"
             :page.sync="param.pageNum"
             :limit.sync="param.pageSize"
-            @pagination="getList"
+            @pagination="getNoList"
           />
           </div>
         </div>
@@ -234,6 +235,9 @@
   import { listClassifiedAll } from "@/apiDemo/laboratory/classified";
   import { listClasstypeAll } from "@/apiDemo/laboratory/classtype";
   import { getLabRiskPlanJoinSub,getLabRiskPlanNoJoinSub,deleteRiskPlanJoinSub,riskPlanJoinSub,riskPlanBatchJoinSub } from "@/apiDemo/evacuation3_2/index";
+  //                                   V3
+  import { laboratoryRiskPlanSubjectRelationRelationSubList,laboratoryRiskPlanSubjectRelationNoRelationSubList,
+    laboratoryRiskPlanSubjectRelationRelationSub,laboratoryRiskPlanSubjectRelationBatchRelationSub,laboratoryRiskPlanSubjectRelationDelete } from "@/api/emergencyManagement/index";
   export default {
     name: 'newAssociatedPage',
     props:{
@@ -280,7 +284,7 @@
       }
     },
     created(){
-      this.getListAll();
+      // this.getListAll();
     },
     mounted(){
       this.getList();
@@ -320,51 +324,64 @@
             this.msgError('请勾选需要关联的实验室');
             return
           }
-          let newList = [];
-          for(let i=0;i<list.length;i++){
-            let obj = {
-              riskPlanId:self.associationData.id,
-              subjectId:list[i].id,
-              labSensorHazardRelations:list[i].buttonList,
-            }
-            newList.push(obj);
-          }
           let newObj = {
             riskPlanId:self.associationData.id,
-            yesOrNo:0,
-            labRiskPlanSubVos:newList,
+            subIds:[],
           }
-          riskPlanJoinSub(newObj).then(response => {
-            if(response.data.ifConflict == 1){
-              self.$confirm(response.data.message, "警告", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                type: "warning"
-              }).then(function() {
-                let newData =  {
-                  riskPlanId:self.associationData.id,
-                  yesOrNo:1,
-                  labRiskPlanSubVos:newList,
-                }
-                riskPlanJoinSub(newData).then(response => {
-                  self.msgSuccess(response.msg);
-                  self.resetQuery();
-                  self.$set(self,'dialogAssociatedOpen',false);
-                });
-              }).then(() => {
-              }).catch(() => {});
-            }else{
-              self.msgSuccess(response.msg);
-              self.resetQuery();
-              self.$set(self,'dialogAssociatedOpen',false);
-            }
-          });
+          for(let i=0;i<list.length;i++){
+            newObj.subIds.push(list[i].subId)
+          }
+          laboratoryRiskPlanSubjectRelationBatchRelationSub(newObj).then(response => {
+            self.msgSuccess(response.message)
+            self.resetQuery();
+            self.$set(self,'dialogAssociatedOpen',false);
+          })
+          // let newList = [];
+          // for(let i=0;i<list.length;i++){
+          //   let obj = {
+          //     riskPlanId:self.associationData.id,
+          //     subjectId:list[i].id,
+          //     labSensorHazardRelations:list[i].buttonList,
+          //   }
+          //   newList.push(obj);
+          // }
+          // let newObj = {
+          //   riskPlanId:self.associationData.id,
+          //   yesOrNo:0,
+          //   labRiskPlanSubVos:newList,
+          // }
+          // riskPlanJoinSub(newObj).then(response => {
+          //   if(response.data.ifConflict == 1){
+          //     self.$confirm(response.data.message, "警告", {
+          //       confirmButtonText: "确定",
+          //       cancelButtonText: "取消",
+          //       type: "warning"
+          //     }).then(function() {
+          //       let newData =  {
+          //         riskPlanId:self.associationData.id,
+          //         yesOrNo:1,
+          //         labRiskPlanSubVos:newList,
+          //       }
+          //       riskPlanJoinSub(newData).then(response => {
+          //         self.msgSuccess(response.message);
+          //         self.resetQuery();
+          //         self.$set(self,'dialogAssociatedOpen',false);
+          //       });
+          //     }).then(() => {
+          //     }).catch(() => {});
+          //   }else{
+          //     self.msgSuccess(response.message);
+          //     self.resetQuery();
+          //     self.$set(self,'dialogAssociatedOpen',false);
+          //   }
+          // });
         }
       },
       //查询
       onSearch(){
         this.$set(this.param,'pageNum',1);
-        this.getLabRiskPlanNoJoinSub();
+        this.getNoList();
+        // this.getLabRiskPlanNoJoinSub();
       },
       //重置
       resetForm(){
@@ -470,11 +487,10 @@
           type: "warning"
         }).then(function() {
           let obj = {
-            riskPlanId:self.associationData.id,
-            subjectId:item.id
+            id:item.id
           }
-          deleteRiskPlanJoinSub(obj).then((response) => {
-            self.msgSuccess(response.msg)
+          laboratoryRiskPlanSubjectRelationDelete(obj).then((response) => {
+            self.msgSuccess(response.message)
             self.resetQuery();
           });
         }).then(() => {
@@ -509,32 +525,41 @@
       /** 查询列表 */
       getList() {
         let self = this;
-        this.loading = true;
+        this.$set(this,'loading',true);
         this.$set(this.queryParams,'riskPlanId',this.associationData.id);
-        getLabRiskPlanJoinSub(this.queryParams).then(response => {
-          for(let i=0;i<response.rows.length;i++){
-            for(let o=0;o<self.typeList.length;o++){
-              if(response.rows[i].typeId == self.typeList[o].id){
-                response.rows[i].typeName = self.typeList[o].typeName;
-              }
-            }
-            for(let o=0;o<self.levelList.length;o++){
-              if(response.rows[i].level == self.levelList[o].id){
-                response.rows[i].leveName = self.levelList[o].classifiedName;
-              }
-            }
-            response.rows[i].labSensorHazardRelationsList = [];
-            for(let o=0;o<response.rows[i].labSensorHazardRelations.length;o++){
-              let obj = {
-                hazardName:response.rows[i].labSensorHazardRelations[o].hazardName,
-                sensorName:response.rows[i].labSensorHazardRelations[o].sensorName,
-              }
-              response.rows[i].labSensorHazardRelationsList.push(obj);
-            }
-          }
-          this.tableData = response.rows;
-          this.total = response.total;
-          this.loading = false;
+        laboratoryRiskPlanSubjectRelationRelationSubList(this.queryParams).then(response => {
+          // for(let i=0;i<response.rows.length;i++){
+          //   for(let o=0;o<self.typeList.length;o++){
+          //     if(response.rows[i].typeId == self.typeList[o].id){
+          //       response.rows[i].typeName = self.typeList[o].typeName;
+          //     }
+          //   }
+          //   for(let o=0;o<self.levelList.length;o++){
+          //     if(response.rows[i].level == self.levelList[o].id){
+          //       response.rows[i].leveName = self.levelList[o].classifiedName;
+          //     }
+          //   }
+          //   response.rows[i].labSensorHazardRelationsList = [];
+          //   for(let o=0;o<response.rows[i].labSensorHazardRelations.length;o++){
+          //     let obj = {
+          //       hazardName:response.rows[i].labSensorHazardRelations[o].hazardName,
+          //       sensorName:response.rows[i].labSensorHazardRelations[o].sensorName,
+          //     }
+          //     response.rows[i].labSensorHazardRelationsList.push(obj);
+          //   }
+          // }
+          this.$set(this,'tableData',response.data.records);
+          this.$set(this,'total',response.data.total);
+          this.$set(this,'loading',false);
+        });
+      },
+      getNoList(){
+        this.$set(this,'loading',true);
+        this.$set(this.param,'riskPlanId',this.associationData.id);
+        laboratoryRiskPlanSubjectRelationNoRelationSubList(this.param).then(response => {
+          this.$set(this,'dialogTableData',response.data.records);
+          this.$set(this,'total',response.data.total);
+          this.$set(this,'loading',false);
         });
       },
       //返回
@@ -568,7 +593,7 @@
             subjectIds:list+''
           }
           riskPlanBatchJoinSub(obj).then(response => {
-            this.msgSuccess(response.msg);
+            this.msgSuccess(response.message);
             this.resetQuery();
             this.$set(this,'dialogAssociatedOpen',false);
           });
@@ -581,7 +606,7 @@
             subjectIds:'-1'
           };
           riskPlanBatchJoinSub(obj).then(response => {
-            this.msgSuccess(response.msg);
+            this.msgSuccess(response.message);
             this.resetQuery();
             this.$set(this,'dialogAssociatedOpen',false);
           });

src/views/iotDevice/hardwareManagement/hardwareEquipment/index.vue

@@ -341,6 +341,7 @@ import { systemBuildingGetTreeList,laboratorySubRelInfoGetListByFloor } from "@/
         for (let i=0;i<this.typeList.length;i++){
             if(this.dialogForm.hardwareTypeId==this.typeList[i].hardwareTypeId){
               this.$set(this.dialogForm,'correlationRelay',this.typeList[i].correlationRelay);
+              this.$set(this.dialogForm,'hardwareTypeKey',this.typeList[i].hardwareTypeKey);
               this.$set(this.dialogForm,'hardwareTypeName',this.typeList[i].hardwareTypeName);
             }
         }
@@ -439,6 +440,7 @@ import { systemBuildingGetTreeList,laboratorySubRelInfoGetListByFloor } from "@/
           hardwareNo:"",
           hardwareTypeId:"",
           hardwareTypeName:"",
+          hardwareTypeKey:"",
           correlationRelay:"",
           subjectId:"",
           subjectName:"",
@@ -460,6 +462,7 @@ import { systemBuildingGetTreeList,laboratorySubRelInfoGetListByFloor } from "@/
               hardwareNo:this.dialogForm.hardwareNo,
               hardwareTypeId:this.dialogForm.hardwareTypeId,
               hardwareTypeName:this.dialogForm.hardwareTypeName,
+              hardwareTypeKey:this.dialogForm.hardwareTypeKey,
               correlationRelay:this.dialogForm.correlationRelay,
               subjectId:this.dialogForm.subjectId,
               subjectName:this.dialogForm.subjectName,

src/views/systemManagement/faceLibrary/index.vue

@@ -0,0 +1,392 @@
+<!-- 人脸库 -->
+<template>
+  <div class="app-container faceLibrary">
+    <div class="page-container faceLibraryPage">
+      <div class="page-form-title-box">
+        <el-form :model="queryParams" class="form-box" ref="queryForm"
+                 :inline="true" style="width:100%;">
+          <el-form-item label="" prop="searchValue">
+            <el-input
+              maxLength="30"
+              v-model="queryParams.searchValue"
+              placeholder="请输入"
+              style="width: 200px"
+            />
+          </el-form-item>
+          <el-form-item label="" prop="userType">
+            <el-select v-model="queryParams.userType" placeholder="请选择类型" style="width: 200px">
+              <el-option
+                v-for="dict in optionList"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="" prop="deptId">
+            <el-select v-model="queryParams.deptId" placeholder="请选择学院" style="width: 200px">
+              <el-option
+                v-for="dict in deptOptionList"
+                :key="dict.deptId"
+                :label="dict.deptName"
+                :value="dict.deptId"
+              />
+            </el-select>
+          </el-form-item>
+          <p class="page-inquire-common-style-button" @click="handleQuery">查询</p>
+          <p class="page-reset-common-style-button" @click="resetQuery">重置</p>
+        </el-form>
+      </div>
+      <div class="page-content-box">
+        <div class="user-max-big-box scrollbar-box">
+          <div class="for-user-max-big-box"
+               v-for="(item,index) in dataList">
+            <p class="for-user-name-p">{{item.userName}}</p>
+            <div class="for-text-box">
+              <p>{{item.userType==1?'工号':(item.userType==2?'学号':'')}}：{{item.account}}</p>
+              <p v-if="item.userType == 1">{{item.userState?'在职':'离职'}}</p>
+              <p v-if="item.userType == 2">{{item.userState?'在读':'离校'}}</p>
+            </div>
+            <div class="for-user-img-box">
+              <img v-if="item.faceImg" :src="item.faceImg">
+              <p v-else>未上传</p>
+            </div>
+            <p class="for-user-time-p">{{parseTime(item.createTime,"{y}-{m}-{d} {h}:{i}")}}</p>
+            <div class="for-user-button-box">
+              <p @click="tableButton(item,1)">查看</p>
+              <p @click="tableButton(item,2)">编辑</p>
+            </div>
+          </div>
+        </div>
+        <!--<el-table class="table-box" v-loading="loading" border :data="dataList">-->
+          <!--<el-table-column label="用户名" prop="userName"  show-overflow-tooltip/>-->
+          <!--<el-table-column label="工号/学号" prop="account" width="200" show-overflow-tooltip/>-->
+          <!--<el-table-column label="类型" prop="userType" width="200" show-overflow-tooltip>-->
+            <!--<template slot-scope="scope">-->
+              <!--<span>{{scope.row.userType == 1?'老师':(scope.row.userType == 2?'学生':'')}}</span>-->
+            <!--</template>-->
+          <!--</el-table-column>-->
+          <!--<el-table-column label="人脸照片" prop="faceImg" width="200" show-overflow-tooltip>-->
+            <!--<template slot-scope="scope">-->
+              <!--<span style="cursor:pointer" :class="scope.row.faceImg?'lockImgSpan':''">{{scope.row.faceImg?'查看':'未上传'}}</span>-->
+            <!--</template>-->
+          <!--</el-table-column>-->
+          <!--<el-table-column label="状态" prop="userState" width="200" show-overflow-tooltip>-->
+            <!--<template slot-scope="scope">-->
+              <!--<span v-if="scope.row.userType == 1">{{scope.row.userState?'在职':'离职'}}</span>-->
+              <!--<span v-if="scope.row.userType == 2">{{scope.row.userState?'在读':'离校'}}</span>-->
+            <!--</template>-->
+          <!--</el-table-column>-->
+          <!--<el-table-column label="创建时间" prop="createTime" width="200" show-overflow-tooltip>-->
+            <!--<template slot-scope="scope">-->
+              <!--<span>{{ parseTime(scope.row.createTime,"{y}-{m}-{d} {h}:{i}") }}</span>-->
+            <!--</template>-->
+          <!--</el-table-column>-->
+          <!--<el-table-column label="操作" width="120" show-overflow-tooltip v-if="tableButtonType">-->
+            <!--<template slot-scope="scope">-->
+              <!--<div class="table-button-box">-->
+                <!--<p class="table-button-null"></p>-->
+                <!--<p class="table-button-p"-->
+                   <!--@click="tableButton(scope.row)"-->
+                   <!--v-hasPermiRouter="['system:face:edit']"-->
+                <!--&gt;编辑</p>-->
+                <!--<p class="table-button-null"></p>-->
+              <!--</div>-->
+            <!--</template>-->
+          <!--</el-table-column>-->
+        <!--</el-table>-->
+        <pagination :page-sizes="[20, 30, 40, 50]"
+                    v-show="total>0"
+                    :total="total"
+                    :page.sync="queryParams.page"
+                    :limit.sync="queryParams.pageSize"
+                    @pagination="getList"
+        />
+      </div>
+    </div>
+    <fullScreenView :fullScreenViewProps="fullScreenViewProps" ref="fullScreenView"></fullScreenView>
+    <!--上传照片-->
+    <el-dialog class="up-img-box" title="上传照片" :visible.sync="upFaceOpen" width="600px" append-to-body :close-on-click-modal="false">
+      <div style="height:600px;width:580px;overflow: hidden">
+        <el-upload
+          ref="faceUpLoad"
+          class="position-button"
+          :action="uploadImgUrl"
+          :data="upImportData"
+          :show-file-list="false"
+          :auto-upload="false"
+          :on-change="faceChange"
+          accept="image/jpeg,image/gif,image/png"
+          :on-success="(res)=>handleAvatarSuccess(res)"
+          :headers="headers"
+          :before-upload="beforeAvatarUpload">
+          <div v-if="!upFaceUrl" style="width:300px;height:300px;border: 1px dashed #E0E0E0;cursor: pointer;margin:120px 130px 0;">
+            <p style="text-align: center;color:#999;font-weight:500;font-size: 20px;line-height:300px;margin:0;">+</p>
+          </div>
+          <div v-if="upFaceUrl" class="scrollbar-box" style="width:580px;margin:0 auto;max-height:700px;overflow-y: scroll">
+            <img :src="upFaceUrl" style="width:540px;border: 1px dashed #E0E0E0;cursor: pointer;margin:0 auto 0;">
+          </div>
+        </el-upload>
+      </div>
+      <div slot="footer" class="dialog-footer dialog-footer-box">
+        <p class="dialog-footer-button-null"></p >
+        <p class="dialog-footer-button-info" @click="dialogOff">取消</p >
+        <p class="dialog-footer-button-primary" @click="dialogSubmit">提交</p >
+        <p class="dialog-footer-button-null"></p >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import { getToken } from "@/utils/auth";
+  import { getDeptDropList } from "@/api/commonality/permission";
+  import { systemUserFaceList,systemUserFaceUpdate } from "@/api/systemManagement/index";
+  import fullScreenView from "@/components/fullScreenView/fullScreenView.vue";
+  export default {
+    name: 'index',
+    components: {
+      fullScreenView
+    },
+    data () {
+      return {
+        uploadImgUrl: window.location.href.split('://')[0]+'://' + process.env.VUE_APP_BASE_API + "/system/user/face/update", // 上传的图片服务器地址
+        headers: {
+          Authorization: getToken(),
+        },
+        upImportData:{
+          userId:localStorage.getItem('userId'),
+        },
+        tableButtonType:this.hasPermiDom(['system:face:edit',]),
+        //页面遮罩
+        loading:false,
+        //下拉列表数据
+        optionList:[{value:'1',label:'老师'},{value:'2',label:'学生'}],
+        deptOptionList:[],
+        //查询条件
+        queryParams:{
+          page:1,
+          pageSize:20,
+          searchValue:"",
+          userType:null,
+        },
+        //列表数据
+        dataList:[
+          {userName:'柴云龙',account:'029-8484844',userType:1,userState:true,createTime:'2020-12-31',faceImg:'https://img1.baidu.com/it/u=3317586620,3012704110&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'},
+          {userName:'韩志伟',account:'029-1111111',userType:2,userState:true,createTime:'2020-12-31',faceImg:'https://img0.baidu.com/it/u=2886746039,2842013621&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=754'},
+          {userName:'贺洋洋',account:'029-2222222',userType:1,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'徐小飞',account:'029-3333333',userType:2,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'柴云龙',account:'029-8484844',userType:1,userState:true,createTime:'2020-12-31',faceImg:'https://img1.baidu.com/it/u=3317586620,3012704110&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'},
+          {userName:'韩志伟',account:'029-1111111',userType:2,userState:true,createTime:'2020-12-31',faceImg:'https://img0.baidu.com/it/u=2886746039,2842013621&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=754'},
+          {userName:'贺洋洋',account:'029-2222222',userType:1,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'徐小飞',account:'029-3333333',userType:2,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'柴云龙',account:'029-8484844',userType:1,userState:true,createTime:'2020-12-31',faceImg:'https://img1.baidu.com/it/u=3317586620,3012704110&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'},
+          {userName:'韩志伟',account:'029-1111111',userType:2,userState:true,createTime:'2020-12-31',faceImg:'https://img0.baidu.com/it/u=2886746039,2842013621&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=754'},
+          {userName:'贺洋洋',account:'029-2222222',userType:1,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'徐小飞',account:'029-3333333',userType:2,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'柴云龙',account:'029-8484844',userType:1,userState:true,createTime:'2020-12-31',faceImg:'https://img1.baidu.com/it/u=3317586620,3012704110&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'},
+          {userName:'韩志伟',account:'029-1111111',userType:2,userState:true,createTime:'2020-12-31',faceImg:'https://img0.baidu.com/it/u=2886746039,2842013621&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=754'},
+          {userName:'贺洋洋',account:'029-2222222',userType:1,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'徐小飞',account:'029-3333333',userType:2,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'柴云龙',account:'029-8484844',userType:1,userState:true,createTime:'2020-12-31',faceImg:'https://img1.baidu.com/it/u=3317586620,3012704110&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'},
+          {userName:'韩志伟',account:'029-1111111',userType:2,userState:true,createTime:'2020-12-31',faceImg:'https://img0.baidu.com/it/u=2886746039,2842013621&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=754'},
+          {userName:'贺洋洋',account:'029-2222222',userType:1,userState:true,createTime:'2020-12-31',faceImg:''},
+          {userName:'徐小飞',account:'029-3333333',userType:2,userState:true,createTime:'2020-12-31',faceImg:''},
+        ],
+        //数据数量
+        total:0,
+        //组件传参
+        propsData:{},
+        //图片预览功能
+        fullScreenViewProps:[],
+        //上传人脸
+        upFaceOpen:false,
+        upFaceUrl:null,
+        upFaceType:false,
+      }
+    },
+    created () {
+
+    },
+    mounted () {
+      this.getDeptDropList();
+      this.getList();
+    },
+    methods: {
+      //查询按钮
+      handleQuery(){
+        this.$set(this.queryParams,'page',1);
+        this.getList();
+      },
+      //重置按钮
+      resetQuery(){
+        this.$set(this,'queryParams',{
+          page:1,
+          pageSize:20,
+          searchValue:"",
+          userType :null,
+        });
+        this.getList();
+      },
+      //获取数据列表
+      getList(){
+        this.$set(this,'loading',true);
+        let obj = JSON.parse(JSON.stringify(this.queryParams))
+        systemUserFaceList(obj).then(response => {
+          this.$set(this,'loading',false);
+          this.$set(this,'dataList',response.data.records);
+          this.$set(this,'total',response.data.total);
+        });
+      },
+      //操作按钮
+      tableButton(row,type){
+        let self = this;
+        if(row.faceImg && type == 1){
+          this.$set(this,'fullScreenViewProps',[row.faceImg]);
+          this.$refs['fullScreenView'].initialize();
+        }else{
+          this.$set(this,'upFaceUrl',row.faceImg?row.faceImg:'')
+          this.$set(this,'upFaceType',false)
+          this.$set(this,'upFaceOpen',true);
+        }
+      },
+      //关闭
+      dialogOff(){
+        this.$set(this,'upFaceOpen',false);
+      },
+      //提交
+      dialogSubmit(){
+        if(!this.upFaceType){
+          this.msgError('请上传新的人脸照片')
+          return
+        }
+        this.$refs.faceUpLoad.submit();
+      },
+      //上传
+      handleAvatarSuccess(res, type) {
+        if(res.code == 200){
+          this.$set(this,'upFaceOpen',false);
+          this.$set(this,'upFaceUrl',null);
+          this.$set(this,'upFaceType',false);
+          this.msgSuccess(res.message)
+          this.getList();
+          this.$forceUpdate()
+        }else{
+          this.msgError(res.message)
+        }
+      },
+      beforeAvatarUpload(file) {
+        let type = false;
+        if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/gif') {
+          type = true;
+        }else{
+          this.$message.error('只能上传png/jpeg/gif格式图片');
+          type = false;
+        }
+        return type;
+      },
+      //照片选择
+      faceChange(val){
+        const windowURL = window.URL || window.webkitURL;
+        this.upFaceUrl = windowURL.createObjectURL(val.raw)
+        this.$set(this,'upFaceType',true)
+      },
+      /** 查询学院列表 */
+      getDeptDropList() {
+        getDeptDropList({deptName:"",level:2,deptType:1}).then(response => {
+          this.$set(this, 'deptOptionList', response.data)
+        });
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+  .page-content-box{
+    padding:20px 0;
+  }
+  .faceLibrary{
+    .faceLibraryPage{
+      .user-max-big-box{
+        flex:1;
+        .for-user-max-big-box{
+          display: inline-block;
+          overflow: hidden;
+          border:1px solid #0183FA;
+          border-radius:6px;
+          margin:0 0 20px 20px;
+          .for-user-name-p{
+            background-color: #0183FA;
+            color:#fff;
+            padding:10px 20px 0;
+            line-height:20px;
+            font-size:16px;
+            text-align: center;
+          }
+          .for-text-box{
+            background-color: #0183FA;
+            display: flex;
+            margin-bottom:20px;
+            padding:6px 0 10px 0;
+            p{
+              padding:0 20px;
+              line-height:20px;
+              font-size:14px;
+              color:#fff;
+            }
+            p:nth-child(1){
+              flex:1;
+            }
+            p:nth-child(2){
+              text-align: right;
+            }
+          }
+          .for-user-time-p{
+            color:#777;
+            padding:0 20px;
+            line-height:25px;
+            font-size:14px;
+            text-align: center;
+            /*margin-bottom:4px;*/
+          }
+          .for-user-img-box{
+            margin:0 20px;
+            p{
+              width:250px;
+              line-height:300px;
+              text-align: center;
+              /*border:1px solid #dedede;*/
+              border-radius:4px;
+              color:#999;
+            }
+            img{
+              display: block;
+              width:250px;
+              height:300px;
+              /*border:1px solid #dedede;*/
+              border-radius:4px;
+              overflow: hidden;
+            }
+          }
+          .for-user-button-box{
+            display: flex;
+            border-top:1px solid #0183FA;
+            p{
+              flex:1;
+              text-align: center;
+              line-height:30px;
+              font-size:14px;
+              cursor: pointer;
+              color: #0183FA;
+            }
+            p:hover{
+              background: #0183FA;
+              color: #fff;
+            }
+          }
+        }
+      }
+      .lockImgSpan{
+        color:#0183FA;
+      }
+    }
+  }
+</style>