fix: 修改原型白名单的部分,修改跳转方式
This commit is contained in:
parent
1d276d5862
commit
0e1238636a
@ -266,6 +266,21 @@ export const dynamicRoutes = [
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
path: '/build/whiteList',
|
||||||
|
component: Layout,
|
||||||
|
hidden: true,
|
||||||
|
permissions: ['build:whiteListManagement:equepDetail'],
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: 'equepDetail',
|
||||||
|
component: () => import('@/views/FDS/whiteListManagement/equepDetail'),
|
||||||
|
name: 'WhiteListManagementEquepDetail',
|
||||||
|
meta: { title: '白名单设备详情', activeMenu: '/build/whiteListManagement' }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: '/build/whiteList',
|
path: '/build/whiteList',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
|
@ -33,14 +33,14 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="50">
|
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="50">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button circle icon="el-icon-plus" type="primary"
|
<el-button circle icon="el-icon-plus" size="20" type="primary" @click="addPack"
|
||||||
></el-button>
|
></el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div slot="footer" class="dialog-footer">
|
<!-- <div slot="footer" class="dialog-footer">-->
|
||||||
<el-button type="primary" @click="submitAddForm()">确 定</el-button>
|
<!-- <el-button type="primary" @click="submitAddForm()">确 定</el-button>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@ -101,19 +101,12 @@ export default {
|
|||||||
submitAddForm() {
|
submitAddForm() {
|
||||||
|
|
||||||
},
|
},
|
||||||
reset() {
|
|
||||||
this.form = {
|
/** 新增当前包的按钮 */
|
||||||
whiteListType: undefined,
|
addPack() {
|
||||||
whiteListName: undefined,
|
|
||||||
remark: undefined
|
|
||||||
}
|
|
||||||
this.resetForm('form')
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.reset()
|
|
||||||
this.closeModal()
|
|
||||||
},
|
},
|
||||||
|
|
||||||
closeModal() {
|
closeModal() {
|
||||||
this.$emit('close')
|
this.$emit('close')
|
||||||
},
|
},
|
||||||
|
@ -263,9 +263,19 @@ export default {
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
applicationInfo: function() {
|
||||||
|
return this.$store.state.applicationInfo
|
||||||
|
}
|
||||||
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
console.log(this.$store.getters.applicationId)
|
||||||
|
console.log(this.applicationInfo)
|
||||||
|
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 查询参数列表 */
|
/** 查询参数列表 */
|
||||||
getList() {
|
getList() {
|
||||||
@ -277,18 +287,6 @@ export default {
|
|||||||
}
|
}
|
||||||
)
|
)
|
||||||
},
|
},
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
configId: undefined,
|
|
||||||
configName: undefined,
|
|
||||||
configKey: undefined,
|
|
||||||
configValue: undefined,
|
|
||||||
configType: 'Y',
|
|
||||||
remark: undefined
|
|
||||||
}
|
|
||||||
this.resetForm('form')
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
/** 搜索按钮操作 */
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
this.queryParams.pageNum = 1
|
this.queryParams.pageNum = 1
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-header>
|
<el-header>
|
||||||
<div>新增文件</div>
|
<div>新增白名单</div>
|
||||||
<el-divider/>
|
<el-divider/>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main>
|
<el-main>
|
||||||
@ -17,6 +17,15 @@
|
|||||||
<el-option label="白名单设备" value="1"/>
|
<el-option label="白名单设备" value="1"/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="白名单模式" prop="whitePattern">
|
||||||
|
<el-select v-model="form.whitePattern" clearable placeholder="请选择白名单模式">
|
||||||
|
<el-option label="正则模式" value="0"/>
|
||||||
|
<el-option label="普通模式" value="1"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
<el-form-item label="备注">
|
<el-form-item label="备注">
|
||||||
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
|
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -32,7 +41,7 @@
|
|||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { addConfig, updateConfig } from '@/api/system/config'
|
import { addConfig } from '@/api/system/config'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WhiteAdd',
|
name: 'WhiteAdd',
|
||||||
@ -45,45 +54,55 @@ export default {
|
|||||||
// 文件存放的路径
|
// 文件存放的路径
|
||||||
fileList: [],
|
fileList: [],
|
||||||
rules: {
|
rules: {
|
||||||
configName: [
|
whiteListName: [
|
||||||
{ required: true, message: '上传方式不能为空', trigger: 'change' }
|
{ required: true, message: '白名单名称不能为空', trigger: 'blur' }
|
||||||
],
|
],
|
||||||
configKey: [
|
whiteListType: [
|
||||||
{ required: true, message: '安装包名称不能为空', trigger: 'blur' }
|
{ required: true, message: '白名单类型不能为空', trigger: 'change' }
|
||||||
|
],
|
||||||
|
whitePattern: [
|
||||||
|
{ required: true, message: '白名单模式不能为空', trigger: 'change' }
|
||||||
]
|
]
|
||||||
},
|
}
|
||||||
activeTabs: '1'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
|
mounted() {
|
||||||
|
this.reset()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
whiteListType: undefined,
|
whiteListType: undefined,
|
||||||
whiteListName: undefined,
|
whiteListName: undefined,
|
||||||
|
whitePattern: undefined,
|
||||||
remark: undefined
|
remark: undefined
|
||||||
}
|
}
|
||||||
this.resetForm('form')
|
this.resetForm('form')
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 新增按钮 */
|
||||||
submitAddForm: function() {
|
submitAddForm: function() {
|
||||||
this.$refs['form'].validate(valid => {
|
this.$refs['form'].validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.form.configId != undefined) {
|
|
||||||
updateConfig(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess('修改成功')
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
addConfig(this.form).then(response => {
|
addConfig(this.form).then(response => {
|
||||||
this.$modal.msgSuccess('新增成功')
|
this.$modal.msgSuccess('新增成功')
|
||||||
})
|
})
|
||||||
}
|
this.$router.push({ path: '/build/whiteListManagement' })
|
||||||
|
// if (this.form.configId != undefined) {
|
||||||
|
// updateConfig(this.form).then(response => {
|
||||||
|
// this.$modal.msgSuccess('修改成功')
|
||||||
|
// })
|
||||||
|
// } else {
|
||||||
|
// addConfig(this.form).then(response => {
|
||||||
|
// this.$modal.msgSuccess('新增成功')
|
||||||
|
// })
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
cancel() {
|
cancel() {
|
||||||
this.history.back()
|
this.$router.push({ path: '/build/whiteListManagement' })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -28,32 +28,19 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<template v-if="configForm.addMode==1">
|
<template v-if="configForm.addMode==1">
|
||||||
<el-form-item v-if="configForm.whiteListType==0" label="白名单电话" prop="phone">
|
<el-form-item v-if="configForm.whiteListType==0" label="用户ID" prop="userId">
|
||||||
<el-input v-model="configForm.phone" placeholder="请输入电话号码"/>
|
<el-input v-model="configForm.userId" placeholder="请输入用户ID" type="textarea"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="configForm.whiteListType==0" label="姓名">
|
<el-form-item v-if="configForm.whiteListType==1" label="白名单设备" prop="equepid">
|
||||||
<el-input v-model="configForm.name" placeholder="请输入姓名"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item v-if="configForm.whiteListType==1" label="白名单设备">
|
|
||||||
<el-input v-model="configForm.equepid" placeholder="请输入设备信息" type="textarea"/>
|
<el-input v-model="configForm.equepid" placeholder="请输入设备信息" type="textarea"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<el-form-item v-else-if="configForm.addMode==2" label="白名单文件">
|
<el-form-item v-else-if="configForm.addMode==2" label="白名单文件" prop="file">
|
||||||
<el-upload
|
|
||||||
ref="whiteListFiles"
|
|
||||||
:auto-upload="true"
|
<image-upload v-model="configForm.file" :fileType="['txt']" :limit="1"
|
||||||
:before-remove="beforeRemove"
|
:listType="'text'"
|
||||||
:before-upload="beforeAvatarUpload"
|
/>
|
||||||
:file-list="fileList"
|
|
||||||
:headers="{tokenId: tokenId}"
|
|
||||||
:multiple="false"
|
|
||||||
:on-success="handleSuccess"
|
|
||||||
accept=".txt"
|
|
||||||
action="https://jsonplaceholder.typicode.com/posts/"
|
|
||||||
class="upload"
|
|
||||||
>
|
|
||||||
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
|
|
||||||
</el-upload>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注" prop="remark">
|
<el-form-item label="备注" prop="remark">
|
||||||
<el-input v-model="configForm.remark" placeholder="请输入备注" type="textarea"/>
|
<el-input v-model="configForm.remark" placeholder="请输入备注" type="textarea"/>
|
||||||
@ -65,7 +52,6 @@
|
|||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-main>
|
</el-main>
|
||||||
<!--安装包弹窗-->
|
|
||||||
</el-container>
|
</el-container>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -75,7 +61,6 @@ import { addConfig, updateConfig } from '@/api/system/config'
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WhiteAddConfig',
|
name: 'WhiteAddConfig',
|
||||||
dicts: ['sys_yes_no'],
|
|
||||||
data() {
|
data() {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@ -88,7 +73,8 @@ export default {
|
|||||||
whiteListType: '',
|
whiteListType: '',
|
||||||
whitelistIds: '',
|
whitelistIds: '',
|
||||||
remark: '',
|
remark: '',
|
||||||
equepid: ''
|
equepid: '',
|
||||||
|
file: []
|
||||||
},
|
},
|
||||||
configRules: {
|
configRules: {
|
||||||
addMode: [
|
addMode: [
|
||||||
@ -96,7 +82,17 @@ export default {
|
|||||||
],
|
],
|
||||||
whiteListType: [
|
whiteListType: [
|
||||||
{ required: true, message: '白名单类型不能为空', trigger: 'change' }
|
{ required: true, message: '白名单类型不能为空', trigger: 'change' }
|
||||||
|
],
|
||||||
|
userId: [
|
||||||
|
{ required: true, message: '用户Id不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
equepid: [
|
||||||
|
{ required: true, message: '设备信息不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
file: [
|
||||||
|
{ required: true, message: '白名单文件不能为空', trigger: 'change' }
|
||||||
]
|
]
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -104,9 +100,11 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
|
addMode: undefined,
|
||||||
whiteListType: undefined,
|
whiteListType: undefined,
|
||||||
whiteListName: undefined,
|
userId: undefined,
|
||||||
remark: undefined
|
equepid: undefined,
|
||||||
|
file: undefined
|
||||||
}
|
}
|
||||||
this.resetForm('form')
|
this.resetForm('form')
|
||||||
},
|
},
|
||||||
@ -121,40 +119,16 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
addConfig(this.form).then(response => {
|
addConfig(this.form).then(response => {
|
||||||
this.$modal.msgSuccess('新增成功')
|
this.$modal.msgSuccess('新增成功')
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
this.$router.push({ path: '/build/whiteListManagement' })
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 在上传之前进行校验 */
|
|
||||||
beforeAvatarUpload(file) {
|
|
||||||
const formatList = file.name.split('.')
|
|
||||||
const isFormat = file.type === 'text/plain' || formatList[formatList.length - 1] === 'txt'
|
|
||||||
if (!isFormat) {
|
|
||||||
this.$message.error(`上传格式只能是名称后缀为.txt的文本文件!`)
|
|
||||||
}
|
|
||||||
const isLt2M = file.size / 1024 / 1024 < 5
|
|
||||||
if (!isLt2M) {
|
|
||||||
this.$message.error(`上传文件大小不能超过5M!`)
|
|
||||||
}
|
|
||||||
return isLt2M && isFormat
|
|
||||||
},
|
|
||||||
/** 上传文件 */
|
|
||||||
handleSuccess(file) {
|
|
||||||
this.fileList = []
|
|
||||||
const nameList = file.context.path.split('/')
|
|
||||||
this.fileList.push({
|
|
||||||
name: file.context.name || nameList[nameList.length - 1],
|
|
||||||
url: file.context.path
|
|
||||||
})
|
|
||||||
this.addFormData.path = file.context.path
|
|
||||||
},
|
|
||||||
beforeRemove(files, filesList) {
|
|
||||||
return this.$confirm(`确定要移除${files.name}?`)
|
|
||||||
},
|
|
||||||
cancel() {
|
cancel() {
|
||||||
this.history.back()
|
this.$router.push({ path: '/build/whiteListManagement' })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,17 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
<el-dialog :modal-append-to-body="false" :title="title" v-bind="$attrs" width="500px"
|
<el-dialog :modal-append-to-body="false" :title="title" v-bind="$attrs" width="500px"
|
||||||
@close="onClose"
|
|
||||||
@open="onOpen"
|
|
||||||
v-on="$listeners"
|
v-on="$listeners"
|
||||||
>
|
>
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||||
<el-form-item label="姓名" prop="name">
|
<el-form-item v-if="type==1" label="用户Id" prop="userId">
|
||||||
<el-input v-model="form.whiteListName" placeholder="请输入名称"/>
|
<el-input v-model="form.userId" placeholder="请输入用户Id"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="电话" prop="phoneNumber">
|
|
||||||
<el-input v-model="form.phoneNumber" placeholder="请输入电话"/>
|
<el-form-item v-else label="设备号" prop="equepid">
|
||||||
|
<el-input v-model="form.equepid" placeholder="请输入设备号"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button type="primary" @click="submitAddForm()">保 存</el-button>
|
<el-button type="primary" @click="submitAddForm()">保 存</el-button>
|
||||||
@ -20,30 +20,29 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { addConfig, updateConfig } from '@/api/system/config'
|
import { updateConfig } from '@/api/system/config'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'EditWhiteList',
|
name: 'EditWhiteList',
|
||||||
dicts: ['sys_yes_no'],
|
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
// 图片数量限制
|
//类型
|
||||||
title: {
|
type: {
|
||||||
type: String,
|
type: Number,
|
||||||
default: '添加白名单'
|
default: 1
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
configName: undefined,
|
configName: undefined,
|
||||||
form: {},
|
form: {},
|
||||||
// 白名单配置表单验证
|
title: '编辑',
|
||||||
|
// 详情信息
|
||||||
rules: {
|
rules: {
|
||||||
whiteListName: [
|
userId: [
|
||||||
{ required: true, message: '名称不能为空', trigger: 'blur' }
|
{ required: true, message: '用户Id不能为空', trigger: 'blur' }
|
||||||
],
|
],
|
||||||
whiteListType: [
|
equepid: [
|
||||||
{ required: true, message: '白名单类型不能为空', trigger: 'change' }
|
{ required: true, message: '设备号不能为空', trigger: 'blur' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -54,25 +53,17 @@ export default {
|
|||||||
submitAddForm: function() {
|
submitAddForm: function() {
|
||||||
this.$refs['form'].validate(valid => {
|
this.$refs['form'].validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.form.configId != undefined) {
|
|
||||||
updateConfig(this.form).then(response => {
|
updateConfig(this.form).then(response => {
|
||||||
this.$modal.msgSuccess('修改成功')
|
this.$modal.msgSuccess('修改成功')
|
||||||
this.closeModal()
|
this.closeModal()
|
||||||
})
|
})
|
||||||
} else {
|
|
||||||
addConfig(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess('新增成功')
|
|
||||||
this.closeModal()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
whiteListType: undefined,
|
userId: undefined,
|
||||||
whiteListName: undefined,
|
equepid: undefined
|
||||||
remark: undefined
|
|
||||||
}
|
}
|
||||||
this.resetForm('form')
|
this.resetForm('form')
|
||||||
},
|
},
|
||||||
@ -83,12 +74,6 @@ export default {
|
|||||||
},
|
},
|
||||||
closeModal() {
|
closeModal() {
|
||||||
this.$emit('close')
|
this.$emit('close')
|
||||||
},
|
|
||||||
onOpen() {
|
|
||||||
this.active = this.current
|
|
||||||
this.key = ''
|
|
||||||
},
|
|
||||||
onClose() {
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.phoneNumber"
|
v-model="queryParams.phoneNumber"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入电话号码"
|
placeholder="请输入用户Id"
|
||||||
style="width: 240px"
|
style="width: 240px"
|
||||||
@keyup.enter.native="handleQuery"
|
@keyup.enter.native="handleQuery"
|
||||||
/>
|
/>
|
||||||
@ -33,8 +33,7 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column align="center" type="selection" width="55"/>
|
<el-table-column align="center" type="selection" width="55"/>
|
||||||
<el-table-column align="center" label="姓名" prop="configId"/>
|
<el-table-column :show-overflow-tooltip="true" align="center" label="用户Id" prop="configName"/>
|
||||||
<el-table-column :show-overflow-tooltip="true" align="center" label="电话" prop="configName"/>
|
|
||||||
<el-table-column :show-overflow-tooltip="true" align="center" label="添加时间" prop="configKey"/>
|
<el-table-column :show-overflow-tooltip="true" align="center" label="添加时间" prop="configKey"/>
|
||||||
<el-table-column :show-overflow-tooltip="true" align="center" label="备注" prop="configValue"/>
|
<el-table-column :show-overflow-tooltip="true" align="center" label="备注" prop="configValue"/>
|
||||||
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="250">
|
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="250">
|
||||||
@ -66,14 +65,16 @@
|
|||||||
:total="total"
|
:total="total"
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
|
<EditWhiteList :visible.sync="editWhiteListOpen" @close="closeEditWhiteList"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { delConfig, getConfig, listConfig } from '@/api/system/config'
|
import { delConfig, listConfig } from '@/api/system/config'
|
||||||
|
import EditWhiteList from '@/views/FDS/whiteListManagement/components/editWhiteList.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WhiteListDetail',
|
name: 'WhiteListDetail',
|
||||||
|
components: { EditWhiteList },
|
||||||
dicts: ['sys_yes_no'],
|
dicts: ['sys_yes_no'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -90,19 +91,10 @@ export default {
|
|||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 参数表格数据
|
// 参数表格数据
|
||||||
|
|
||||||
dataList: [],
|
dataList: [],
|
||||||
|
|
||||||
configList: [],
|
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
title: '',
|
title: '',
|
||||||
// 是否显示安装包上传弹出框
|
editWhiteListOpen: false,
|
||||||
addOpen: false,
|
|
||||||
// 是否显示安装包详情弹出框
|
|
||||||
detailOpen: false,
|
|
||||||
tokenId: '',
|
|
||||||
// 日期范围
|
|
||||||
dateRange: [],
|
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
@ -131,12 +123,7 @@ export default {
|
|||||||
// 表单重置
|
// 表单重置
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
configId: undefined,
|
phoneNumber: undefined
|
||||||
configName: undefined,
|
|
||||||
configKey: undefined,
|
|
||||||
configValue: undefined,
|
|
||||||
configType: 'Y',
|
|
||||||
remark: undefined
|
|
||||||
}
|
}
|
||||||
this.resetForm('form')
|
this.resetForm('form')
|
||||||
},
|
},
|
||||||
@ -147,16 +134,9 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 重置按钮操作 */
|
/** 重置按钮操作 */
|
||||||
resetQuery() {
|
resetQuery() {
|
||||||
this.dateRange = []
|
|
||||||
this.resetForm('queryForm')
|
this.resetForm('queryForm')
|
||||||
this.handleQuery()
|
this.handleQuery()
|
||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset()
|
|
||||||
this.addOpen = true
|
|
||||||
this.title = '上传安装包'
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
// 多选框选中数据
|
||||||
handleSelectionChange(selection) {
|
handleSelectionChange(selection) {
|
||||||
this.ids = selection.map(item => item.configId)
|
this.ids = selection.map(item => item.configId)
|
||||||
@ -180,40 +160,17 @@ export default {
|
|||||||
handleEdit(row) {
|
handleEdit(row) {
|
||||||
this.reset()
|
this.reset()
|
||||||
const configId = row.configId || this.ids
|
const configId = row.configId || this.ids
|
||||||
getConfig(configId).then(response => {
|
this.editWhiteListOpen = true
|
||||||
this.form = response.data
|
// getConfig(configId).then(response => {
|
||||||
this.addOpen = true
|
// this.form = response.data
|
||||||
this.title = '修改安装包'
|
// this.addOpen = true
|
||||||
})
|
// this.title = '修改安装包'
|
||||||
},
|
// })
|
||||||
/** 查看详情弹窗 **/
|
|
||||||
handleDetail() {
|
|
||||||
this.detailOpen = true
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 切换TAB触发的事件 */
|
|
||||||
handleClickTabs() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 下载按钮 */
|
|
||||||
handleDownload(row) {
|
|
||||||
const configIds = row.configId || this.ids
|
|
||||||
this.$modal.confirm('是否确认下载编号为"' + configIds + '"的数据项?').then(function() {
|
|
||||||
return delConfig(configIds)
|
|
||||||
}).then(() => {
|
|
||||||
this.getList()
|
|
||||||
this.$modal.msgSuccess('下载成功')
|
|
||||||
}).catch(() => {
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
/** 关闭新增弹出框*/
|
/** 关闭新增弹出框*/
|
||||||
closeAdd() {
|
closeEditWhiteList() {
|
||||||
this.addOpen = false
|
this.editWhiteListOpen = false
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
|
||||||
closeAddConfig() {
|
|
||||||
this.detailOpen = false
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
140
sf-ui/src/views/FDS/whiteListManagement/edit.vue
Normal file
140
sf-ui/src/views/FDS/whiteListManagement/edit.vue
Normal file
@ -0,0 +1,140 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-container>
|
||||||
|
<el-header>
|
||||||
|
<div>编辑白名单</div>
|
||||||
|
<el-divider/>
|
||||||
|
</el-header>
|
||||||
|
<el-main>
|
||||||
|
<div class="form-main">
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||||
|
<el-form-item label="白名单名称" prop="whiteListName">
|
||||||
|
<el-input v-model="form.whiteListName" placeholder="请输入白名单名称"/>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="白名单类型" prop="whiteListType">
|
||||||
|
<el-select v-model="form.whiteListType" clearable placeholder="请选择白名单类型">
|
||||||
|
<el-option label="白名单人员" value="0"/>
|
||||||
|
<el-option label="白名单设备" value="1"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="白名单模式" prop="whitePattern">
|
||||||
|
<el-select v-model="form.whitePattern" clearable placeholder="请选择白名单模式">
|
||||||
|
<el-option label="正则模式" value="0"/>
|
||||||
|
<el-option label="普通模式" value="1"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div class="page-footer">
|
||||||
|
<el-button type="primary" @click="submitAddForm()">保 存</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { updateConfig } from '@/api/system/config'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'WhiteAdd',
|
||||||
|
dicts: ['sys_yes_no'],
|
||||||
|
data() {
|
||||||
|
|
||||||
|
return {
|
||||||
|
form: {},
|
||||||
|
tokenId: '',
|
||||||
|
// 文件存放的路径
|
||||||
|
fileList: [],
|
||||||
|
rules: {
|
||||||
|
whiteListName: [
|
||||||
|
{ required: true, message: '白名单名称不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
whiteListType: [
|
||||||
|
{ required: true, message: '白名单类型不能为空', trigger: 'change' }
|
||||||
|
],
|
||||||
|
whitePattern: [
|
||||||
|
{ required: true, message: '白名单模式不能为空', trigger: 'change' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
methods: {
|
||||||
|
// reset() {
|
||||||
|
// this.form = {
|
||||||
|
// whiteListType: undefined,
|
||||||
|
// whiteListName: undefined,
|
||||||
|
// whitePattern: undefined,
|
||||||
|
// remark: undefined
|
||||||
|
// }
|
||||||
|
// this.resetForm('form')
|
||||||
|
// },
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitAddForm: function() {
|
||||||
|
this.$refs['form'].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.configId != undefined) {
|
||||||
|
updateConfig(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess('修改成功')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.$router.push({ path: '/build/whiteListManagement' })
|
||||||
|
|
||||||
|
// else {
|
||||||
|
// addConfig(this.form).then(response => {
|
||||||
|
// this.$modal.msgSuccess('新增成功')
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
cancel() {
|
||||||
|
this.$router.push({ path: '/build/whiteListManagement' })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.app-container {
|
||||||
|
background: #ffffff;
|
||||||
|
margin: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-main {
|
||||||
|
width: 700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-input.is-disabled .el-input__inner, .el-textarea.is-disabled .el-textarea__inner {
|
||||||
|
border: 1px solid #E4E7ED !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-group {
|
||||||
|
.el-tag {
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-tag + .el-tag {
|
||||||
|
margin-left: 10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-footer {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 700px;
|
||||||
|
justify-content: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
</style>
|
@ -3,7 +3,7 @@
|
|||||||
<el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small">
|
<el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small">
|
||||||
<el-form-item label="白名单信息" prop="phoneNumber">
|
<el-form-item label="白名单信息" prop="phoneNumber">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.phoneNumber"
|
v-model="queryParams.equepId"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入设备号"
|
placeholder="请输入设备号"
|
||||||
style="width: 240px"
|
style="width: 240px"
|
||||||
@ -65,15 +65,19 @@
|
|||||||
:total="total"
|
:total="total"
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
|
<EditWhiteList :visible.sync="editWhiteListOpen" @close="closeEditWhiteList"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { delConfig, getConfig, listConfig } from '@/api/system/config'
|
import { delConfig, listConfig } from '@/api/system/config'
|
||||||
|
import EditWhiteList from './components/editWhiteList.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'WhiteListEquepDetail',
|
name: 'WhiteListEquepDetail',
|
||||||
dicts: ['sys_yes_no'],
|
dicts: ['sys_yes_no'],
|
||||||
|
components: {
|
||||||
|
EditWhiteList
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
@ -95,18 +99,13 @@ export default {
|
|||||||
configList: [],
|
configList: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
title: '',
|
title: '',
|
||||||
// 是否显示安装包上传弹出框
|
// 是否显示编辑详情弹窗
|
||||||
addOpen: false,
|
editWhiteListOpen: false,
|
||||||
// 是否显示安装包详情弹出框
|
|
||||||
detailOpen: false,
|
|
||||||
tokenId: '',
|
|
||||||
// 日期范围
|
|
||||||
dateRange: [],
|
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
phoneNumber: undefined
|
equepId: undefined
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {}
|
form: {}
|
||||||
@ -130,12 +129,7 @@ export default {
|
|||||||
// 表单重置
|
// 表单重置
|
||||||
reset() {
|
reset() {
|
||||||
this.form = {
|
this.form = {
|
||||||
configId: undefined,
|
equepId: undefined
|
||||||
configName: undefined,
|
|
||||||
configKey: undefined,
|
|
||||||
configValue: undefined,
|
|
||||||
configType: 'Y',
|
|
||||||
remark: undefined
|
|
||||||
}
|
}
|
||||||
this.resetForm('form')
|
this.resetForm('form')
|
||||||
},
|
},
|
||||||
@ -150,12 +144,6 @@ export default {
|
|||||||
this.resetForm('queryForm')
|
this.resetForm('queryForm')
|
||||||
this.handleQuery()
|
this.handleQuery()
|
||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset()
|
|
||||||
this.addOpen = true
|
|
||||||
this.title = '上传安装包'
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
// 多选框选中数据
|
||||||
handleSelectionChange(selection) {
|
handleSelectionChange(selection) {
|
||||||
this.ids = selection.map(item => item.configId)
|
this.ids = selection.map(item => item.configId)
|
||||||
@ -179,40 +167,17 @@ export default {
|
|||||||
handleEdit(row) {
|
handleEdit(row) {
|
||||||
this.reset()
|
this.reset()
|
||||||
const configId = row.configId || this.ids
|
const configId = row.configId || this.ids
|
||||||
getConfig(configId).then(response => {
|
this.editWhiteListOpen = true
|
||||||
this.form = response.data
|
// getConfig(configId).then(response => {
|
||||||
this.addOpen = true
|
// this.form = response.data
|
||||||
this.title = '修改安装包'
|
// this.editWhiteListOpen = true
|
||||||
})
|
// })
|
||||||
},
|
|
||||||
/** 查看详情弹窗 **/
|
|
||||||
handleDetail() {
|
|
||||||
this.detailOpen = true
|
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 切换TAB触发的事件 */
|
|
||||||
handleClickTabs() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 下载按钮 */
|
|
||||||
handleDownload(row) {
|
|
||||||
const configIds = row.configId || this.ids
|
|
||||||
this.$modal.confirm('是否确认下载编号为"' + configIds + '"的数据项?').then(function() {
|
|
||||||
return delConfig(configIds)
|
|
||||||
}).then(() => {
|
|
||||||
this.getList()
|
|
||||||
this.$modal.msgSuccess('下载成功')
|
|
||||||
}).catch(() => {
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 关闭新增弹出框*/
|
/** 关闭新增弹出框*/
|
||||||
closeAdd() {
|
closeEditWhiteList() {
|
||||||
this.addOpen = false
|
this.editWhiteListOpen = false
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
|
||||||
closeAddConfig() {
|
|
||||||
this.detailOpen = false
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -325,11 +325,12 @@ export default {
|
|||||||
/** 查看详情按钮操作 */
|
/** 查看详情按钮操作 */
|
||||||
handleDetail(row) {
|
handleDetail(row) {
|
||||||
if (row.type == 1) {
|
if (row.type == 1) {
|
||||||
|
this.$router.push({
|
||||||
this.$tab.openPage('白名单详情', '/build/WhiteList/detail/', '')
|
path: '/build/WhiteList/detail'
|
||||||
|
})
|
||||||
} else {
|
} else {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: 'whiteList/equepDetail'
|
path: '/build/WhiteList/equepDetail'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -18,7 +18,7 @@ module.exports = {
|
|||||||
// 部署生产环境和开发环境下的URL。
|
// 部署生产环境和开发环境下的URL。
|
||||||
// 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上
|
// 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上
|
||||||
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。
|
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。
|
||||||
publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
|
publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
|
||||||
// 在npm run build 或 yarn build 时 ,生成文件的目录名称(要和baseUrl的生产环境路径一致)(默认dist)
|
// 在npm run build 或 yarn build 时 ,生成文件的目录名称(要和baseUrl的生产环境路径一致)(默认dist)
|
||||||
outputDir: 'dist',
|
outputDir: 'dist',
|
||||||
// 用于放置生成的静态资源 (js、css、img、fonts) 的;(项目打包之后,静态资源会放在这个文件夹下)
|
// 用于放置生成的静态资源 (js、css、img、fonts) 的;(项目打包之后,静态资源会放在这个文件夹下)
|
||||||
@ -35,7 +35,7 @@ module.exports = {
|
|||||||
proxy: {
|
proxy: {
|
||||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
target: `http://172.24.0.2:7781`,
|
target: `http://192.168.1.23:22009`,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||||
@ -47,7 +47,7 @@ module.exports = {
|
|||||||
css: {
|
css: {
|
||||||
loaderOptions: {
|
loaderOptions: {
|
||||||
sass: {
|
sass: {
|
||||||
sassOptions: { outputStyle: "expanded" }
|
sassOptions: { outputStyle: 'expanded' }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -67,7 +67,7 @@ module.exports = {
|
|||||||
algorithm: 'gzip', // 使用gzip压缩
|
algorithm: 'gzip', // 使用gzip压缩
|
||||||
minRatio: 0.8 // 压缩率小于1才会压缩
|
minRatio: 0.8 // 压缩率小于1才会压缩
|
||||||
})
|
})
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
chainWebpack(config) {
|
chainWebpack(config) {
|
||||||
config.plugins.delete('preload') // TODO: need test
|
config.plugins.delete('preload') // TODO: need test
|
||||||
|
Loading…
x
Reference in New Issue
Block a user