Browse Source

字段管理-维护验证码接口修改

master
z_yu 3 years ago
parent
commit
9704fe7c9f
  1. 12
      src/api/archivesConfig/field.js
  2. 33
      src/views/archivesConfig/commonFields/index.vue
  3. 60
      src/views/archivesConfig/electronicFields/index.vue
  4. 80
      src/views/archivesConfig/electronicFields/module/form.vue
  5. 60
      src/views/archivesConfig/systemFields/index.vue
  6. 80
      src/views/archivesConfig/systemFields/module/form.vue

12
src/api/archivesConfig/field.js

@ -23,4 +23,14 @@ export function edit(data) {
})
}
export default { add, edit }
export function verifyMaintenance(passWord) {
const params = {
passWord
}
return request({
url: 'api/field/verifyMaintenance',
method: 'get',
params
})
}
export default { add, edit, verifyMaintenance }

33
src/views/archivesConfig/commonFields/index.vue

@ -48,8 +48,9 @@
</template>
<script>
import crudFields from '@/api/archivesConfig/field'
import { add, edit, verifyMaintenance } from '@/api/archivesConfig/field'
import eForm from './module/form'
import { encrypt } from '@/utils/rsaEncrypt'
import CRUD, { presenter } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
@ -60,7 +61,7 @@ export default {
return CRUD({
title: '常用字段',
url: 'api/field/findGroupType',
crudMethod: { ...crudFields },
crudMethod: { add, edit },
optShow: {
add: true,
edit: true,
@ -99,20 +100,22 @@ export default {
}
},
handleConfirm() {
if (this.form.verifyCode === '123') {
//
this.verifyDialogVisible = false
this.form.verifyCode = ''
this.showVerifyDialog = false
if (this.btn === 'add') {
this.crud.toAdd()
} else if (this.btn === 'edit') {
this.crud.toEdit(this.crud.selections[0])
verifyMaintenance(encrypt(this.form.verifyCode)).then((res) => {
if (res) {
//
this.verifyDialogVisible = false
this.form.verifyCode = ''
this.showVerifyDialog = false
if (this.btn === 'add') {
this.crud.toAdd()
} else if (this.btn === 'edit') {
this.crud.toEdit(this.crud.selections[0])
}
this.showVerifyDialog = true
} else {
this.$message.error('验证码错误!')
}
this.showVerifyDialog = true
} else {
this.$message.error('验证码错误!')
}
})
},
handleClose(done) {
this.form.verifyCode = ''

60
src/views/archivesConfig/electronicFields/index.vue

@ -10,57 +10,58 @@
<el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" height="calc(100vh - 290px)" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="field_cn_name" label="中文名称" />
<el-table-column prop="field_name" label="字段标识" />
<el-table-column prop="fieldCnName" label="中文名称" />
<el-table-column prop="fieldName" label="字段标识" />
<el-table-column label="数据类型">
<template slot-scope="scope">
<span v-if="scope.row.is_data_type === 1">字符</span>
<span v-if="scope.row.is_data_type === 2">数字</span>
<span v-if="scope.row.isDataType === 1">字符</span>
<span v-if="scope.row.isDataType === 2">数字</span>
</template>
</el-table-column>
<el-table-column prop="is_column_length" label="字段长度" />
<el-table-column prop="isColumnLength" label="字段长度" />
<el-table-column label="默认值">
<template slot-scope="scope">
<span v-if="scope.row.is_default_value === ''">-</span>
<span v-else>{{ scope.row.is_default_value }}</span>
<span v-if="scope.row.isDefaultValue === ''">-</span>
<span v-else>{{ scope.row.isDefaultValue }}</span>
</template>
</el-table-column>
</el-table>
<!--表单渲染-->
<eForm />
<el-dialog title="关键提示" :visible.sync="verifyDialogVisible" width="35%" :before-close="handleClose">
<el-dialog title="关键提示" :visible.sync="verifyDialogVisible" :before-close="handleClose">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<p><span>这里为技术人员维护系统时使用用户无需设置</span></p>
<p><span style="color:#fff;">这里为技术人员维护系统时使用用户无需设置</span></p>
<p><span style="color:red;">注意强行修改会导致系统数据异常或丢失如因用户强行修改本系统不负责因此导致的相关后果</span></p>
<el-form :model="form">
<el-form-item label="技术维护验证码" :label-width="formLabelWidth">
<el-input v-model="form.verifyCode" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click.native="handleConfirm">确定验证</el-button>
</span>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import crudFields from '@/api/archivesConfig/field'
import { add, edit, verifyMaintenance } from '@/api/archivesConfig/field'
import eForm from './module/form'
import { encrypt } from '@/utils/rsaEncrypt'
import CRUD, { presenter } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
export default {
name: 'CommonFields',
name: 'ElectronicFields',
components: { eForm, crudOperation },
cruds() {
return CRUD({
title: '电子文件字段',
url: 'api/field/findGroupType',
crudMethod: { ...crudFields },
crudMethod: { add, edit },
optShow: {
add: true,
edit: true,
@ -69,7 +70,7 @@ export default {
group: false
},
query: {
is_type: 3
isType: 3
}
})
},
@ -91,7 +92,6 @@ export default {
},
methods: {
[CRUD.HOOK.beforeToCU](crud, form, btn) {
console.log(btn)
if (this.showVerifyDialog) {
//
this.verifyDialogVisible = true
@ -100,20 +100,22 @@ export default {
}
},
handleConfirm() {
if (this.form.verifyCode === '123') {
//
this.verifyDialogVisible = false
this.form.verifyCode = ''
this.showVerifyDialog = false
if (this.btn === 'add') {
this.crud.toAdd()
} else if (this.btn === 'edit') {
this.crud.toEdit(this.crud.selections[0])
verifyMaintenance(encrypt(this.form.verifyCode)).then((res) => {
if (res) {
//
this.verifyDialogVisible = false
this.form.verifyCode = ''
this.showVerifyDialog = false
if (this.btn === 'add') {
this.crud.toAdd()
} else if (this.btn === 'edit') {
this.crud.toEdit(this.crud.selections[0])
}
this.showVerifyDialog = true
} else {
this.$message.error('验证码错误!')
}
this.showVerifyDialog = true
} else {
this.$message.error('验证码错误!')
}
})
},
handleClose(done) {
this.form.verifyCode = ''

80
src/views/archivesConfig/electronicFields/module/form.vue

@ -1,31 +1,35 @@
<template>
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="中文名称" prop="field_cn_name">
<el-input v-model="form.field_cn_name" style="width: 370px;" />
</el-form-item>
<el-form-item label="字段标识" prop="field_name">
<el-input v-model="form.field_name" style="width: 370px;" />
</el-form-item>
<el-form-item label="数据类型" prop="is_data_type">
<el-select v-model="form.is_data_type" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段长度" prop="is_column_length">
<el-input-number v-model="form.is_column_length" controls-position="right" style="width: 370px;" />
</el-form-item>
<el-form-item label="默认值" prop="is_default_value">
<el-input v-model="form.is_default_value" style="width: 370px;" />
</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>
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="中文名称" prop="fieldCnName">
<el-input v-model="form.fieldCnName" style="width: 370px;" />
</el-form-item>
<el-form-item label="字段标识" prop="fieldName">
<el-input v-model="form.fieldName" style="width: 370px;" />
</el-form-item>
<el-form-item label="数据类型" prop="isDataType">
<el-select v-model="form.isDataType" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段长度" prop="isColumnLength">
<el-input-number v-model="form.isColumnLength" controls-position="right" style="width: 370px;" />
</el-form-item>
<el-form-item label="默认值" prop="isDefaultValue">
<el-input v-model="form.isDefaultValue" style="width: 370px;" />
</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>
@ -35,11 +39,11 @@ import { form } from '@crud/crud'
const defaultForm = {
id: null,
field_cn_name: '',
field_name: '',
is_data_type: 1,
is_column_length: 100,
is_default_value: ''
fieldCnName: '',
fieldName: '',
isDataType: 1,
isColumnLength: 100,
isDefaultValue: ''
}
export default {
mixins: [form(defaultForm)],
@ -48,9 +52,9 @@ export default {
if (!Number.isInteger(value) || value <= 0) {
callback(new Error('请输入正整数数字值'))
} else {
if (this.form.is_data_type === 1 && value > 2000) {
if (this.form.isDataType === 1 && value > 2000) {
callback(new Error('字符最大长度不能超过2000位'))
} else if (this.form.is_data_type === 2 && value > 11) {
} else if (this.form.isDataType === 2 && value > 11) {
callback(new Error('数字最大长度不能超过11位'))
} else {
callback()
@ -59,16 +63,16 @@ export default {
}
return {
rules: {
field_cn_name: [
fieldCnName: [
{ required: true, message: '请输入中文名称', trigger: 'blur' }
],
field_name: [
fieldName: [
{ required: true, message: '请输入字段标识', trigger: 'blur' }
],
is_data_type: [
isDataType: [
{ required: true, message: '请选择数据类型', trigger: 'blur' }
],
is_column_length: [
isColumnLength: [
{ validator: checkMaxLength, trigger: 'blur' }
]
},

60
src/views/archivesConfig/systemFields/index.vue

@ -10,57 +10,58 @@
<el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" height="calc(100vh - 290px)" @selection-change="selectionChangeHandler" @row-click="clickRowHandler">
<el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="55" />
<el-table-column prop="field_cn_name" label="中文名称" />
<el-table-column prop="field_name" label="字段标识" />
<el-table-column prop="fieldCnName" label="中文名称" />
<el-table-column prop="fieldName" label="字段标识" />
<el-table-column label="数据类型">
<template slot-scope="scope">
<span v-if="scope.row.is_data_type === 1">字符</span>
<span v-if="scope.row.is_data_type === 2">数字</span>
<span v-if="scope.row.isDataType === 1">字符</span>
<span v-if="scope.row.isDataType === 2">数字</span>
</template>
</el-table-column>
<el-table-column prop="is_column_length" label="字段长度" />
<el-table-column prop="isColumnLength" label="字段长度" />
<el-table-column label="默认值">
<template slot-scope="scope">
<span v-if="scope.row.is_default_value === ''">-</span>
<span v-else>{{ scope.row.is_default_value }}</span>
<span v-if="scope.row.isDefaultValue === ''">-</span>
<span v-else>{{ scope.row.isDefaultValue }}</span>
</template>
</el-table-column>
</el-table>
<!--表单渲染-->
<eForm />
<el-dialog title="关键提示" :visible.sync="verifyDialogVisible" width="35%" :before-close="handleClose">
<el-dialog title="关键提示" :visible.sync="verifyDialogVisible" :before-close="handleClose">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<p><span>这里为技术人员维护系统时使用用户无需设置</span></p>
<p><span style="color:#fff;">这里为技术人员维护系统时使用用户无需设置</span></p>
<p><span style="color:red;">注意强行修改会导致系统数据异常或丢失如因用户强行修改本系统不负责因此导致的相关后果</span></p>
<el-form :model="form">
<el-form-item label="技术维护验证码" :label-width="formLabelWidth">
<el-input v-model="form.verifyCode" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click.native="handleConfirm">确定验证</el-button>
</span>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import crudFields from '@/api/archivesConfig/field'
import { add, edit, verifyMaintenance } from '@/api/archivesConfig/field'
import eForm from './module/form'
import { encrypt } from '@/utils/rsaEncrypt'
import CRUD, { presenter } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
export default {
name: 'CommonFields',
name: 'SystemFields',
components: { eForm, crudOperation },
cruds() {
return CRUD({
title: '系统字段',
url: 'api/field/findGroupType',
crudMethod: { ...crudFields },
crudMethod: { add, edit },
optShow: {
add: true,
edit: true,
@ -69,7 +70,7 @@ export default {
group: false
},
query: {
is_type: 1
isType: 1
}
})
},
@ -91,7 +92,6 @@ export default {
},
methods: {
[CRUD.HOOK.beforeToCU](crud, form, btn) {
console.log(btn)
if (this.showVerifyDialog) {
//
this.verifyDialogVisible = true
@ -100,20 +100,22 @@ export default {
}
},
handleConfirm() {
if (this.form.verifyCode === '123') {
//
this.verifyDialogVisible = false
this.form.verifyCode = ''
this.showVerifyDialog = false
if (this.btn === 'add') {
this.crud.toAdd()
} else if (this.btn === 'edit') {
this.crud.toEdit(this.crud.selections[0])
verifyMaintenance(encrypt(this.form.verifyCode)).then((res) => {
if (res) {
//
this.verifyDialogVisible = false
this.form.verifyCode = ''
this.showVerifyDialog = false
if (this.btn === 'add') {
this.crud.toAdd()
} else if (this.btn === 'edit') {
this.crud.toEdit(this.crud.selections[0])
}
this.showVerifyDialog = true
} else {
this.$message.error('验证码错误!')
}
this.showVerifyDialog = true
} else {
this.$message.error('验证码错误!')
}
})
},
handleClose(done) {
this.form.verifyCode = ''

80
src/views/archivesConfig/systemFields/module/form.vue

@ -1,31 +1,35 @@
<template>
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="中文名称" prop="field_cn_name">
<el-input v-model="form.field_cn_name" style="width: 370px;" />
</el-form-item>
<el-form-item label="字段标识" prop="field_name">
<el-input v-model="form.field_name" style="width: 370px;" />
</el-form-item>
<el-form-item label="数据类型" prop="is_data_type">
<el-select v-model="form.is_data_type" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段长度" prop="is_column_length">
<el-input-number v-model="form.is_column_length" controls-position="right" style="width: 370px;" />
</el-form-item>
<el-form-item label="默认值" prop="is_default_value">
<el-input v-model="form.is_default_value" style="width: 370px;" />
</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>
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title">
<span class="dialog-right-top" />
<span class="dialog-left-bottom" />
<div class="setting-dialog">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="中文名称" prop="fieldCnName">
<el-input v-model="form.fieldCnName" style="width: 370px;" />
</el-form-item>
<el-form-item label="字段标识" prop="fieldName">
<el-input v-model="form.fieldName" style="width: 370px;" />
</el-form-item>
<el-form-item label="数据类型" prop="isDataType">
<el-select v-model="form.isDataType" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="字段长度" prop="isColumnLength">
<el-input-number v-model="form.isColumnLength" controls-position="right" style="width: 370px;" />
</el-form-item>
<el-form-item label="默认值" prop="isDefaultValue">
<el-input v-model="form.isDefaultValue" style="width: 370px;" />
</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>
@ -35,11 +39,11 @@ import { form } from '@crud/crud'
const defaultForm = {
id: null,
field_cn_name: '',
field_name: '',
is_data_type: 1,
is_column_length: 100,
is_default_value: ''
fieldCnName: '',
fieldName: '',
isDataType: 1,
isColumnLength: 100,
isDefaultValue: ''
}
export default {
mixins: [form(defaultForm)],
@ -48,9 +52,9 @@ export default {
if (!Number.isInteger(value) || value <= 0) {
callback(new Error('请输入正整数数字值'))
} else {
if (this.form.is_data_type === 1 && value > 2000) {
if (this.form.isDataType === 1 && value > 2000) {
callback(new Error('字符最大长度不能超过2000位'))
} else if (this.form.is_data_type === 2 && value > 11) {
} else if (this.form.isDataType === 2 && value > 11) {
callback(new Error('数字最大长度不能超过11位'))
} else {
callback()
@ -59,16 +63,16 @@ export default {
}
return {
rules: {
field_cn_name: [
fieldCnName: [
{ required: true, message: '请输入中文名称', trigger: 'blur' }
],
field_name: [
fieldName: [
{ required: true, message: '请输入字段标识', trigger: 'blur' }
],
is_data_type: [
isDataType: [
{ required: true, message: '请选择数据类型', trigger: 'blur' }
],
is_column_length: [
isColumnLength: [
{ validator: checkMaxLength, trigger: 'blur' }
]
},

Loading…
Cancel
Save