|
@@ -23,43 +23,62 @@
|
|
|
<div class="c-title">检索参数</div>
|
|
<div class="c-title">检索参数</div>
|
|
|
<el-form ref="form" :model='p' @submit.native.prevent>
|
|
<el-form ref="form" :model='p' @submit.native.prevent>
|
|
|
<sa-item type="text" name="姓名" v-model="p.name"></sa-item>
|
|
<sa-item type="text" name="姓名" v-model="p.name"></sa-item>
|
|
|
- <sa-item type="enum" name="类型" v-model="p.type" :jv="{1: '临时', 2: '内部'}" jtype="2" def="不限">
|
|
|
|
|
- </sa-item>
|
|
|
|
|
|
|
+ <sa-item type="text" name="联系号码" v-model="p.phone"></sa-item>
|
|
|
<sa-item type="text" name="身份证" v-model="p.idCard"></sa-item>
|
|
<sa-item type="text" name="身份证" v-model="p.idCard"></sa-item>
|
|
|
- <sa-item type="enum" name="审核状态" v-model="p.judgeState" :jv="{0: '未审核', 1: '通过',2:'不通过'}" jtype="4"
|
|
|
|
|
- def="全部">
|
|
|
|
|
- </sa-item>
|
|
|
|
|
|
|
+ <div class="c-item" v-if="sa.isAdmin()">
|
|
|
|
|
+ <label class="c-label">备案组织:</label>
|
|
|
|
|
+ <el-select v-model="p.deptId">
|
|
|
|
|
+ <el-option label="请选择" v-for="(item,index) in deptList" :key="item.id" :label="item.name"
|
|
|
|
|
+ :value="item.id"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <sa-item type="text" name="商铺号" v-if="sa.isAdmin()" v-model="p.shopCode"></sa-item>
|
|
|
|
|
+ <div class="c-item">
|
|
|
|
|
+ <el-select v-model="p.judgeState">
|
|
|
|
|
+ <el-option label="全部" value=""></el-option>
|
|
|
|
|
+ <el-option label="未审核" :value="0"></el-option>
|
|
|
|
|
+ <el-option label="通过" :value="1"></el-option>
|
|
|
|
|
+ <el-option label="不通过" :value="2"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </div>
|
|
|
<el-button type="primary" icon="el-icon-search" @click="p.pageNo = 1; f5()">查询</el-button>
|
|
<el-button type="primary" icon="el-icon-search" @click="p.pageNo = 1; f5()">查询</el-button>
|
|
|
<el-button type="info" icon="el-icon-refresh"
|
|
<el-button type="info" icon="el-icon-refresh"
|
|
|
- @click="p.name='',p.type='',p.idCard='',p.judgeState='',f5()">重置</el-button>
|
|
|
|
|
|
|
+ @click="p.name='';p.phone='';p.deptId='';p.idCard='';p.judgeState='';p.shopCode='';f5()">重置</el-button>
|
|
|
<el-button type="primary" icon="el-icon-plus" @click="add" v-if="sa.isAuth('tb-person-filing-add')">
|
|
<el-button type="primary" icon="el-icon-plus" @click="add" v-if="sa.isAuth('tb-person-filing-add')">
|
|
|
新增</el-button>
|
|
新增</el-button>
|
|
|
<el-button type="primary" icon="el-icon-upload" @click="importFn"
|
|
<el-button type="primary" icon="el-icon-upload" @click="importFn"
|
|
|
v-if="sa.isAuth('tb-person-filing-import')">
|
|
v-if="sa.isAuth('tb-person-filing-import')">
|
|
|
- 导入</el-button>
|
|
|
|
|
|
|
+ 导入备案</el-button>
|
|
|
|
|
+ <el-button type="primary" icon="el-icon-upload" @click="face.visible=true"
|
|
|
|
|
+ v-if="sa.isAuth('tb-person-filing-import')">
|
|
|
|
|
+ 导入人脸</el-button>
|
|
|
|
|
+ <el-button type="primary" icon="el-icon-upload" v-if="sa.isAuth('tb-person-filing-export')"
|
|
|
|
|
+ @click='exportFn'>
|
|
|
|
|
+ 导出</el-button>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
|
|
<!-- ------------- 数据列表 ------------- -->
|
|
<!-- ------------- 数据列表 ------------- -->
|
|
|
- <el-table class="data-table" ref="data-table" :data="dataList">
|
|
|
|
|
|
|
+ <el-table class="data-table" ref="data-table" :data="dataList" style="margin-top: 10px;">
|
|
|
<sa-td name="序号" type="index"></sa-td>
|
|
<sa-td name="序号" type="index"></sa-td>
|
|
|
<sa-td name="姓名" prop="name"></sa-td>
|
|
<sa-td name="姓名" prop="name"></sa-td>
|
|
|
- <sa-td name="所属部门" prop="departmentName" width="130"></sa-td>
|
|
|
|
|
<sa-td name="备案组织" prop="deptName" width="130"></sa-td>
|
|
<sa-td name="备案组织" prop="deptName" width="130"></sa-td>
|
|
|
<sa-td name="备案场所" prop="venuesName" width="130"></sa-td>
|
|
<sa-td name="备案场所" prop="venuesName" width="130"></sa-td>
|
|
|
<sa-td name="联系号码" prop="phone" width="120"></sa-td>
|
|
<sa-td name="联系号码" prop="phone" width="120"></sa-td>
|
|
|
- <sa-td name="身份证" prop="idCadStr" width="150"></sa-td>
|
|
|
|
|
|
|
+ <sa-td name="身份证" prop="idCadStr" width="160"></sa-td>
|
|
|
<sa-td type="img" name="人脸" prop="photo"> </sa-td>
|
|
<sa-td type="img" name="人脸" prop="photo"> </sa-td>
|
|
|
- <sa-td name="类型" prop="type" type="enum" :jv="{1: '临时', 2: '内部'}"></sa-td>
|
|
|
|
|
- <sa-td name="来访事由" prop="visitReason"></sa-td>
|
|
|
|
|
|
|
+ <sa-td name="商铺号" prop="shopCode" not="-"> </sa-td>
|
|
|
<sa-td name="审核状态" prop="judgeState" type="enum" :jv="{0: '未审核', 1: '通过', 2: '不通过'}"></sa-td>
|
|
<sa-td name="审核状态" prop="judgeState" type="enum" :jv="{0: '未审核', 1: '通过', 2: '不通过'}"></sa-td>
|
|
|
<sa-td name="审核时间" prop="judgeTime" not="-" width="140"></sa-td>
|
|
<sa-td name="审核时间" prop="judgeTime" not="-" width="140"></sa-td>
|
|
|
<sa-td name="创建时间" prop="createTime" width="140"></sa-td>
|
|
<sa-td name="创建时间" prop="createTime" width="140"></sa-td>
|
|
|
<sa-td name="更新时间" prop="updateTime" width="140"></sa-td>
|
|
<sa-td name="更新时间" prop="updateTime" width="140"></sa-td>
|
|
|
<el-table-column label="操作" fixed="right" width="240px">
|
|
<el-table-column label="操作" fixed="right" width="240px">
|
|
|
<template slot-scope="s">
|
|
<template slot-scope="s">
|
|
|
- <el-button v-if="sa.isAuth('tb-person-filing-judge')&&s.row.judgeState==0" class="c-btn"
|
|
|
|
|
|
|
+ <el-button v-if="sa.isAuth('tb-person-filing-judge')&&s.row.judgeState!=1" class="c-btn"
|
|
|
type="success" @click="judgeFn(s.row)">审核
|
|
type="success" @click="judgeFn(s.row)">审核
|
|
|
</el-button>
|
|
</el-button>
|
|
|
|
|
+ <el-button class="c-btn" type="primary" @click="issuedFn(s.row)"
|
|
|
|
|
+ v-if="sa.isAuth('tb-person-filing-issued')&&s.row.judgeState==1">下发人脸
|
|
|
|
|
+ </el-button>
|
|
|
<el-button class="c-btn" type="success" @click="get(s.row)">查看
|
|
<el-button class="c-btn" type="success" @click="get(s.row)">查看
|
|
|
</el-button>
|
|
</el-button>
|
|
|
<el-button v-if="sa.isAuth('tb-person-filing-edit')" class="c-btn" type="primary"
|
|
<el-button v-if="sa.isAuth('tb-person-filing-edit')" class="c-btn" type="primary"
|
|
@@ -75,7 +94,7 @@
|
|
|
<sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount" @change="f5()">
|
|
<sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount" @change="f5()">
|
|
|
</sa-item>
|
|
</sa-item>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-dialog title="批量导入" :visible.sync="form.visible" width="30%">
|
|
|
|
|
|
|
+ <el-dialog title="批量导入" :visible.sync="form.visible" width="35%">
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
<div slot="header" class="clearfix">
|
|
|
<el-button style="float: right; padding-bottom: 10px" type="text" @click="downTemplate">模板下载
|
|
<el-button style="float: right; padding-bottom: 10px" type="text" @click="downTemplate">模板下载
|
|
@@ -93,6 +112,21 @@
|
|
|
<el-button type="primary" @click="sureImport">确定导入</el-button>
|
|
<el-button type="primary" @click="sureImport">确定导入</el-button>
|
|
|
</span>
|
|
</span>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
+ <el-dialog title="导入人脸信息" :visible.sync="face.visible" width="35%">
|
|
|
|
|
+ <el-card class="box-card">
|
|
|
|
|
+ <el-upload class="upload-demo" ref="importExcel" :headers="headers" drag accept=".zip"
|
|
|
|
|
+ :on-success="onSuccess" :action="importFaceUrl">
|
|
|
|
|
+ <i class="el-icon-upload"></i>
|
|
|
|
|
+ <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
|
|
+ <div class="el-upload__tip" slot="tip">只能上传.zip压缩文件</div>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ <div style="margin-top: 10px;">
|
|
|
|
|
+ <p>1、人脸图片请以<span style="color: red;font-weight: bold;">身份证号</span>命名</p>
|
|
|
|
|
+ <p>2、上传的人脸人员信息需要已在系统备案</p>
|
|
|
|
|
+ <p>3、将人员人脸图片打包成zip格式上传</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-card>
|
|
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
</div>
|
|
|
<script>
|
|
<script>
|
|
|
var app = new Vue({
|
|
var app = new Vue({
|
|
@@ -102,19 +136,25 @@
|
|
|
},
|
|
},
|
|
|
el: '.vue-box',
|
|
el: '.vue-box',
|
|
|
data: {
|
|
data: {
|
|
|
|
|
+ face: {
|
|
|
|
|
+ visible: false,
|
|
|
|
|
+ },
|
|
|
form: {
|
|
form: {
|
|
|
visible: false,
|
|
visible: false,
|
|
|
deptId: ''
|
|
deptId: ''
|
|
|
},
|
|
},
|
|
|
importUrl: sa.cfg.api_url + '/TbPersonFiling/import',
|
|
importUrl: sa.cfg.api_url + '/TbPersonFiling/import',
|
|
|
|
|
+ importFaceUrl: sa.cfg.api_url + '/TbPersonFiling/importFace',
|
|
|
headers: {
|
|
headers: {
|
|
|
'satoken': sessionStorage.satoken
|
|
'satoken': sessionStorage.satoken
|
|
|
},
|
|
},
|
|
|
deptList: [],
|
|
deptList: [],
|
|
|
p: { // 查询参数
|
|
p: { // 查询参数
|
|
|
id: '', //
|
|
id: '', //
|
|
|
- judgeState: '', // 部门ID
|
|
|
|
|
|
|
+ judgeState: '', // 单位ID
|
|
|
|
|
+ deptId: '',
|
|
|
name: '', // 姓名
|
|
name: '', // 姓名
|
|
|
|
|
+ phone:'',
|
|
|
type: '', // 类型(1=临时,2=内部)
|
|
type: '', // 类型(1=临时,2=内部)
|
|
|
idCard: '', // 身份证
|
|
idCard: '', // 身份证
|
|
|
pageSize: 15, // 页大小
|
|
pageSize: 15, // 页大小
|
|
@@ -122,11 +162,31 @@
|
|
|
},
|
|
},
|
|
|
dataCount: 0,
|
|
dataCount: 0,
|
|
|
dataList: [], // 数据集合
|
|
dataList: [], // 数据集合
|
|
|
|
|
+ shopCodeList: []
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ exportFn() {
|
|
|
|
|
+ sa.confirm('是否导出符合筛选条件的人员备案信息?', function() {
|
|
|
|
|
+ sa.ajax('/TbPersonFiling/export', sa.removeNull(this.p), function(res) {
|
|
|
|
|
+ window.location.href = res.data;
|
|
|
|
|
+ }.bind(this))
|
|
|
|
|
+ }.bind(this));
|
|
|
|
|
+ },
|
|
|
|
|
+ issuedFn(data) {
|
|
|
|
|
+ sa.confirm('是否下发【' + data.name + '】的人脸信息到对应备案场所', function() {
|
|
|
|
|
+ sa.ajax('/TbPersonFiling/issued', data, function(res) {
|
|
|
|
|
+ sa.ok('人员信息已下发');
|
|
|
|
|
+ }.bind(this))
|
|
|
|
|
+ }.bind(this));
|
|
|
|
|
+ },
|
|
|
|
|
+ getShopCodeList() {
|
|
|
|
|
+ sa.ajax('/TbPersonFiling/getShopCodeList', function(resp) {
|
|
|
|
|
+ let list = resp.data;
|
|
|
|
|
+ this.shopCodeList = list;
|
|
|
|
|
+ }.bind(this))
|
|
|
|
|
+ },
|
|
|
importFn() {
|
|
importFn() {
|
|
|
this.form.visible = true;
|
|
this.form.visible = true;
|
|
|
- this.getDeptList()
|
|
|
|
|
},
|
|
},
|
|
|
downTemplate() {
|
|
downTemplate() {
|
|
|
window.location.href = '../../static/template/' + encodeURIComponent('备案导入模板.xlsx')
|
|
window.location.href = '../../static/template/' + encodeURIComponent('备案导入模板.xlsx')
|
|
@@ -134,6 +194,7 @@
|
|
|
cancelImport() {
|
|
cancelImport() {
|
|
|
this.$refs.importExcel.clearFiles();
|
|
this.$refs.importExcel.clearFiles();
|
|
|
this.form.visible = false;
|
|
this.form.visible = false;
|
|
|
|
|
+ this.face.visible = false;
|
|
|
},
|
|
},
|
|
|
sureImport() {
|
|
sureImport() {
|
|
|
sa.loading('正在上传');
|
|
sa.loading('正在上传');
|
|
@@ -223,7 +284,10 @@
|
|
|
created: function() {
|
|
created: function() {
|
|
|
this.f5();
|
|
this.f5();
|
|
|
sa.onInputEnter();
|
|
sa.onInputEnter();
|
|
|
- console.log()
|
|
|
|
|
|
|
+ this.getShopCodeList();
|
|
|
|
|
+ if (sa.isAdmin()) {
|
|
|
|
|
+ this.getDeptList();
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
</script>
|
|
</script>
|