4 changed files with 424 additions and 6 deletions
-
13src/api/system/param.js
-
2src/views/home.vue
-
262src/views/visualCheck/checkManage/bookshelfSearch/index.vue
-
153src/views/visualCheck/checkManage/paramSetting/index.vue
@ -0,0 +1,13 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function verifyMaintenance(code) { |
||||
|
const params = { |
||||
|
code |
||||
|
} |
||||
|
return request({ |
||||
|
url: 'api/dictionary/maintenanceVerification', |
||||
|
method: 'get', |
||||
|
params |
||||
|
}) |
||||
|
} |
||||
|
export default { verifyMaintenance } |
||||
@ -0,0 +1,153 @@ |
|||||
|
<template> |
||||
|
<div class="app-container row-container"> |
||||
|
<div class="container-wrap"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<el-form ref="form" :rules="rules" :model="form" size="small" label-width="120px" style="display: flex; justify-content: flex-start;"> |
||||
|
<el-form-item label="AI处理终端IP" prop="ip"> |
||||
|
<el-input v-model="form.ip" placeholder="请输入IP地址，如：192.168.1.1" style="width: 300px;" /> |
||||
|
</el-form-item> |
||||
|
<p style="line-height: 32px; margin-left: 20px; font-size: 12px;">设置成功后，方可执行视觉盘点任务（该参数设置需要超级管理员权限授权）</p> |
||||
|
</el-form> |
||||
|
<el-button style="margin-left: 30px;" :loading="crud.status.cu === 2" type="primary" @click="toVerify">保存</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-dialog class="tip-dialog tip-middle-dialog" title="操作提示" :close-on-click-modal="false" :modal-append-to-body="false" append-to-body :visible.sync="verifyDialogVisible" :before-close="handleClose"> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="tip-content"> |
||||
|
<p class="tipMsg">这里为技术人员维护系统时使用，普通用户无需设置</p> |
||||
|
<p class="delt-tip"><span>注意：强行修改会导致系统数据异常或丢失！如因用户强行修改，本系统不负责因此导致的相关后果！</span></p> |
||||
|
</div> |
||||
|
<el-form ref="verfiyForm" :model="verfiyForm" style="margin-top:30px;" @submit.native.prevent> |
||||
|
<el-form-item label="维护验证码" label-width="110px"> |
||||
|
<el-input v-model="verfiyForm.verifyCode" show-password style="width: 480px;" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="handleClose">取消 </el-button> |
||||
|
<el-button type="primary" @click.native="handleConfirm">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { encrypt } from '@/utils/rsaEncrypt' |
||||
|
import crudParam, { verifyMaintenance } from '@/api/system/param' |
||||
|
import CRUD, { presenter, header, form, crud } from '@crud/crud' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
const defaultForm = { id: null, ip: '' } |
||||
|
|
||||
|
export default { |
||||
|
name: 'ParamSetting', |
||||
|
components: { }, |
||||
|
cruds() { |
||||
|
return CRUD({ |
||||
|
title: '参数设置', |
||||
|
url: 'api/database/databaseList', |
||||
|
crudMethod: { ...crudParam }, |
||||
|
sort: [], |
||||
|
optShow: { |
||||
|
add: true, |
||||
|
edit: false, |
||||
|
del: false, |
||||
|
download: false, |
||||
|
group: false, |
||||
|
reset: false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
mixins: [presenter(), header(), form(defaultForm), crud()], |
||||
|
data() { |
||||
|
return { |
||||
|
permission: { |
||||
|
add: ['admin', 'paramSetting:add'], |
||||
|
edit: ['admin', 'paramSetting:edit'], |
||||
|
del: ['admin', 'paramSetting:del'] |
||||
|
}, |
||||
|
verifyDialogVisible: false, |
||||
|
verfiyForm: { |
||||
|
verifyCode: '' |
||||
|
}, |
||||
|
showVerifyDialog: true, |
||||
|
rules: { |
||||
|
ip: [ |
||||
|
{ required: true, message: 'AI处理终端IP不可为空', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'baseApi' |
||||
|
]) |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
methods: { |
||||
|
[CRUD.HOOK.beforeToCU](crud, form, btn) { |
||||
|
if (this.showVerifyDialog) { |
||||
|
// 打开输入验证码对话框 |
||||
|
this.verifyDialogVisible = true |
||||
|
return false |
||||
|
} |
||||
|
}, |
||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||
|
}, |
||||
|
// 提交前的验证 |
||||
|
[CRUD.HOOK.afterValidateCU](crud) { |
||||
|
console.log(crud.form) |
||||
|
return true |
||||
|
}, |
||||
|
toVerify(btn) { |
||||
|
if (this.form.ip) { |
||||
|
if (this.showVerifyDialog) { |
||||
|
// 打开输入验证码对话框 |
||||
|
this.verifyDialogVisible = true |
||||
|
return false |
||||
|
} |
||||
|
} else { |
||||
|
this.$refs.form.validateField(['ip'], err => { |
||||
|
console.log('err', err) |
||||
|
if (err) { |
||||
|
return |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
handleConfirm() { |
||||
|
verifyMaintenance(encrypt(this.verfiyForm.verifyCode)).then((res) => { |
||||
|
if (res) { |
||||
|
// 关闭输入验证码对话框 |
||||
|
this.verifyDialogVisible = false |
||||
|
this.verfiyForm.verifyCode = '' |
||||
|
this.showVerifyDialog = false |
||||
|
// this.crud.form.ip |
||||
|
// crudSql.FetchBackupName().then((data) => { |
||||
|
// console.log('data',data) |
||||
|
// }).catch(err => { |
||||
|
// console.log(err) |
||||
|
// }) |
||||
|
} else { |
||||
|
this.$message({ message: '验证码错误！', type: 'error', offset: 8 }) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleClose() { |
||||
|
if (this.$refs.verfiyForm) { |
||||
|
this.verfiyForm.verifyCode = '' |
||||
|
this.$refs.verfiyForm.resetFields() |
||||
|
this.verifyDialogVisible = false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep div.el-dialog__footer { |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue