18 changed files with 518 additions and 315 deletions
-
1package.json
-
14src/assets/iconfonts/light/iconfont.css
-
2src/assets/iconfonts/light/iconfont.js
-
14src/assets/iconfonts/light/iconfont.json
-
BINsrc/assets/iconfonts/light/iconfont.ttf
-
BINsrc/assets/iconfonts/light/iconfont.woff
-
BINsrc/assets/iconfonts/light/iconfont.woff2
-
BINsrc/assets/images/user.jpg
-
2src/views/digitalScreen/module/areaSetting.vue
-
16src/views/faceRecognition/faceRecLog.vue
-
31src/views/faceRecognition/module/batchImport.vue
-
151src/views/faceRecognition/module/faceSearch.vue
-
72src/views/faceRecognition/module/selfRegister.vue
-
186src/views/faceRecognition/personInfoManage.vue
-
13src/views/inquiryMachine/column.vue
-
52src/views/inquiryMachine/content.vue
-
175src/views/inquiryMachine/form.vue
-
94src/views/inquiryMachine/menu.vue
2
src/assets/iconfonts/light/iconfont.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
|
After Width: 110 | Height: 160 | Size: 2.9 KiB |
@ -0,0 +1,31 @@ |
|||||
|
<template> |
||||
|
<el-dialog :close-on-click-modal="false" :modal-append-to-body="false" append-to-body title="批量导入" :visible.sync="batchImportVisible"> |
||||
|
<div class="setting-dialog" style="display: flex; justify-content: center; flex-direction: column; align-items: center;"> |
||||
|
<p>注意：批量导入，需在指定的模板文件内完成数据录入后，上传文件，再由系统执行导入操作！</p> |
||||
|
<div class="btn-wrap"> |
||||
|
<el-button size="mini"> <i class="iconfont icon-xiazai" />下载模板</el-button> |
||||
|
<el-button size="mini"> <i class="iconfont icon-piliangchengjian" />导入文件</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
batchImportVisible: false |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.btn-wrap{ |
||||
|
padding: 30px 0 20px 0; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,151 @@ |
|||||
|
<template> |
||||
|
<el-dialog :close-on-click-modal="false" :modal-append-to-body="false" append-to-body title="人脸查询" :visible.sync="faceSearchVisible"> |
||||
|
<div class="setting-dialog" style="display: flex; justify-content: flex-start;"> |
||||
|
<div class="upload-img-input"> |
||||
|
<input ref="fileInput" type="file" @change="changeFile($event)"> |
||||
|
<div class="upload-libImg"> |
||||
|
<img src="~@/assets/images/user.jpg" alt=""> |
||||
|
<span>点击上传照片进行比对</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<ul class="face-result-info"> |
||||
|
<li><span>馆代码：</span>ftzn</li> |
||||
|
<li><span>读者证号：</span>78198239</li> |
||||
|
<li><span>姓名：</span>张三</li> |
||||
|
<li><span>身份证号：</span>420105198500000000</li> |
||||
|
<li><span>性别：</span>男</li> |
||||
|
<li><span>联系方式：</span>15800000000</li> |
||||
|
<li><span>类型：</span>普通用户</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import { mapGetters } from 'vuex' |
||||
|
// import { getCurrentTime } from '@/utils/index' |
||||
|
import { upload } from '@/utils/upload' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
faceSearchVisible: false, |
||||
|
file: null, |
||||
|
fileNames: '', |
||||
|
fileSize: '', |
||||
|
filePath: '', |
||||
|
px: '', |
||||
|
imageUrl: null |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
async changeFile(e) { |
||||
|
const file = e.target.files[0] |
||||
|
|
||||
|
if (file && file.type.startsWith('image/')) { |
||||
|
this.file = e.target.files[0] |
||||
|
this.fileSize = this.file.size |
||||
|
this.fileNames = this.file.name |
||||
|
|
||||
|
const fileBase64 = await this.getBase64(this.file) |
||||
|
const res = await this.getImgPx(fileBase64) |
||||
|
this.imageUrl = fileBase64 |
||||
|
this.px = res.width + 'px*' + res.height + 'px' |
||||
|
upload(this.baseApi + '/api/fileRelevant/uploadOtherImg', this.file).then(res => { |
||||
|
console.log(res) |
||||
|
if (res.data.code === 200) { |
||||
|
this.filePath = res.data.data |
||||
|
// this.$emit('childCover', res.data.data) |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message({ message: '只可上传图片', type: 'error', offset: 8 }) |
||||
|
this.imageUrl = null |
||||
|
} |
||||
|
}, |
||||
|
// 将上传的图片转为base64 |
||||
|
getBase64(file) { |
||||
|
const reader = new FileReader() |
||||
|
reader.readAsDataURL(file) |
||||
|
return new Promise((resolve) => { |
||||
|
reader.onload = () => { |
||||
|
resolve(reader.result) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取图片的分辨率 |
||||
|
getImgPx(img) { |
||||
|
const image = new Image() |
||||
|
image.src = img |
||||
|
return new Promise((resolve) => { |
||||
|
image.onload = () => { |
||||
|
const width = image.width |
||||
|
const height = image.height |
||||
|
resolve({ width, height }) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.upload-img-input{ |
||||
|
position: relative; |
||||
|
width: 150px; |
||||
|
height: 230px; |
||||
|
& input{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 150px; |
||||
|
height: 230px; |
||||
|
opacity: 0; |
||||
|
z-index: 9999; |
||||
|
} |
||||
|
} |
||||
|
.upload-libImg{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
width: 150px; |
||||
|
height: 230px; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
color: #0c0e1e; |
||||
|
text-align: center; |
||||
|
overflow: hidden; |
||||
|
& img{ |
||||
|
display: block; |
||||
|
height: 200px; |
||||
|
} |
||||
|
& span{ |
||||
|
display: block; |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.face-result-info{ |
||||
|
margin-left: 20px; |
||||
|
padding-left: 10px; |
||||
|
border-left: 1px solid #EBEEF5; |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
li{ |
||||
|
width: 50%; |
||||
|
line-height: 20px; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
color: #0c0e1e; |
||||
|
span{ |
||||
|
display: inline-block; |
||||
|
width: 70px; |
||||
|
text-align: right; |
||||
|
font-weight: normal; |
||||
|
color: #606266; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,72 @@ |
|||||
|
<template> |
||||
|
<el-dialog :close-on-click-modal="false" :modal-append-to-body="false" append-to-body title="自助注册" :visible.sync="selfRegisterVisible"> |
||||
|
<div class="setting-dialog"> |
||||
|
<a |
||||
|
:href="link" |
||||
|
target="_blank" |
||||
|
rel="noopener noreferrer" |
||||
|
class="external-link" |
||||
|
> |
||||
|
{{ link }} |
||||
|
</a> |
||||
|
<div class="qrcode-wrapper"> |
||||
|
<div ref="qrcode" class="qrcode" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Qrcode from 'qrcodejs2' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
selfRegisterVisible: false, |
||||
|
link: 'http://192.168.99.72:8080/selfhelp/initReaderCheck.do?strLibcode=FTZN' |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
generateQrcode() { |
||||
|
const qrcodeRef = this.$refs.qrcode |
||||
|
if (!qrcodeRef) return |
||||
|
|
||||
|
new Qrcode(qrcodeRef, { |
||||
|
text: this.link, |
||||
|
width: 200, |
||||
|
height: 200, |
||||
|
colorDark: '#333', |
||||
|
colorLight: '#fff', |
||||
|
correctLevel: Qrcode.CorrectLevel.L |
||||
|
}) |
||||
|
}, |
||||
|
open() { |
||||
|
this.selfRegisterVisible = true |
||||
|
this.$nextTick(() => this.generateQrcode()) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.setting-dialog{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
.external-link { |
||||
|
font-size: 16px; |
||||
|
// color: #0348f3; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
.external-link:hover { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
.qrcode-wrapper { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
padding: 20px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -1,175 +0,0 @@ |
|||||
<template> |
|
||||
<!--表单组件--> |
|
||||
<el-dialog append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title"> |
|
||||
<div class="setting-dialog"> |
|
||||
<el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="90px"> |
|
||||
<el-form-item v-if="selectedMenu.pid === '0'" label="所属父级" prop="parentName"> |
|
||||
<el-input v-model="selectedMenu.title" disabled /> |
|
||||
</el-form-item> |
|
||||
<el-form-item v-else label="所属父级" prop="parentName"> |
|
||||
<el-input v-model="selectedMenu.parentName" disabled /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="编码" prop="code"> |
|
||||
<el-input v-model="form.code" disabled /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="名称" prop="title"> |
|
||||
<el-input v-model="form.title" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="菜单类型" prop="type"> |
|
||||
<el-select v-model="form.type" style="width: 225px;" @change="changeType"> |
|
||||
<el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
<el-row v-if="form.type && (form.type === 2 || form.type === 3)"> |
|
||||
<!-- @remove-tag="deleteTag" @change="changeColumn" --> |
|
||||
<el-form-item style="width: 100%;" label="栏目绑定" prop="bind" class="is-required selecct-dropdown"> |
|
||||
<el-select v-model="form.queryTopicList" style="width: 584px" value-key="id" multiple placeholder="请选择" :popper-append-to-body="false"> |
|
||||
<el-option v-for="item in columnDatas" :key="item.id" :label="item.title" :value="item" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-row> |
|
||||
<el-form-item label="备注" prop="remarks"> |
|
||||
<el-input v-model="form.remarks" type="textarea" :rows="4" style="width: 580px;" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
|
||||
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { FetchQueryTopicTree } from '@/api/inquiryMachine/column' |
|
||||
import { form } from '@crud/crud' |
|
||||
import CRUD from '@crud/crud' |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
const defaultForm = { id: null, parentId: null, parentName: null, title: null, code: null, queryTopicList: null, type: null, remarks: null } |
|
||||
export default { |
|
||||
mixins: [ |
|
||||
form(function() { |
|
||||
return Object.assign({ libcode: this.user.fonds.fondsNo }, defaultForm) |
|
||||
}) |
|
||||
], |
|
||||
props: { |
|
||||
selectedMenu: { |
|
||||
type: Object, |
|
||||
default: function() { |
|
||||
return {} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
pid: null, |
|
||||
isAdd: false, |
|
||||
rules: { |
|
||||
parentId: [ |
|
||||
{ required: true, message: '所属父级不可为空', trigger: 'blur' } |
|
||||
], |
|
||||
title: [ |
|
||||
{ required: true, message: '名称不可为空', trigger: 'blur' } |
|
||||
], |
|
||||
type: [ |
|
||||
{ required: true, message: '菜单类型不可为空', trigger: 'change' } |
|
||||
], |
|
||||
// code: [ |
|
||||
// { required: true, message: '编码不可为空', trigger: 'blur' } |
|
||||
// ], |
|
||||
queryTopicList: [ |
|
||||
{ |
|
||||
required: () => { |
|
||||
return this.form.type === 2 || this.form.type === 3 |
|
||||
}, |
|
||||
message: '栏目绑定不可为空', |
|
||||
trigger: 'change' |
|
||||
} |
|
||||
] |
|
||||
}, |
|
||||
selectOptions: [ |
|
||||
{ value: 1, label: '菜单' }, |
|
||||
{ value: 2, label: '栏目显示' }, |
|
||||
{ value: 3, label: '栏目列表' }, |
|
||||
{ value: 4, label: '新书推荐' } |
|
||||
], |
|
||||
columnDatas: [], |
|
||||
bindColumn: [] |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'baseApi', |
|
||||
'user' |
|
||||
]) |
|
||||
}, |
|
||||
watch: { |
|
||||
selectedMenu: function(newValue, oldValue) { |
|
||||
// console.log('newValue', newValue) |
|
||||
}, |
|
||||
'form.type': function(newType) { |
|
||||
if (newType !== 2 && newType !== 3) { |
|
||||
this.form.queryTopicList = null |
|
||||
} |
|
||||
this.$nextTick(() => { |
|
||||
this.$forceUpdate() |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.getInitQueryTopic() |
|
||||
}, |
|
||||
methods: { |
|
||||
getInitQueryTopic() { |
|
||||
FetchQueryTopicTree().then(res => { |
|
||||
this.columnDatas = res |
|
||||
}) |
|
||||
}, |
|
||||
// changeColumn(value) { |
|
||||
// this.bindColumn = [] |
|
||||
// value.forEach(function(data, index) { |
|
||||
// const role = { id: data } |
|
||||
// this.bindColumn.push(role) |
|
||||
// }) |
|
||||
// }, |
|
||||
// deleteTag(value) { |
|
||||
// this.bindColumn.forEach(function(data, index) { |
|
||||
// if (data.id === value.id) { |
|
||||
// this.bindColumn.splice(index, value) |
|
||||
// } |
|
||||
// }) |
|
||||
// }, |
|
||||
// 提交前的验证 |
|
||||
[CRUD.HOOK.afterValidateCU](crud) { |
|
||||
delete crud.form.parentName |
|
||||
delete crud.form.queryMenuTopics |
|
||||
const { queryTopicList, ...otherFields } = crud.form |
|
||||
crud.form = { |
|
||||
queryMenu: otherFields, |
|
||||
queryTopicList: queryTopicList |
|
||||
} |
|
||||
console.log(crud.form) |
|
||||
return true |
|
||||
}, |
|
||||
changeType(val) { |
|
||||
console.log('val', val) |
|
||||
// this.isAdd = this.form.type === 2 |
|
||||
}, |
|
||||
normalizer(node) { |
|
||||
if (node.children && !node.children.length) { |
|
||||
delete node.children |
|
||||
} |
|
||||
return { |
|
||||
id: node.id, |
|
||||
label: node.title, |
|
||||
children: node.children, |
|
||||
isDisabled: node.type !== 2 && node.type !== 3 && node.type !== 5 |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue