xuhuajiao
/
hp-storeroom-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

门禁/打印机

master
xuhuajiao 2 months ago
parent
a0d1fbe732
commit
eed0b73361
4 changed files with 196 additions and 88 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      src/api/system/zkt.js
  2. 124
      src/views/archivesManage/archivesList/archivesAnjuan/index.vue
  3. 136
      src/views/archivesManage/caseManage/caseList/module/print.vue
  4. 10
      src/views/components/AccessDoor.vue

10
src/api/system/zkt.js
View File

@ -62,4 +62,12 @@ export function FetchHikMinor(params) {
}) })
} }
export default { add, FetchZKTDoorList, FetchInitZktParam, FetchRealTimeZKTLog, FetchInitHikDoorLog, FetchHikMajor, FetchHikMinor }
export function FetchInitRealTimeHikDoorLog(params) {
return request({
url: 'api/securitydoor/initRealTimeHikDoorLog',
method: 'get',
params
})
}
export default { add, FetchZKTDoorList, FetchInitZktParam, FetchRealTimeZKTLog, FetchInitHikDoorLog, FetchHikMajor, FetchHikMinor, FetchInitRealTimeHikDoorLog }

124
src/views/archivesManage/archivesList/archivesAnjuan/index.vue
View File

@ -123,24 +123,19 @@
</el-table-column> </el-table-column>
<el-table-column v-if="!recycleMain.isRecycle && selectedCategory.isType !== 3" label="标签" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> <el-table-column v-if="!recycleMain.isRecycle && selectedCategory.isType !== 3" label="标签" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' ">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 未绑 / 已绑 -->
<span :class="['row-state', 'row-binding', scope.row.tid ? 'state-active' : '' ]">{{ scope.row.tid ? '已绑': '未绑' }}</span> <span :class="['row-state', 'row-binding', scope.row.tid ? 'state-active' : '' ]">{{ scope.row.tid ? '已绑': '未绑' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="!recycleMain.isRecycle" label="装盒" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> <el-table-column v-if="!recycleMain.isRecycle" label="装盒" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' ">
<!-- state-active 已装/已入/已借/已绑 -->
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 未装 / 已装 -->
<span :class="['row-state', 'row-packing', scope.row.case_no ? 'state-active' : '' ]">{{ scope.row.case_no ? '已装': '未装' }}</span> <span :class="['row-state', 'row-packing', scope.row.case_no ? 'state-active' : '' ]">{{ scope.row.case_no ? '已装': '未装' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="!recycleMain.isRecycle" label="入库" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> <el-table-column v-if="!recycleMain.isRecycle" label="入库" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' ">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- is_storage 为空的情况下即没装盒 / 0 未入 / 1 待入 / 2 已入 / 3 待出-->
<span :class="['row-state', 'row-warehousing', (storageTxt[scope.$index] === '已入' )? 'state-active' : '' ]">{{ storageTxt[scope.$index] }}</span> <span :class="['row-state', 'row-warehousing', (storageTxt[scope.$index] === '已入' )? 'state-active' : '' ]">{{ storageTxt[scope.$index] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- is_borrow 4 已归还 / 为空 - 未加入待借列表 - 在库 / 2 待借阅（在待借列表/借出确认列表） - 待借 / 1待登记 - 不可借-用“—” 表示 / 3 待归还 - 已借 -->
<el-table-column v-if="!recycleMain.isRecycle && selectedCategory.isType !== 3" label="借阅" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' "> <el-table-column v-if="!recycleMain.isRecycle && selectedCategory.isType !== 3" label="借阅" width="100" align="center" :fixed="fixedStatusBar ? false : 'right' ">
<template slot-scope="scope"> <template slot-scope="scope">
<span :class="['row-state', 'row-lending', (borrowTxt[scope.$index] === '已借' )? 'state-active' : '' ]">{{ borrowTxt[scope.$index] }}</span> <span :class="['row-state', 'row-lending', (borrowTxt[scope.$index] === '已借' )? 'state-active' : '' ]">{{ borrowTxt[scope.$index] }}</span>
@ -193,7 +188,8 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="标签打印" :visible.sync="printDialogVisible" width="800px">
<!-- 打印弹窗（优化后） -->
<el-dialog title="标签打印" :visible.sync="printDialogVisible" width="800px" @closed="handlePrintDialogClosed">
<span class="dialog-right-top" /> <span class="dialog-right-top" />
<span class="dialog-left-bottom" /> <span class="dialog-left-bottom" />
<div class="setting-dialog"> <div class="setting-dialog">
@ -315,17 +311,19 @@ export default {
tableDisplayFields(val) { tableDisplayFields(val) {
this.doLayout() this.doLayout()
}, },
isProject: function(newValue, oldValue) {
},
isHasProject: function(newValue, oldValue) {
},
fixedStatusBar: function(newValue, oldValue) {
},
projectSelection: function(newValue, oldValue) {
// 监听打印弹窗状态，确保子组件加载完成后再连接打印服务
printDialogVisible(newVal) {
if (newVal && this.$refs.printComponent) {
// 弹窗已打开，子组件已挂载，执行连接操作
this.$refs.printComponent.connectprinter()
}
}, },
isProject: function(newValue, oldValue) {},
isHasProject: function(newValue, oldValue) {},
fixedStatusBar: function(newValue, oldValue) {},
projectSelection: function(newValue, oldValue) {},
smartQuery: { smartQuery: {
handler(n, o) {
},
handler(n, o) {},
deep: true deep: true
} }
}, },
@ -353,51 +351,41 @@ export default {
} }
this.query.queryType = this.stateOptions[0].value this.query.queryType = this.stateOptions[0].value
}, },
mounted() {
},
mounted() {},
methods: { methods: {
// 打印条码
// 打印标签（优化后，解决时序问题）
onPrint(res) { onPrint(res) {
console.log('打印条码', res.length)
this.codeLoading = true this.codeLoading = true
if (res && res.length !== 0) { if (res && res.length !== 0) {
// 转换打印数据格式
this.printLabelList = res.map(item => { this.printLabelList = res.map(item => {
return { return {
lsfFileVarList: [ lsfFileVarList: [
{ {
lsfFileVar: { lsfFileVar: {
varname: 'barcode', // 模板中的条形码变量名，需和打印模板一致
// varvalue: '编号：' + item.barcode
// varvalue: '编号\r\n1字第0000001号'
// varvalue: '15字第000000001号'
varvalue: item.archive_no
varname: 'barcode',
varvalue: item.archive_no || ''
} }
}, },
{ {
lsfFileVar: { lsfFileVar: {
varname: 'title', varname: 'title',
// varvalue: '姓名：' + item.title
// varvalue: '姓名\r\n李军'
// varvalue: '李军'
varvalue: item.maintitle
varvalue: item.maintitle || ''
} }
}, },
{ {
lsfFileVar: { lsfFileVar: {
varname: 'nativePlace', varname: 'nativePlace',
// varvalue: '籍贯\r\n北京'
// varvalue: '湖北武汉'
varvalue: item.native_place
varvalue: item.native_place || ''
} }
} }
] ]
} }
}) })
// 打开打印弹窗
// 先赋值数据，再打开弹窗（确保子组件props同步）
this.printDialogVisible = true this.printDialogVisible = true
this.$nextTick(() => {
this.$refs.printComponent.connectprinter()
})
this.codeLoading = false this.codeLoading = false
} else { } else {
this.$message({ this.$message({
@ -408,44 +396,81 @@ export default {
} }
}, },
// 打印弹窗关闭后，重置子组件状态
handlePrintDialogClosed() {
if (this.$refs.printComponent) {
// 关闭子组件WebSocket连接
if (this.$refs.printComponent.wsocket) {
this.$refs.printComponent.wsocket.close()
this.$refs.printComponent.wsocket = null
}
// 重置子组件打印状态
this.$refs.printComponent.isPrinting = false
this.$refs.printComponent.hasSentPrintCmd = false
this.$refs.printComponent.numberPrinted = 0
}
// 清空打印数据
this.printLabelList = []
},
// 文件/案卷重置query // 文件/案卷重置query
resetQuery() { resetQuery() {
this.query = {
queryType: '',
queryTitle: '',
archiveNo: '',
archiveCtgNo: '',
responsibleby: '',
docNo: '',
documentNo: '',
barcode: '',
folderLocation: '',
tempNo: ''
}
if (this.selectedCategory.isType === 5) { if (this.selectedCategory.isType === 5) {
this.queryOption = [ this.queryOption = [
{ value: 'queryTitle', label: '姓名' }, { value: 'queryTitle', label: '姓名' },
{ value: 'archiveNo', label: '编号' } { value: 'archiveNo', label: '编号' }
// { value: 'responsibleby', label: '责任者' },
// { value: 'docNo', label: '发文字号 ' },
// { value: 'barcode', label: '条形码' },
// { value: 'folderLocation', label: '地址码' },
// { value: 'tempNo', label: '临时卷号' }
] ]
} else { } else {
this.queryOption = [ this.queryOption = [
{ value: 'queryTitle', label: '姓名' }, { value: 'queryTitle', label: '姓名' },
{ value: 'archiveNo', label: '档号' } { value: 'archiveNo', label: '档号' }
// { value: 'archiveCtgNo', label: '实体分类号' },
// { value: 'barcode', label: '条形码' },
// { value: 'folderLocation', label: '地址码' }
] ]
} }
this.anjuanInputSelect = this.queryOption[0].value this.anjuanInputSelect = this.queryOption[0].value
}, },
// 档案列表获取显示列 // 档案列表获取显示列
getTableDisplayFields(type) { getTableDisplayFields(type) {
this.getTableItemCommon(type) this.getTableItemCommon(type)
}, },
// 表格重新布局
doLayout() {
this.$nextTick(() => {
this.$refs.table?.doLayout()
})
},
// 分页大小改变
handleSizeChange(size) { handleSizeChange(size) {
this.page.size = size this.page.size = size
this.page.page = 1 this.page.page = 1
this.getListCommon('anjuanData', 'anjuanTableHeight', 1) this.getListCommon('anjuanData', 'anjuanTableHeight', 1)
this.$nextTick(() => { this.$nextTick(() => {
this.selections = this.$refs.table.selection
this.selections = this.$refs.table?.selection || []
}) })
}, },
// list
// 页码改变
handleCurrentPage(page) {
this.page.page = page
this.getListCommon('anjuanData', 'anjuanTableHeight', 1)
},
// 获取表格列表
getTableList() { getTableList() {
// this.query.queryType = null
this.query.queryTitle = '' this.query.queryTitle = ''
this.query.archiveNo = '' this.query.archiveNo = ''
this.query.archiveCtgNo = '' this.query.archiveCtgNo = ''
@ -555,6 +580,7 @@ export default {
} }
this.getTotalSumAll() this.getTotalSumAll()
}, },
// 借阅 // 借阅
handleLending() { handleLending() {
const index = this.selections.findIndex((item) => item.is_storage === 0 || item.is_storage === '' || item.is_storage === 1) const index = this.selections.findIndex((item) => item.is_storage === 0 || item.is_storage === '' || item.is_storage === 1)
@ -572,9 +598,7 @@ export default {
this.$message.error('当前档案已借出，还未归还') this.$message.error('当前档案已借出，还未归还')
return false return false
} }
const params = this.selections.map(item => {
return item.id
})
const params = this.selections.map(item => item.id)
FetchIsExistBorrow(params).then(data => { FetchIsExistBorrow(params).then(data => {
if (data.length === 0) { if (data.length === 0) {
this.lengingVisible = true this.lengingVisible = true
@ -587,9 +611,7 @@ export default {
}, },
// 确认借阅 // 确认借阅
handleLendingConfirm() { handleLendingConfirm() {
const params = this.selections.map(item => {
return item.id
})
const params = this.selections.map(item => item.id)
FetchAddArchivesWaitRegister(params).then(data => { FetchAddArchivesWaitRegister(params).then(data => {
if (data.length !== 0) { if (data.length !== 0) {
this.$message.success('借阅成功') this.$message.success('借阅成功')

136
src/views/archivesManage/caseManage/caseList/module/print.vue
View File

@ -39,23 +39,31 @@ export default {
}, },
Operate: 'print', Operate: 'print',
// 电脑上模板地址的路径 // 电脑上模板地址的路径
lsfFilePath: '/home/it0/zmin/新标签01.lsf',
lsfFilePath: '/home/it0/mb/mb01.lsf',
// 打印内容 // 打印内容
labels: [] labels: []
}, },
printerstatus: '', printerstatus: '',
pvimg: pvimg:
'data:image/png;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCADsAk8DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3+iiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP//Z',
'data:image/png;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCADsAk8DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3+iiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP//Z',
numberPrintneed: 1, numberPrintneed: 1,
numberPrinted: 0
numberPrinted: 0,
// 打印锁，防止重复触发打印指令
isPrinting: false,
// 缓存打印列表，避免无效更新
cachedPrintList: [],
// 新增：标记单轮打印是否已发送过打印指令，避免重复发送
hasSentPrintCmd: false
} }
}, },
watch: { watch: {
printList: { printList: {
immediate: true, immediate: true,
handler(newVal) { handler(newVal) {
if (newVal && newVal.length > 0) {
this.jsonstring.labels = newVal
// 仅当printList真正变化时，才更新缓存和打印数据
if (newVal && newVal.length > 0 && JSON.stringify(newVal) !== JSON.stringify(this.cachedPrintList)) {
this.cachedPrintList = [...newVal]
this.jsonstring.labels = [...newVal]
this.numberPrintneed = newVal.length // 打印数量等于选中的档案盒数量 this.numberPrintneed = newVal.length // 打印数量等于选中的档案盒数量
} }
} }
@ -68,7 +76,9 @@ export default {
this.serverIP = ZMINConfig.ip this.serverIP = ZMINConfig.ip
this.serverPort = ZMINConfig.port this.serverPort = ZMINConfig.port
this.jsonstring.lsfFilePath = ZMINConfig.filePath this.jsonstring.lsfFilePath = ZMINConfig.filePath
this.jsonstring.labels = this.printList
// 初始化缓存打印列表
this.cachedPrintList = [...this.printList]
this.jsonstring.labels = [...this.printList]
console.log('this.jsonstring.labels', this.jsonstring.labels) console.log('this.jsonstring.labels', this.jsonstring.labels)
}, },
methods: { methods: {
@ -77,18 +87,6 @@ export default {
// 定义 WebSocket 服务器地址 // 定义 WebSocket 服务器地址
const wsserver = `ws://${this.serverIP}:${this.serverPort}/` const wsserver = `ws://${this.serverIP}:${this.serverPort}/`
// 检查浏览器是否支持 WebSocket
// if ('WebSocket' in window) {
// // 创建 WebSocket 连接
// this.wsocket = new WebSocket(wsserver)
// } else if ('MozWebSocket' in window) {
// // 兼容旧版 Firefox 浏览器
// this.wsocket = new MozWebSocket(wsserver)
// } else {
// // 如果浏览器不支持 WebSocket，显示错误消息
// this.$message.error('不支持当前浏览器！')
// return
// }
// 替换原来的浏览器兼容判断 // 替换原来的浏览器兼容判断
if ('WebSocket' in window) { if ('WebSocket' in window) {
this.wsocket = new WebSocket(wsserver) this.wsocket = new WebSocket(wsserver)
@ -107,12 +105,20 @@ export default {
this.wsocket.onclose = () => { this.wsocket.onclose = () => {
// 更新打印机状态为“与打印服务断开连接！” // 更新打印机状态为“与打印服务断开连接！”
this.printerstatus = '与打印服务断开连接！' this.printerstatus = '与打印服务断开连接！'
// 连接断开时重置所有状态
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
} }
// WebSocket 连接发生错误时的回调函数 // WebSocket 连接发生错误时的回调函数
this.wsocket.onerror = () => { this.wsocket.onerror = () => {
// 显示错误消息“数据传输错误，请检查打印服务是否已经运行！” // 显示错误消息“数据传输错误，请检查打印服务是否已经运行！”
this.$message.error('数据传输错误，请检查打印服务是否已经运行！') this.$message.error('数据传输错误，请检查打印服务是否已经运行！')
// 连接错误时重置所有状态
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
} }
// WebSocket 接收到消息时的回调函数 // WebSocket 接收到消息时的回调函数
@ -142,6 +148,10 @@ export default {
// 如果状态码不在预定义范围内，显示通用错误消息 // 如果状态码不在预定义范围内，显示通用错误消息
this.printerstatus = `打印机状态异常，错误代码：${printerstatus}` this.printerstatus = `打印机状态异常，错误代码：${printerstatus}`
this.$message.error(`打印机状态异常，错误代码：${printerstatus}`) this.$message.error(`打印机状态异常，错误代码：${printerstatus}`)
// 异常时重置所有状态
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
return return
} }
@ -149,25 +159,39 @@ export default {
this.printerstatus = `打印机状态异常：${statusmsg}` this.printerstatus = `打印机状态异常：${statusmsg}`
// 显示错误消息 // 显示错误消息
this.$message.error(`打印机状态异常：${statusmsg}`) this.$message.error(`打印机状态异常：${statusmsg}`)
// 异常时重置所有状态
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
return return
} else { } else {
// 如果状态码为 0，表示打印机正常 // 如果状态码为 0，表示打印机正常
if (this.numberPrinted < this.numberPrintneed) {
// 如果已打印数量小于需要打印的数量，继续打印
if (!this.hasSentPrintCmd) {
// 仅发送1次打印指令，避免重复发送
this.printlabel() this.printlabel()
this.hasSentPrintCmd = true
} else { } else {
// 如果已打印数量达到需要打印的数量，显示成功消息并重置计数
this.$message.success(`已打印完 ${this.numberPrinted} 张标签。`)
this.numberPrinted = 0
// 已发送过指令，不再重复发送，等待打印完成消息
this.printerstatus = '打印机就绪，等待打印完成...'
} }
} }
} else if (receivecontent.indexOf('打印完成') === 0) { } else if (receivecontent.indexOf('打印完成') === 0) {
// 如果消息以 "打印完成" 开头，表示一张标签打印完成
// 如果消息以 "打印完成" 开头，累加计数
this.numberPrinted++ this.numberPrinted++
// 更新打印机状态为已打印的数量
this.printerstatus = `${this.numberPrinted} 张标签打印完成。` this.printerstatus = `${this.numberPrinted} 张标签打印完成。`
// 如果已打印数量小于需要打印的数量，继续获取打印机状态
if (this.numberPrinted < this.numberPrintneed) { this.wsocket.send('ZM_GetPrinterStatus_USB|500') }
// 核心：当计数达到需要打印的数量时，直接结束本轮打印，忽略后续重复的“打印完成”消息
if (this.numberPrinted >= this.numberPrintneed) {
this.$message.success(`已打印完 ${this.numberPrintneed} 张标签（忽略后端重复回调）。`)
// 重置本轮打印状态
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
this.jsonstring.labels = [...this.cachedPrintList]
return // 停止后续逻辑，忽略多余的打印完成消息
}
// 计数未达标时，不再查询状态（避免触发额外打印）
} else if (receivecontent.indexOf('ZM_PrintLabel_Preview:') === 0) { } else if (receivecontent.indexOf('ZM_PrintLabel_Preview:') === 0) {
// 如果消息以 "ZM_PrintLabel_Preview:" 开头，表示标签预览完成 // 如果消息以 "ZM_PrintLabel_Preview:" 开头，表示标签预览完成
const imagebase64string = receivecontent.replace( const imagebase64string = receivecontent.replace(
@ -191,39 +215,91 @@ export default {
this.wsocket.close() this.wsocket.close()
this.wsocket = null this.wsocket = null
} }
// 连接时重置所有状态
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
this.connection() this.connection()
setTimeout(() => { setTimeout(() => {
// 获取打印机序列号
// 获取打印机序列号（先判断连接状态）
if (this.wsocket && this.wsocket.readyState === WebSocket.OPEN) {
this.wsocket.send('ZM_GetPrinterNameAndSN') this.wsocket.send('ZM_GetPrinterNameAndSN')
}
}, 500) }, 500)
}, },
// 打印标签按钮触发 // 打印标签按钮触发
printstart() { printstart() {
if (this.wsocket == null) {
this.$message.error('请先连接打印服务')
// 判断连接状态
if (this.wsocket == null || this.wsocket.readyState !== WebSocket.OPEN) {
this.$message.error('请先连接打印服务并确保连接正常')
return
}
// 判断是否有打印数据
if (this.cachedPrintList.length === 0) {
this.$message.warning('暂无需要打印的标签数据')
return
}
// 打印中时禁止重复触发
if (this.isPrinting) {
this.$message.warning('当前正在打印，请稍后再操作')
return return
} }
// 启动打印时重置本轮状态
this.isPrinting = true
this.hasSentPrintCmd = false
this.numberPrinted = 0 this.numberPrinted = 0
this.jsonstring.labels = [...this.cachedPrintList]
this.numberPrintneed = this.cachedPrintList.length
// 先查询打印机状态，准备发送打印指令
this.wsocket.send('ZM_GetPrinterStatus_USB|500') this.wsocket.send('ZM_GetPrinterStatus_USB|500')
}, },
// 标签打印 // 标签打印
printlabel() { printlabel() {
// 未加锁或已发送过指令时，不执行打印
if (!this.isPrinting || this.hasSentPrintCmd) return
this.jsonstring.Operate = 'print' this.jsonstring.Operate = 'print'
const newjsonstring = JSON.stringify(this.jsonstring) const newjsonstring = JSON.stringify(this.jsonstring)
console.log('标签打印newjsonstring', newjsonstring) console.log('标签打印newjsonstring', newjsonstring)
// 确保连接正常后发送指令
if (this.wsocket && this.wsocket.readyState === WebSocket.OPEN) {
this.wsocket.send(newjsonstring) this.wsocket.send(newjsonstring)
}
}, },
// 标签预览 // 标签预览
previewlabel() { previewlabel() {
// 判断连接状态
if (this.wsocket == null || this.wsocket.readyState !== WebSocket.OPEN) {
this.$message.error('请先连接打印服务并确保连接正常')
return
}
// 判断是否有预览数据
if (this.cachedPrintList.length === 0) {
this.$message.warning('暂无需要预览的标签数据')
return
}
this.jsonstring.Operate = 'preview' this.jsonstring.Operate = 'preview'
// 预览前确保标签数据是最新缓存的
this.jsonstring.labels = [...this.cachedPrintList]
const newjsonstring = JSON.stringify(this.jsonstring) const newjsonstring = JSON.stringify(this.jsonstring)
console.log('标签预览this.jsonstring', this.jsonstring) console.log('标签预览this.jsonstring', this.jsonstring)
console.log('标签预览newjsonstring', newjsonstring) console.log('标签预览newjsonstring', newjsonstring)
this.wsocket.send(newjsonstring) this.wsocket.send(newjsonstring)
} }
},
// 组件销毁前关闭WebSocket连接，防止内存泄漏
beforeUnmount() {
if (this.wsocket != null) {
this.wsocket.close()
this.wsocket = null
}
this.isPrinting = false
this.hasSentPrintCmd = false
this.numberPrinted = 0
} }
} }
</script> </script>

10
src/views/components/AccessDoor.vue
View File

@ -24,7 +24,8 @@
</template> </template>
<script> <script>
// import { accessDoor } from '@/api/home/accessDoor/accessDoor' // import { accessDoor } from '@/api/home/accessDoor/accessDoor'
import { FetchInitHikDoorLog } from '@/api/system/zkt'
// FetchInitHikDoorLog,
import { FetchInitRealTimeHikDoorLog } from '@/api/system/zkt'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
export default { export default {
name: 'AccessDoor', name: 'AccessDoor',
@ -135,11 +136,12 @@ export default {
} }
}, },
getAccessdoor() { getAccessdoor() {
FetchInitHikDoorLog({ page: 0, size: this.size }).then((data) => {
// page: 0,
FetchInitRealTimeHikDoorLog({ size: this.size }).then((data) => {
this.tableData = [] this.tableData = []
if (data.content && data.content.length > 0) {
if (data && data.length > 0) {
// this.tableData.splice(0, data.content.length, ...data.content) // this.tableData.splice(0, data.content.length, ...data.content)
this.tableData = data.content
this.tableData = data
} else { } else {
this.tableData = [] this.tableData = []
} }

Write Preview
Loading…
Cancel
Save