发卡系统
#app {
padding: 20px;
}
.btn {
width: 108px;
background: rgba(0, 148, 242, 1);
border-radius: 15px;
border-color: rgba(0, 148, 242, 1);
}
.el-table .el-table__header-wrapper thead tr th {
background-color: #c0d2ee !important;
color: #4c5e70 !important;
font-weight: 400;
}
.el-table__footer-wrapper thead div,
.el-table__header-wrapper thead div {
background-color: #c0d2ee !important;
color: #4c5e70 !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #409eff;
}
.wrapper {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -60%);
}
.el-dialog .el-dialog__body .success-row {
background: rgb(25, 158, 216);
}
.el-dialog .el-dialog__body .success-row:hover>td {
background: rgb(25, 158, 216);
}
.el-dialog .el-dialog__body .failure-row>td {
background: rgb(191, 9, 23);
}
.el-dialog .el-dialog__body .failure-row:hover>td {
background: rgb(191, 9, 23);
}
.el-dialog .el-dialog__body .Waiting-row>td {
background: #fff;
}
.el-dialog .el-dialog__body .Waiting-row:hover>td {
background: #fff;
}
.resizeNone .el-textarea__inner {
outline: none;
resize: none;
}
.btn-1 {
width: 108px;
border-radius: 5px;
margin-top: 10px;
margin-left: 85%;
}
.box-card {
opacity: 0;
}
.box-card p {
margin: 10px 0px;
font-size: 20px;
}
.box-card p:first-of-type {
margin-left: 70px;
}
.el-table tr {
height: 48px;
}
[v-cloak] {
display: none;
}
员工批量发卡
导入硬件设备信息
查看硬件设备信息
<el-upload :headers="myHeaders" :before-upload="beforeUpload" :on-error="errorUpload"
:action="_url+'/empExcUpload'" :on-success="successAvatarUpload" style="margin-left:10px" name="empexcfile"
:show-file-list="false">
<el-button round type="primary" class="imp2" size="small"> 导入员工信息
</el-button>
</el-upload>
<el-link href="./excel/发卡员工模板.xlsx"
style="color:#fff;font-size: 12px; margin-left:10px; margin-right:0px;background: #409eff;padding: 9px 15px;border-radius: 20px;border-color: #409EFF;"
:underline="false">下载员工模板</el-link>
<el-button type="primary" size="small" style="margin-left:10px;height: 32px" @click="excelExportInfo()" round>
导出EXCEL
</el-button>
<el-button type="primary" @click="SystemSettings()" style="margin-left:10px;height: 32px" size="small" round>
系统设置
</el-button>
</span>
</div>
</el-menu>
<div class="pcMain_form clearfix" style="background: #fff; margin-bottom: 15px;">
<span class="pcMain_form_gs">
<a>岗位</a>
<el-select style="width: 150px;" v-model="lx_value" placeholder="请选择岗位" size="small">
<el-option v-for="item in jobs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</span>
<span class="pcMain_form_gs">
<a>部门</a>
<el-select style="width: 150px;" v-model="zt" placeholder="请选择岗位" size="small">
<el-option v-for="item in department" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</span>
<span class="pcMain_form_gs">
<a>员工</a>
<el-select style="width: 150px;" v-model="zt_value" placeholder="请选择员工" size="small">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</span>
<span class="pcMain_form_gs">
<el-button size="small" type="primary" round icon="el-icon-search" @click="search()">查询</el-button>
</span>
<span class="pcMain_form_gs">
<el-button class="btn" size="small" type="primary" round @click="issuing()">发卡
</el-button>
<el-button class="btn" size="small" type="primary" round @click="printer()">打印
</el-button>
</span>
</div>
<div style="overflow-y: auto;">
<el-row>
<el-col :span="18">
<el-table ref="singleTable" highlight-current-row stripe :data="tableData"
@selection-change="handleSelectionChange">
<el-table-column label="人员信息列表">
<el-table-column type="selection" width="100" align="right"></el-table-column>
<el-table-column prop="empName" width="100" label="姓名" align="center">
</el-table-column>
<el-table-column prop="empNo" label="工号" align="center">
</el-table-column>
<el-table-column prop="workTypeName" label="岗位" align="center">
</el-table-column>
<el-table-column property="name" label="部门" class="do-not-print-me" align="center">
</el-table-column>
<el-table-column property="workType" width="100" label="工种" align="center">
</el-table-column>
<el-table-column property="alias" label="人员卡编号" align="center">
</el-table-column>
<el-table-column property="lasttime" show-overflow-tooltip :formatter="timestampToTime" label="发卡时间"
align="center">
</el-table-column>
</el-table-column>
</el-table>
</el-col>
<el-col :span="6">
<el-table ref="singleTable" highlight-current-row stripe :data="tableData"
@selection-change="handleSelectionChange">
<el-table-column label="硬件信息列表">
<el-table-column property="deviceno" label="MAC地址" align="center">
</el-table-column>
<el-table-column property="iccard" label="IC/ID卡号" align="center">
</el-table-column>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<el-pagination background layout="sizes" :page-count="page_info.totalPage" @size-change="handleSizeChange"
:page-sizes="[499, 1000]" style="background-color: #fff;text-align: right; height: 35px;padding-top: 10px;">
</el-pagination>
<el-dialog :close-on-click-modal="false" @close="dialogClose()" :visible.sync="dialogTableVisible" width="820px">
<div class="pcMain_form clearfix" style="background: #fff; float: left; margin-left: 20px;">
<el-input size="small" v-model="content" placeholder="请输入ID/IC卡号"></el-input>
</div>
<div class="pcMain_form clearfix" style="background: #fff; float: right; margin-right: 30px;">
<span class="pcMain_form_gs">
<el-button size="small" round @click="change()">开始发卡</el-button>
<el-button size="small" round @click="getback()">退出</el-button>
</span>
</div>
<el-table id="parent" :data="table" style="color: #000;" max-height="250" :row-class-name="tableRowClassName">
<el-table-column property="empName" label="姓名" width="150" align="center"></el-table-column>
<el-table-column property="empNo" label="工号" width="150" align="center"></el-table-column>
<el-table-column property="deviceNum" label="编号设备" width="150" align="center"></el-table-column>
<el-table-column property="operation" label="操作" align="center"></el-table-column>
</el-table>
</el-dialog>
<!-- 门禁授权 -->
<el-dialog :close-on-click-modal="false" title="" @close="dialogClose()" :visible.sync="dialogTableVisible1"
width="820px">
<div class="pcMain_form clearfix" style="background: #fff; float: left; margin-left: 20px;">
<div style="position: relative;bottom: 5px;color: rgba(0, 148, 242, 1);">请选择门号：</div>
<el-checkbox style="float: left;" :indeterminate="isIndeterminate" v-model="checkAll"
@change="handleCheckAllChange">全选</el-checkbox>
<el-checkbox-group style="float: left;margin-left: 10px;" v-model="checkedCities"
@change="handleCheckedCitiesChange">
<el-checkbox v-for="item in findAllDoorList" :label="item.id" :key="item.id">{{item.doorname}}</el-checkbox>
</el-checkbox-group>
</div>
<div class="pcMain_form clearfix" style="background: #fff; float: right; margin-right: 30px;">
<span class="pcMain_form_gs">
<el-checkbox style="margin-right: 10px;" v-model="xfFlag">人脸数据下发</el-checkbox>
<el-button size="small" round @click="change()">门禁发卡</el-button>
<el-button size="small" round @click="getback()">退出</el-button>
</span>
</div>
<el-table id="parent" :data="table" style="color: #000;" max-height="250" :row-class-name="tableRowClassName">
<el-table-column property="iccard" label="IC/ID卡号" width="150" align="center"></el-table-column>
<el-table-column property="empNo" label="门禁权限" width="150" align="center">
<template slot-scope="scope">
{{checkedCities?nameListId(checkedCities).toString():''}}
</template>
</el-table-column>
<el-table-column property="deviceno" label="Mac号" width="150" align="center"></el-table-column>
<el-table-column property="operation" label="操作" align="center"></el-table-column>
</el-table>
</el-dialog>
<el-dialog :close-on-click-modal="false" :close-on-click-modal="false" title="" :visible.sync="dialogformVisible"
width="40%">
<p>IC卡测试框</p>
<el-input type="textarea" v-model="textarea" maxlength="30" rows="4" class="resizeNone">
</el-input>
<el-button size="small" class="btn-1">读卡</el-button>
<el-row style="margin: 20px 0px;">
<el-col style="margin-right: 5px;">打印机设置
<el-select style="margin-right: 5px;" v-model="value" placeholder="请选择" size="small">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-button size="small">打印测试</el-button>
</el-col>
</el-row>
</el-dialog>
<el-dialog :close-on-click-modal="false" :close-on-click-modal="false" :visible.sync="tishi" width="30%"
:before-close="()=>quxiao()">
<span>该卡以绑给（<span v-for="list in listName"
:key="list.empname">{{list.empname}}</span>），是否要替换绑定给（{{replaceName}}）</span>
<span slot="footer" class="dialog-footer">
<el-button @click="quxiao">取 消</el-button>
<el-button type="primary" @click="queding">确 定</el-button>
</span>
</el-dialog>
<el-dialog :close-on-click-modal="false" :close-on-click-modal="false" title="" :visible.sync="sbFlagList"
width="40%">
<p style="padding: 0 0 15px 0;
font-size: 16px;">硬件设备列表</p>
<el-table :data="tableSbData" style="width: 100%">
<el-table-column prop="date" label="MAC卡号">
</el-table-column>
<el-table-column prop="name" label="IC卡号">
</el-table-column>
</el-table>
</el-dialog>
<div id="div1" class="box-card">
<div v-for="item in table" :key="item.empNo">
<p>
<!-- <img src="{{o.imgaddr}}"/> -->
</p>
<p> 姓名：{{ item.empName==null?" ":item.empName}}</p>
<p> 工号：{{ item.empNo==null?" ":item.empNo}} </p>
<p> 部门：{{item.department==null?" ": item.department}} </p>
<p> 工种：{{item.workType == null?" ": item.workType}} </p>
<div style="page-break-after: always;"></div>
</div>
</div>
}); ('.imp1').change(function () { var options = { dataType: 'json', type: 'post', success: function (json) { alert(json.res); location.reload(); }, error: function (result) { alert('访问服务器失败！'); } }; ('#form_file').ajaxSubmit(options); });
('.imp2').change(function () { var options = { dataType: 'json', type: 'post', success: function (json) { alert(json.res); location.reload(); }, error: function (result) { alert('访问服务器失败！'); } }; ('#form_fileemp').ajaxSubmit(options); });
