新增控制台界面与相关资源，修复激活命令误判失败，并兼容 package 版本与 CardsoonServer 打包路径。
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
24kycj
@@ -0,0 +1,445 @@
|
||||
<template>
|
||||
<div class="console-app">
|
||||
<console-shell
|
||||
:preview-mode="previewMode"
|
||||
:demo-mode="isStaticView"
|
||||
:user-name="displayName"
|
||||
:task-num="taskNum"
|
||||
:work-status="workStatus"
|
||||
:has-run-cmd="hasRunCmd"
|
||||
:is-connect="isConnect"
|
||||
:service-status="serviceStatus"
|
||||
:printer-info="printer_info"
|
||||
:run-text="runText"
|
||||
:tag-variant="tagVariant"
|
||||
:tag-label="tagLabel"
|
||||
:loading="pageLoading"
|
||||
:run-list="runList"
|
||||
:current-run-val="currentRunVal"
|
||||
:sure-text="sureText"
|
||||
:change-c-d="changeCD"
|
||||
:cd-type-options="cdTypeOptions"
|
||||
:cd-list="cd_list"
|
||||
:CDStatus="CDStatus"
|
||||
:CDName="CDName"
|
||||
:CDTypes="CDTypes"
|
||||
:diskTypes="diskTypes"
|
||||
:task-list="task_list"
|
||||
:log-list="displayLogs"
|
||||
:show-all-logs="showAll"
|
||||
@open-work="onOpenWork"
|
||||
@go-settings="onGoSettings"
|
||||
@activate="onActivate"
|
||||
@user-command="onUserCommand"
|
||||
@new-work="onNewWork"
|
||||
@maintain="onMaintain"
|
||||
@command-cd="onCommandCd"
|
||||
@confirm-cd="onConfirmCd"
|
||||
@cancel-cd="onCancelCd"
|
||||
@refresh="onRefresh"
|
||||
@retry="onRetry"
|
||||
@cancel-task="onCancel"
|
||||
@toggle-logs="onToggleLogs"
|
||||
@help="onHelp"
|
||||
@about="aboutVisible = true"
|
||||
/>
|
||||
<work-add-modal-v2
|
||||
v-if="workShow"
|
||||
ref="workAdd"
|
||||
:preview-mode="isStaticView"
|
||||
:is-new="isNew"
|
||||
:save-work-list="saveWorkList"
|
||||
@close="onWorkClose"
|
||||
/>
|
||||
<el-dialog title="关于 DiscWorker" :visible.sync="aboutVisible" width="400px">
|
||||
<div class="about-box">
|
||||
<div>国产光盘打印刻录系统 DiscWorker</div>
|
||||
<div>版本 1.0</div>
|
||||
<div>© 2023 cardsoon Co., Ltd.</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<div v-if="serviceLoading" class="console-service-loading">
|
||||
<i class="el-icon-loading" /> {{ serviceText }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import '@/styles/console/index.scss'
|
||||
import { mapGetters } from 'vuex'
|
||||
import platform from '@/platform'
|
||||
import ConsoleShell from '@/components/console/layout/ConsoleShell.vue'
|
||||
import WorkAddModalV2 from '@/components/console/work/WorkAddModalV2.vue'
|
||||
import { getConsoleMock, MOCK_PRINTER_STATUS } from '@/mock/console.mock'
|
||||
import { transformTaskList } from '@/utils/console/taskListTransform'
|
||||
import { getRunText, getDeviceTagVariant, getDeviceTagLabel } from '@/utils/console/printerStatus'
|
||||
import { applyPrinterInfoSideEffects } from '@/utils/console/printerWatch'
|
||||
import {
|
||||
serviceChange,
|
||||
startService,
|
||||
handleActive as activateDevice,
|
||||
openWork,
|
||||
showWork,
|
||||
workRetry,
|
||||
workCancel,
|
||||
handleRun,
|
||||
handleCommandCD,
|
||||
sureCD,
|
||||
cancleCD,
|
||||
noticeChange,
|
||||
goSet,
|
||||
goOut,
|
||||
help,
|
||||
getChangeCDDefault
|
||||
} from '@/utils/console/consoleActions'
|
||||
|
||||
export default {
|
||||
name: 'ConsolePage',
|
||||
components: { ConsoleShell, WorkAddModalV2 },
|
||||
props: {
|
||||
previewMode: { type: Boolean, default: false },
|
||||
designMode: { type: Boolean, default: false }
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
aboutVisible: false,
|
||||
taskNum: [0, 0, 0],
|
||||
task_list: [],
|
||||
printer_info: {},
|
||||
cd_list: [],
|
||||
logList: [],
|
||||
previewAllLogs: [],
|
||||
showAll: false,
|
||||
workShow: false,
|
||||
isNew: true,
|
||||
saveWorkList: {},
|
||||
is_set_cddev: false,
|
||||
runList: [],
|
||||
runVal: '',
|
||||
currentRunVal: 0,
|
||||
sureText: '请设置左右光盘桶类型并按确定键',
|
||||
default_cd: [],
|
||||
changeCD: getChangeCDDefault(),
|
||||
CDTypes: {},
|
||||
CDStatus: {},
|
||||
CDName: {},
|
||||
diskTypes: {},
|
||||
isConnect: false,
|
||||
serviceStatus: false,
|
||||
serviceLoading: false,
|
||||
serviceText: '服务关闭中',
|
||||
pageLoading: true,
|
||||
mockUserName: 'Admin'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['name']),
|
||||
isStaticView() {
|
||||
return this.previewMode || this.designMode
|
||||
},
|
||||
displayName() {
|
||||
return this.isStaticView ? this.mockUserName : this.name
|
||||
},
|
||||
workStatus() {
|
||||
return this.isConnect && this.serviceStatus
|
||||
},
|
||||
hasRunCmd() {
|
||||
return platform.hasRunCmd && platform.hasRunCmd()
|
||||
},
|
||||
runText() {
|
||||
return getRunText({
|
||||
printer_info: this.printer_info,
|
||||
isConnect: this.isConnect,
|
||||
serviceStatus: this.serviceStatus,
|
||||
PrinterStatus: this.isStaticView ? MOCK_PRINTER_STATUS : this.$store.state.chat.PrinterStatus
|
||||
})
|
||||
},
|
||||
tagVariant() {
|
||||
return getDeviceTagVariant({
|
||||
printer_info: this.printer_info,
|
||||
isConnect: this.isConnect,
|
||||
serviceStatus: this.serviceStatus
|
||||
})
|
||||
},
|
||||
tagLabel() {
|
||||
return getDeviceTagLabel({
|
||||
printer_info: this.printer_info,
|
||||
isConnect: this.isConnect,
|
||||
serviceStatus: this.serviceStatus,
|
||||
PrinterStatus: this.isStaticView ? MOCK_PRINTER_STATUS : this.$store.state.chat.PrinterStatus
|
||||
})
|
||||
},
|
||||
cdTypeOptions() {
|
||||
return Object.keys(this.CDTypes).map((key) => ({
|
||||
value: parseInt(key, 10),
|
||||
label: this.CDTypes[key]
|
||||
}))
|
||||
},
|
||||
displayLogs() {
|
||||
if (this.isStaticView) {
|
||||
return this.showAll ? this.previewAllLogs : this.logList
|
||||
}
|
||||
return this.showAll ? this.$store.state.chat.allLogList : this.logList
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'$store.state.chat.firstConnect': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
if (val && this.$store.state.user.oneLogin) {
|
||||
this.$store.dispatch('setDatas', { name: 'oneLogin', data: false })
|
||||
this.$store.dispatch('chat/setDatas', { name: 'firstConnect', data: false })
|
||||
startService(this)
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.task_list': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
const { list, taskNum } = transformTaskList(val, this.$store.state.chat.CDTypes, this.$accAdd)
|
||||
this.task_list = list
|
||||
this.taskNum = taskNum
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.printer_info': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.printer_info = { ...val }
|
||||
const fx = applyPrinterInfoSideEffects(val, {
|
||||
currentRunVal: this.currentRunVal,
|
||||
is_set_cddev_flag: this.is_set_cddev
|
||||
})
|
||||
this.runList = fx.runList
|
||||
if (fx.changeCDStrongList) {
|
||||
this.changeCD.req_info.strong_list = fx.changeCDStrongList
|
||||
this.default_cd = JSON.parse(JSON.stringify(fx.changeCDStrongList))
|
||||
}
|
||||
if (fx.shouldRedirectCddev) {
|
||||
this.is_set_cddev = true
|
||||
goSet(this, '/manage?type=cddev')
|
||||
}
|
||||
this.pageLoading = false
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.cd_list': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.cd_list = [...val]
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.logList': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.logList = [...val]
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.CDTypes': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.CDTypes = { ...val }
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.CDStatus': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.CDStatus = { ...val }
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.CDName': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.CDName = { ...val }
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.diskTypes': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.diskTypes = { ...val }
|
||||
},
|
||||
deep: true,
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.isConnect': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.isConnect = val
|
||||
if (val) this.pageLoading = false
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
'$store.state.chat.serviceStatus': {
|
||||
handler(val) {
|
||||
if (this.isStaticView) return
|
||||
this.serviceStatus = val
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.isStaticView) {
|
||||
this.applyMock()
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (!this.isStaticView) {
|
||||
setTimeout(() => {
|
||||
this.pageLoading = false
|
||||
}, 3000)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
applyMock() {
|
||||
const mock = getConsoleMock()
|
||||
this.taskNum = mock.taskNum
|
||||
this.task_list = mock.task_list
|
||||
this.printer_info = mock.printer_info
|
||||
this.cd_list = mock.cd_list
|
||||
this.logList = mock.logList
|
||||
this.previewAllLogs = [...mock.logList, ...(mock.allLogList || [])]
|
||||
this.isConnect = mock.isConnect
|
||||
this.serviceStatus = mock.serviceStatus
|
||||
this.CDTypes = { ...(mock.CDTypes || {}) }
|
||||
this.CDStatus = { ...(mock.CDStatus || {}) }
|
||||
this.CDName = { ...(mock.CDName || {}) }
|
||||
this.diskTypes = { ...(mock.diskTypes || {}) }
|
||||
this.changeCD = getChangeCDDefault()
|
||||
this.default_cd = JSON.parse(JSON.stringify(this.changeCD.req_info.strong_list))
|
||||
this.runList = [
|
||||
{ value: 1, label: '重启设备' },
|
||||
{ value: 2, label: '清除错误' },
|
||||
{ value: 6, label: '设置光盘桶' },
|
||||
{ value: 7, label: '刷新光盘桶' }
|
||||
]
|
||||
this.pageLoading = false
|
||||
},
|
||||
onGoSettings() {
|
||||
goSet(this, '/manage')
|
||||
},
|
||||
onOpenWork() {
|
||||
if (this.isStaticView) {
|
||||
this.$message.info('设计模式：打开文件 UI 待接入')
|
||||
return
|
||||
}
|
||||
openWork(this, platform)
|
||||
},
|
||||
onNewWork() {
|
||||
if (this.isStaticView) {
|
||||
this.workShow = true
|
||||
this.$nextTick(() => this.$refs.workAdd.show())
|
||||
return
|
||||
}
|
||||
showWork(this)
|
||||
},
|
||||
onActivate() {
|
||||
if (this.isStaticView) return
|
||||
activateDevice(this)
|
||||
},
|
||||
onUserCommand(cmd) {
|
||||
if (cmd === 'toggle-service') {
|
||||
if (this.isStaticView) {
|
||||
this.$message.info('设计模式：暂不连接服务')
|
||||
return
|
||||
}
|
||||
serviceChange(this, !this.workStatus)
|
||||
} else if (cmd === 'legacy') {
|
||||
this.$router.push('/')
|
||||
} else if (cmd === 'logout') {
|
||||
goOut(this)
|
||||
}
|
||||
},
|
||||
onMaintain(runVal) {
|
||||
if (this.isStaticView) {
|
||||
if (parseInt(runVal, 10) === 6) {
|
||||
this.currentRunVal = 6
|
||||
} else {
|
||||
this.$message.info('设计模式')
|
||||
}
|
||||
return
|
||||
}
|
||||
this.runVal = runVal
|
||||
handleRun(this, runVal)
|
||||
},
|
||||
onCommandCd(e, type) {
|
||||
handleCommandCD(this, e, type)
|
||||
},
|
||||
onConfirmCd() {
|
||||
if (this.isStaticView) {
|
||||
this.currentRunVal = 0
|
||||
this.$message.info('设计模式')
|
||||
return
|
||||
}
|
||||
sureCD(this)
|
||||
},
|
||||
onCancelCd() {
|
||||
if (this.isStaticView) {
|
||||
this.currentRunVal = 0
|
||||
this.changeCD.req_info.strong_list = JSON.parse(JSON.stringify(this.default_cd))
|
||||
return
|
||||
}
|
||||
cancleCD(this)
|
||||
},
|
||||
onRefresh() {
|
||||
if (this.isStaticView) {
|
||||
this.applyMock()
|
||||
return
|
||||
}
|
||||
this.$store.dispatch('chat/initWebSocket')
|
||||
},
|
||||
onRetry(row) {
|
||||
if (this.isStaticView) return
|
||||
workRetry(this, row)
|
||||
},
|
||||
onCancel(row) {
|
||||
if (this.isStaticView) return
|
||||
workCancel(this, row)
|
||||
},
|
||||
onToggleLogs() {
|
||||
if (this.isStaticView) {
|
||||
this.showAll = !this.showAll
|
||||
return
|
||||
}
|
||||
noticeChange(this)
|
||||
},
|
||||
onHelp() {
|
||||
help()
|
||||
},
|
||||
onWorkClose() {
|
||||
this.workShow = false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.about-box {
|
||||
line-height: 1.8;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.console-service-loading {
|
||||
position: fixed;
|
||||
bottom: 40px;
|
||||
right: 20px;
|
||||
background: rgba(17, 24, 39, 0.88);
|
||||
color: #fff;
|
||||
padding: 10px 16px;
|
||||
border-radius: var(--dw-radius-sm);
|
||||
font-size: 13px;
|
||||
z-index: 2500;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user