Skip to content

I
IT-monitor
Commit a9813361 authored by 11528's avatar 11528
Browse files
Options

操作日志，服务器，网络设备页面编写

parent 8cc4d81a
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1322 additions and 88 deletions
src/views/IntegratedMonitor/reportStatistics/operationLog.vue
View file @ a9813361
......@@ -23,34 +23,55 @@
<el-table-column label="备注" prop="remarks" show-overflow-tooltip />\
</el-table>
</div>
<el-dialog class="addGroup" width="50%" title="添加日志" :visible.sync="addDialog">
<el-dialog class="addGroup" width="50%" :title="dialogTitle" :visible.sync="addDialog">
<el-form ref="addWarnForm" label-width="auto" :model="updateWarnForm">
<el-form-item label="名称:">
<el-input v-model="updateWarnForm.name" />
</el-form-item>
<el-form-item label="每页条数:">
<el-input v-model="updateWarnForm.articlesNumber" />
<el-button size="small" class="mouse" @click="delRow">
<a-icon type="minus" />
</el-button>
<el-button size="small" class="mouse" @click="addRow">
<a-icon type="plus" />
</el-button>
<el-input-number v-model="updateWarnForm.articlesNumber" style="width: 100%;height: 30px" controls-position="right" :min="0" @change="handleChange" />
</el-form-item>
<el-form-item label="时间:">
<el-button-group style="margin-right: 10px">
<el-button>今天</el-button>
<el-button>昨天</el-button>
<el-button>三天</el-button>
<el-button>一周</el-button>
<el-button @click="changeTime">自定义时间</el-button>
</el-button-group>
<div>
<el-radio-group v-model="radio" style="margin-right: 10px">
<el-radio label="1">一天</el-radio>
<el-radio label="2">三天</el-radio>
<el-radio label="3">七天</el-radio>
<el-radio label="4" @change="changeTime">自定义时间</el-radio>
</el-radio-group>
</div>
</el-form-item>
<el-form-item label="操作人:">
<el-input v-model="updateWarnForm.userName" />
<div class="equipmentDiv">
<el-checkbox-group v-model="checkCity" @change="handleCheckedCitiesChange">
<el-checkbox
v-for="item in cityOptions "
:key="item"
:label="item.name"
style="display:block;margin-left: 30px"
/>
</el-checkbox-group>
</div>
<div style="margin-top: 5px">
<el-button v-model="checkAll" style="width: 30%" @click="checkName1">全选</el-button>
<el-button v-model="checkInvert" style="width: 30%" @click="checkName2">反选</el-button>
</div>
</el-form-item>
<el-form-item label="操作类型:">
<el-input v-model="updateWarnForm.operationType" />
<div class="equipmentDiv">
<el-checkbox-group v-model="checkCity1" @change="handleCheckedCitiesChange1">
<el-checkbox
v-for="item in cityOption1"
:key="item"
:label="item"
style="display:block;margin-left: 30px"
/>
</el-checkbox-group>
</div>
<div style="margin-top: 5px">
<el-button v-model="checkAll1" style="width: 30%" @click="checkName3">全选</el-button>
<el-button v-model="checkInvert1" style="width: 30%" @click="checkName4">反选</el-button>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
......@@ -120,20 +141,21 @@ export default {
stepActive: 1,
updateWarnForm: {
name: '',
articlesNumber: '',
articlesNumber: 0,
operationTime: '',
userName: '',
operationType: ''
},
addWarnForm: {
name: '',
articlesNumber: '',
articlesNumber: 0,
operationTime: '',
userName: '',
operationType: ''
},
addDialog: false,
updateDialog: false,
isEdit: false,
// 是否显示弹出层
open: false,
queryParams: {
......@@ -145,6 +167,22 @@ export default {
ipAddress: '',
logContent: ''
},
radio: 0,
checkCity: [],
checkAll: false,
checkInvert: false,
checkCity1: [],
checkAll1: false,
checkInvert1: false,
cityOptions: [
{ name: '管理员' },
{ name: 'admin' },
{ name: '张三' },
{ name: 'admin1' }
],
name: [],
name1: [],
cityOption1: ['TS删除', 'TS添加', 'TS编辑', '用户删除', '用户注销登陆', '用户添加', '用户登陆'],
tableData: [
{ userName: 'admin', operationType: '用户登录', operationStatus: '成功', operationTime: '2022-05-19 10:12:14', remarks: 'host=218.94.141.34,port=49986,id=user_1,name=admin' },
{ userName: 'admin1', operationType: '用户登录', operationStatus: '成功', operationTime: '2022-05-19 10:12:14', remarks: 'host=218.94.141.34,port=49986,id=user_1,name=admin1' },
......@@ -159,6 +197,11 @@ export default {
]
}
},
computed: {
dialogTitle() {
return this.isEdit ? '编辑日志' : '添加日志'
}
},
created() {
},
mounted() {
......@@ -180,12 +223,14 @@ export default {
window.location.reload() // 刷新页面
},
handleUpdate() {
this.updateDialog = true
this.isEdit = true
this.addDialog = true
},
closeUpdateDialog() {
this.updateDialog = false
},
handleAdd() {
this.isEdit = false
this.addDialog = true
},
closeDialog() {
......@@ -198,11 +243,45 @@ export default {
changeTime() {
this.open = !this.open
},
delRow() {
return this.updateWarnForm.articlesNumber++
handleChange() {
},
checkName1(val) {
this.name = []
for (let i = 0; i < this.cityOptions.length; i++) {
this.name[i] = this.cityOptions[i].name
}
this.checkCity = val ? this.name : []
},
handleCheckedCitiesChange(value) {
this.checkCity = value
const checkedCount = value.length
this.checkAll = checkedCount !== 0 && checkedCount === this.name.length
},
checkName2(value) {
const c = []
this.cityOptions.forEach(item => {
!this.checkCity.includes(item.name) && c.push(item.name)
})
this.checkCity = c
},
handleCheckedCitiesChange1(value) {
this.checkCity1 = value
const checkedCount = value.length
this.checkAll1 = checkedCount !== 0 && checkedCount === this.name.length
},
addRow() {
return this.updateWarnForm.articlesNumber === 0 || this.updateWarnForm.articlesNumber === null ? 0 : this.updateWarnForm.articlesNumber--
checkName3(val) {
this.name1 = []
for (let i = 0; i < this.cityOption1.length; i++) {
this.name1[i] = this.cityOption1[i]
}
this.checkCity1 = val ? this.name1 : []
},
checkName4() {
const d = []
this.cityOption1.forEach(item => {
!this.checkCity1.includes(item) && d.push(item)
})
this.checkCity1 = d
},
deleteRow() {
this.$confirm('此操作将删除本页数据, 是否继续?', '提示', {
......@@ -276,4 +355,18 @@ export default {
.mouse {
cursor: pointer;
}
.addGroup{
.equipmentDiv{
max-height: 150px;
height: 150px;
overflow: auto;
border: 1px solid #d2d6de;
padding: 10px 0;
border-radius: 4px;
.el-checkbox__inner {
border: none;
width: 0;
}
}
}
</style>
src/views/IntegratedMonitor/reportStatistics/theServer.vue
View file @ a9813361
......@@ -27,34 +27,25 @@
<el-table-column label="今日告警" prop="todayAlarm" show-overflow-tooltip />\
</el-table>
</div>
<el-dialog class="addGroup" width="50%" title="添加日志" :visible.sync="addDialog">
<el-form ref="addWarnForm" label-width="auto" :model="updateWarnForm">
<el-dialog class="addGroup" width="50%" title="添加页面" :visible.sync="addDialog">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="名称:">
<el-input v-model="updateWarnForm.name" />
</el-form-item>
<el-form-item label="每页条数:">
<el-form-item label="每页显示报告条数:">
<el-input v-model="updateWarnForm.articlesNumber" />
<el-button size="small" class="mouse" @click="delRow">
<a-icon type="minus" />
</el-button>
<el-button size="small" class="mouse" @click="addRow">
<a-icon type="plus" />
</el-button>
</el-form-item>
<el-form-item label="时间:">
<el-button-group style="margin-right: 10px">
<el-button>今天</el-button>
<el-button>昨天</el-button>
<el-button>三天</el-button>
<el-button>一周</el-button>
<el-button @click="changeTime">自定义时间</el-button>
</el-button-group>
</el-form-item>
<el-form-item label="操作人:">
<el-input v-model="updateWarnForm.userName" />
</el-form-item>
<el-form-item label="操作类型:">
<el-input v-model="updateWarnForm.operationType" />
<el-form-item label="选择设备:">
<div class="equipmentDiv">
<el-tree
:data="data"
show-checkbox
node-key="id"
:default-expanded-keys="[2, 3]"
:default-checked-keys="[5]"
:props="defaultProps"
/>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
......@@ -62,22 +53,25 @@
<el-button @click="closeDialog">取消</el-button>
</span>
</el-dialog>
<el-dialog class="addGroup" width="50%" title="编辑日志" :visible.sync="updateDialog">
<el-dialog class="addGroup" width="50%" title="编辑页面" :visible.sync="updateDialog">
<el-form ref="addWarnForm" label-width="auto" :model="updateWarnForm">
<el-form-item label="名称:">
<el-input v-model="updateWarnForm.name" />
</el-form-item>
<el-form-item label="每页条数:">
<el-form-item label="每页显示报告条数:">
<el-input v-model="updateWarnForm.articlesNumber" />
</el-form-item>
<el-form-item label="时间:">
<el-input v-model="updateWarnForm.operationTime" />
</el-form-item>
<el-form-item label="操作人:">
<el-input v-model="updateWarnForm.userName" />
</el-form-item>
<el-form-item label="操作类型:">
<el-input v-model="updateWarnForm.operationType" />
<el-form-item label="选择设备:">
<div class="equipmentDiv">
<el-tree
:data="data"
show-checkbox
node-key="id"
:default-expanded-keys="[2, 3]"
:default-checked-keys="[5]"
:props="defaultProps"
/>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
......@@ -120,7 +114,45 @@ export default {
name: 'TheServer',
data() {
return {
data: [],
data: [{
id: 1,
label: '本机容器',
children: [{
id: 4,
label: '虚拟化平台',
children: [{
id: 9,
label: '127.0.0.1'
}, {
id: 10,
label: '192.168.1.1'
}]
}, {
id: 5,
label: '虚拟设备',
children: [{
id: 9,
label: '192.168.5.4'
}, {
id: 10,
label: '192.168.44.2'
}]
}, {
id: 6,
label: '服务器硬件',
children: [{
id: 9,
label: '打印机'
}, {
id: 10,
label: '192.168.2.5'
}]
}]
}],
defaultProps: {
children: 'children',
label: 'label'
},
stepActive: 1,
updateWarnForm: {
name: '',
......@@ -234,23 +266,6 @@ export default {
.el-input__inner{
padding: 0 0 0 9px;
}
.treebody{
border: solid 1px #d7d7d7;
font-size: 12px;
padding: 6px;
height: 250px;
overflow-y: scroll;
}
.ninthSteps{
padding: 10px 30px 30px;
.el-steps--simple{
padding-left: 10px;
padding-right: 10px;
}
.el-step.is-simple:not(:last-of-type) .el-step__title{
max-width: 73%;
}
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
......@@ -277,14 +292,14 @@ export default {
padding: 15px;
}
}
.addWarnClass{
.StepTitle{
font-size: 16px;
font-weight: bold;
color: #333333;
.addGroup{
.equipmentDiv{
max-height: 150px;
height: 150px;
overflow: auto;
border: 1px solid #d2d6de;
padding: 10px 0;
border-radius: 4px;
}
}
.mouse {
cursor: pointer;
}
</style>
src/views/movingRingMonitoring/accessControl/accessRecord.vue 0 → 100644
View file @ a9813361
<!--出入记录-->
<template>
</template>
<script>
export default {
name: 'AccessRecord'
}
</script>
<style scoped>
</style>
src/views/patrolManagement/patrolInspectionPlan.vue 0 → 100644
View file @ a9813361
<!--巡检计划-->
<template>
</template>
<script>
export default {
name: 'PatrolInspectionPlan'
}
</script>
<style scoped>
</style>
src/views/patrolManagement/patrolInspectionReport.vue 0 → 100644
View file @ a9813361
<!--巡检报告-->
<template>
</template>
<script>
export default {
name: "PatrolInspectionReport"
}
</script>
<style scoped>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment