Skip to content

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

巡检管理，动环监控，门禁管理

parent 6097ce03
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 705 additions and 98 deletions
src/views/IntegratedMonitor/reportStatistics/operationLog.vue
View file @ bb395feb
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<el-table <el-table
:data="tableData" :data="tableData"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;padding-left: 10px"
> >
<el-table-column label="用户名" prop="userName" show-overflow-tooltip /> <el-table-column label="用户名" prop="userName" show-overflow-tooltip />
<el-table-column label="操作类型" prop="operationType" show-overflow-tooltip /> <el-table-column label="操作类型" prop="operationType" show-overflow-tooltip />
......
src/views/IntegratedMonitor/reportStatistics/theServer.vue
View file @ bb395feb
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<el-table <el-table
:data="tableData" :data="tableData"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;padding-left: 10px"
> >
<el-table-column label="服务器名称" prop="serverName" show-overflow-tooltip /> <el-table-column label="服务器名称" prop="serverName" show-overflow-tooltip />
<el-table-column label="可用性" prop="available" show-overflow-tooltip /> <el-table-column label="可用性" prop="available" show-overflow-tooltip />
......
src/views/movingRingMonitoring/accessControl/accessControlList.vue
View file @ bb395feb
...@@ -5,12 +5,14 @@ ...@@ -5,12 +5,14 @@
<span style="font-size:24px;margin-right: 10px ">门禁列表</span> <span style="font-size:24px;margin-right: 10px ">门禁列表</span>
</div> </div>
<div class="warnBody"> <div class="warnBody">
<el-input v-model.trim="searchBy.userName" style="width: 20%" class="searchInput" clearable placeholder="请输入门禁/数据源名称" /> <div style="margin-top: 10px">
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="refresh">导出</el-button> <el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" style="width: 20%;margin-left: 10px" class="searchInput" clearable placeholder="请输入门禁/数据源名称" />
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="refresh">导出</el-button>
</div>
<el-table <el-table
:data="tableData" :data="tableData"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;padding-left: 10px"
> >
<el-table-column label="序号" type="index" width="50" /> <el-table-column label="序号" type="index" width="50" />
<el-table-column label="门禁名称" prop="userName" show-overflow-tooltip /> <el-table-column label="门禁名称" prop="userName" show-overflow-tooltip />
...@@ -82,6 +84,16 @@ export default { ...@@ -82,6 +84,16 @@ export default {
type: 'warning' type: 'warning'
}).then(() => {}) }).then(() => {})
}, },
addEquipment() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/accessRecord'
})
},
addRow() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/personnelInformation'
})
},
addWarn() { addWarn() {
this.addWarnDialog = true this.addWarnDialog = true
} }
......
src/views/movingRingMonitoring/accessControl/accessRecord.vue
View file @ bb395feb
...@@ -10,30 +10,30 @@ ...@@ -10,30 +10,30 @@
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
</el-option> />
</el-select> </el-select>
<el-date-picker <el-date-picker
v-model="dateTime" v-model="dateTime"
type="daterange" type="daterange"
align="right" align="right"
unlink-panels unlink-panels
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
:picker-options="pickerOptions"> :picker-options="pickerOptions"
</el-date-picker> />
<el-input <el-input
v-model="inputPersonName"
placeholder="请输入人员名称" placeholder="请输入人员名称"
prefix-icon="el-icon-search" prefix-icon="el-icon-search"
v-model="inputPersonName" style="width: 20%"
style="width: 20%"> />
</el-input> <el-button style="float: right" @click="exportAccess">导出</el-button>
<el-button @click="exportAccess" style="float: right">导出</el-button>
<el-table <el-table
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;"
> >
<el-table-column label="序号" prop="idNum" show-overflow-tooltip /> <el-table-column label="序号" prop="idNum" show-overflow-tooltip />
<el-table-column label="人员姓名" prop="personName" show-overflow-tooltip /> <el-table-column label="人员姓名" prop="personName" show-overflow-tooltip />
...@@ -44,15 +44,15 @@ ...@@ -44,15 +44,15 @@
<el-table-column label="备注" prop="remarks" show-overflow-tooltip />\ <el-table-column label="备注" prop="remarks" show-overflow-tooltip />\
</el-table> </el-table>
<el-pagination <el-pagination
align='center' align="center"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage" :current-page="currentPage"
:page-sizes="[5,10,20]" :page-sizes="[5,10,20]"
:page-size="pageSize" :page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length"> :total="tableData.length"
</el-pagination> @size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div> </div>
</div> </div>
</template> </template>
......
src/views/movingRingMonitoring/accessControl/personnelInformation.vue 0 → 100644
View file @ bb395feb
<!--人员信息-->
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">人员信息</span>
</div>
<div class="warnBody">
<div style="margin-top: 10px">
<el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" style="width: 20%;margin-left: 10px" class="searchInput" clearable placeholder="请输入人员姓名或编号" />
<span style="margin-left: 10px">标识状态</span>
<el-select v-model="value" placeholder="全部">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="refresh">导出</el-button>
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="addEquipment">返回</el-button>
</div>
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="人员姓名" prop="personnelName" show-overflow-tooltip />
<el-table-column label="员工编号" prop="employeeNumber" show-overflow-tooltip />
<el-table-column label="通行标识" prop="accessSign" show-overflow-tooltip />
<el-table-column label="记录时间" prop="recordTime" show-overflow-tooltip />
<el-table-column label="标识在用" prop="identificationInUse" show-overflow-tooltip />
</el-table>
</div>
</div>
</template>
<script>
import screenfull from 'screenfull'
export default {
name: 'PersonnelInformation',
data() {
return {
data: [],
stepActive: 1,
queryParams: {
page: 1,
rows: 10,
status: 1,
startTime: '',
endTime: '',
ipAddress: '',
logContent: ''
},
searchBy: {
userName: ''
},
value: '',
options: [
{
value: 1,
label: '全部'
}, {
value: 2,
label: '在用'
}, {
value: 3,
label: '停用'
}
],
tableData: [
{ personnelName: '李坤', employeeNumber: '1111', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '张三', employeeNumber: '222', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '王丽', employeeNumber: '333', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '留名', employeeNumber: '444', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '李晨', employeeNumber: '555', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '王刚', employeeNumber: '888', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '和尚', employeeNumber: '999', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '梨花', employeeNumber: '555', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '李虎', employeeNumber: '666', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' },
{ personnelName: '张武', employeeNumber: '777', accessSign: '无', recordTime: '2022-04-08 09:59:02', identificationInUse: '在用' }
]
}
},
mounted() {
if (this.$route.query.type === '1') {
this.addWarnDialog = true
}
this.handleExpand() // 全屏
},
methods: {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
})// 实现模块全屏
},
refresh() {
this.$confirm('此操作将导出本页数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
addEquipment() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/accessControlList'
})
},
addRow() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/personnelInformation'
})
},
addWarn() {
this.addWarnDialog = true
}
}
}
</script>
<style lang="scss" scoped>
.warnModule{
.strategyRow{
padding: 5px 0;
}
.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;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
line-height: 10px;
width: 100px;
color: #fff;
border-color: #768398;
background-color: #768398;
}
.headBtnW{
border-radius: 4px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border-left: 0;
.el-input__inner{
border-radius: 0;
border: 0;
}
}
.el-form-item__content{
display: flex;
}
}
.headBtn{
height: 24px;
border-radius: 4px;
line-height: 22px;
font-size: 16px;
padding: 0 20px;
margin: 5px;
color: #444;
border-color: #ddd;
}
}
.warnBody{
}
}
.addWarnClass{
.StepTitle{
font-size: 16px;
font-weight: bold;
color: #333333;
}
}
.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/patrolManagement/patrolInspectionPlan.vue
View file @ bb395feb
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</div> </div>
<div class="warnBody"> <div class="warnBody">
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<el-input v-model.trim="searchBy.userName" class="searchInput" style="width: 20%" clearable placeholder="请输入巡检计划名称" /> <el-input v-model.trim="searchBy.userName" class="searchInput" style="width: 20%;margin-left: 10px" clearable placeholder="请输入巡检计划名称" />
<el-select <el-select
v-model="searchBy.operationStatus" v-model="searchBy.operationStatus"
class="searchInput" class="searchInput"
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<el-table <el-table
:data="tableData" :data="tableData"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;padding-left: 10px"
> >
<el-table-column type="selection" width="60" align="center" /> <el-table-column type="selection" width="60" align="center" />
<el-table-column label="标题" prop="patrolInspectionTitle" show-overflow-tooltip /> <el-table-column label="标题" prop="patrolInspectionTitle" show-overflow-tooltip />
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
<el-table-column width="200px" label="操作"> <el-table-column width="200px" label="操作">
<el-link @click="implement">执行</el-link> <el-link @click="implement">执行</el-link>
<el-link @click="report">报告</el-link> <el-link @click="report">报告</el-link>
<el-link @click="update">编辑</el-link> <el-link @click="handleUpdate">编辑</el-link>
<el-tooltip effect="light" placement="bottom" popper-class="moreTip"> <el-tooltip effect="light" placement="bottom" popper-class="moreTip">
<div slot="content" class="tooltipText" @click="deleteRow">删除</div> <div slot="content" class="tooltipText" @click="deleteRow">删除</div>
<div slot="content" class="tooltipText" @click="addWarn">复制</div> <div slot="content" class="tooltipText" @click="addWarn">复制</div>
...@@ -72,55 +72,107 @@ ...@@ -72,55 +72,107 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<el-dialog class="addGroup" width="70%" title="新增巡检计划" :visible.sync="addDialog"> <el-dialog class="addGroup" width="70%" :title="dialogTitle" :visible.sync="addDialog">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="14">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm"> <el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="计划名称:"> <el-form-item label="计划名称:">
<el-input v-model="addWarnForm.name" /> <el-input v-model="addWarnForm.name" />
</el-form-item> </el-form-item>
<el-form-item label="巡检人:"> <el-form-item label="巡检人:">
<el-input-number v-model="addWarnForm.articlesNumber" style="width: 100%;" controls-position="right" :min="0" @change="handleChange" /> <el-select
</el-form-item> v-model="inspectors"
placeholder="请选择"
clearable
multiple
style="width: 100%"
>
<el-option
v-for="(item,index) in Inspector"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select> </el-form-item>
<el-form-item label="描述:"> <el-form-item label="描述:">
<el-input v-model="addWarnForm.describe" type="textarea" :rows="5" /> <el-input v-model="addWarnForm.describe" type="textarea" :rows="5" />
</el-form-item> </el-form-item>
<el-form-item label="巡检周期:"> <el-form-item label="巡检周期:">
<div> <div>
<el-radio-group v-model="radio"> <el-radio-group v-model="radio" style="width: 75%">
<el-radio :label="1">日报</el-radio> <el-radio :label="1">日报</el-radio>
<el-radio :label="2">周报</el-radio> <el-radio :label="2">周报</el-radio>
<el-radio :label="3">月报</el-radio> <el-radio :label="3">月报</el-radio>
<el-radio :label="4" @click.native="changeTime">自定义</el-radio> <el-radio :label="4">自定义</el-radio>
</el-radio-group> </el-radio-group>
<el-input-number
v-if="radio === 4"
v-model="whatNumbers"
style="width: 20%"
controls-position="right"
:min="0"
@change="handleChange"
/>
<span v-if="radio === 4">天</span>
</div> </div>
<div v-if="radio === 1" class="timePlan"> <div v-if="radio === 1" class="timePlan">
<span>每日</span> <span>每日</span>
<el-time-picker <el-time-picker
v-model="value1" v-model="value1"
placeholder="任意时间点" format="HH:mm"
style="width: 100px"
/> />
</div> </div>
<div v-if="radio === 2" class="timePlan"> <div v-if="radio === 2" class="timePlan">
<span>每周</span> <span>每周</span>
<el-select
v-model="weekly"
placeholder="请选择"
clearable
style="width: 100px"
>
<el-option
v-for="(item,index) in weekLy"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-time-picker <el-time-picker
v-model="value1" v-model="value1"
placeholder="任意时间点" format="HH:mm"
style="width: 100px"
/> />
</div> </div>
<div v-if="radio === 3" class="timePlan"> <div v-if="radio === 3" class="timePlan">
<span>每月</span> <span>每月</span>
<el-input-number
v-model="whatNumber"
style="width: 100px;"
controls-position="right"
:min="0"
@change="handleChange"
/>
<el-time-picker <el-time-picker
v-model="value1" v-model="value1"
placeholder="任意时间点" format="HH:mm"
style="width: 100px"
/> />
</div> </div>
<div v-if="radio === 4" class="timePlan"> <div v-if="radio === 4" class="timePlan">
<span>每周期的</span> <span>每周期的</span>
<el-input-number
v-model="whatNumber"
style="width: 100px;"
controls-position="right"
:min="0"
@change="handleChange"
/>
<el-time-picker <el-time-picker
v-model="value1" v-model="value1"
placeholder="任意时间点" format="HH:mm"
style="width: 100px"
/> />
</div> </div>
</el-form-item> </el-form-item>
...@@ -133,7 +185,7 @@ ...@@ -133,7 +185,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="10">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm"> <el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="巡检范围:"> <el-form-item label="巡检范围:">
<div class="equipmentDiv"> <div class="equipmentDiv">
...@@ -168,7 +220,7 @@ ...@@ -168,7 +220,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="外部接收邮箱:"> <el-form-item label="外部接收邮箱:">
<el-input v-model="addWarnForm.mailbox" /> <el-input v-model="addWarnForm.mailbox" placeholder="多个邮箱用英文分号分隔" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-col> </el-col>
...@@ -292,7 +344,7 @@ export default { ...@@ -292,7 +344,7 @@ export default {
}, },
addDialog: false, addDialog: false,
updateDialog: false, updateDialog: false,
isEdit: false, isEdit: '',
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
queryParams: { queryParams: {
...@@ -306,6 +358,8 @@ export default { ...@@ -306,6 +358,8 @@ export default {
}, },
radio: 1, radio: 1,
value1: '', value1: '',
whatNumber: '',
whatNumbers: '',
checkCity: [], checkCity: [],
checkAll: false, checkAll: false,
checkInvert: false, checkInvert: false,
...@@ -335,6 +389,52 @@ export default { ...@@ -335,6 +389,52 @@ export default {
value: '2' value: '2'
} }
], ],
weekly: '',
weekLy: [
{
label: '周一',
value: '1'
},
{
label: '周二',
value: '2'
},
{
label: '周三',
value: '3'
},
{
label: '周四',
value: '4'
},
{
label: '周五',
value: '5'
},
{
label: '周六',
value: '6'
},
{
label: '周日',
value: '7'
}
],
inspectors: '',
Inspector: [
{
label: '管理员'
},
{
label: '张三'
},
{
label: 'abc'
},
{
label: 'test'
}
],
riskTypeOptions: [ riskTypeOptions: [
{ {
label: '删除', label: '删除',
...@@ -377,6 +477,18 @@ export default { ...@@ -377,6 +477,18 @@ export default {
] ]
} }
}, },
computed: {
// eslint-disable-next-line vue/return-in-computed-property
dialogTitle() {
if (this.isEdit === 1) {
return '编辑巡检计划'
} else if (this.isEdit === 2) {
return '新增巡检计划'
} else {
return '复制巡检计划'
}
}
},
mounted() { mounted() {
if (this.$route.query.type === '1') { if (this.$route.query.type === '1') {
this.addWarnDialog = true this.addWarnDialog = true
...@@ -452,21 +564,22 @@ export default { ...@@ -452,21 +564,22 @@ export default {
}).then(() => {}) }).then(() => {})
}, },
handleUpdate() { handleUpdate() {
this.isEdit = true this.isEdit = 1
this.addDialog = true this.addDialog = true
}, },
closeUpdateDialog() { closeUpdateDialog() {
this.updateDialog = false this.updateDialog = false
}, },
addPlan() { addPlan() {
this.isEdit = false this.isEdit = 2
this.addDialog = true this.addDialog = true
}, },
closeDialog() { closeDialog() {
this.addDialog = false this.addDialog = false
}, },
addWarn() { addWarn() {
this.addWarnDialog = true this.isEdit = 3
this.addDialog = true
}, },
/** 查询按钮操作 */ /** 查询按钮操作 */
changeTime() { changeTime() {
......
src/views/patrolManagement/patrolInspectionReport.vue
View file @ bb395feb
...@@ -9,13 +9,25 @@ ...@@ -9,13 +9,25 @@
</div> </div>
</div> </div>
<div class="warnBody"> <div class="warnBody">
<div> <div style="margin-top: 10px">
<el-date-picker
v-model="searchBy.startTime"
type="date"
placeholder="选择日期"
style="margin-left: 10px;width: 150px"
/>
<el-date-picker
v-model="searchBy.endTime"
type="date"
placeholder="选择日期"
style="width: 150px"
/>
<el-select <el-select
v-model="searchBy.plan" v-model="searchBy.plan"
class="searchInput" class="searchInput"
placeholder="全部计划" placeholder="全部计划"
clearable clearable
style="width: 100px;margin-left: 10px" style="width: 100px;"
maxlength="20" maxlength="20"
> >
<el-option <el-option
...@@ -70,7 +82,7 @@ ...@@ -70,7 +82,7 @@
<el-table <el-table
:data="tableData" :data="tableData"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;padding-left: 10px"
> >
<el-table-column type="selection" width="60" align="center" /> <el-table-column type="selection" width="60" align="center" />
<el-table-column label="报告名称" prop="patrolInspectionTitle" show-overflow-tooltip /> <el-table-column label="报告名称" prop="patrolInspectionTitle" show-overflow-tooltip />
...@@ -301,6 +313,8 @@ export default { ...@@ -301,6 +313,8 @@ export default {
name1: [], name1: [],
cityOption1: ['管理员', '张三 889922@sina.com', 'abc 889922@sina.com', 'testcll call36@126.com'], cityOption1: ['管理员', '张三 889922@sina.com', 'abc 889922@sina.com', 'testcll call36@126.com'],
searchBy: { searchBy: {
startTime: '',
endTime: '',
plan: '', plan: '',
inspection: '', inspection: '',
sendStatus: '' sendStatus: ''
......
src/views/patrolManagement/patrolInspectionReportDetails.vue
View file @ bb395feb
...@@ -35,43 +35,33 @@ ...@@ -35,43 +35,33 @@
<el-button style="margin-left: 10px" @click="back">返回</el-button> <el-button style="margin-left: 10px" @click="back">返回</el-button>
</el-col> </el-col>
</el-row> </el-row>
<div class="mointorHead">
<div>
<el-form inline label-width="auto" label-position="right">
<el-form-item class="headSearch" style="margin-left: 10px" label="设备名称:">
<!-- <i style="font-size: 23px;line-height: 20px; background-color: #d6d6d6; border: 1px solid #cccccc " class="el-icon-search" />-->
<el-input v-model.trim="searchBy.userName" class="searchInput" clearable placeholder="请输入设备名称" />
</el-form-item>
<el-form-item class="headSearch" label="设备状态:">
<el-select
v-model="searchBy.operationStatus"
class="searchInput"
placeholder="全部状态"
clearable
style="width: 150px"
maxlength="30"
>
<el-option
v-for="(item,index) in riskTypeOption1"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-button>查询</el-button>
</el-form>
</div>
</div>
<div class="warnBody"> <div class="warnBody">
<div style="margin-top: 10px;margin-left: 10px">
<el-input v-model.trim="searchBy.userName" style="width: 150px;" class="searchInput" clearable placeholder="请输入设备名称" />
<el-select
v-model="searchBy.operationStatus"
class="searchInput"
placeholder="全部状态"
clearable
style="width: 150px"
maxlength="30"
>
<el-option
v-for="(item,index) in riskTypeOption1"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-button>查询</el-button>
</div>
<el-table <el-table
:data="tableData" :data="tableData"
border border
style="width: 100%;padding-top: 20px" style="width: 100%;padding-top: 20px;padding-left: 10px"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
> >
<!-- <el-table-column label="序号" width="60" type="index" align="center" />--> <!-- <el-table-column label="序号" width="60" type="index" align="center" />-->
<el-table-column label="设备名称" prop="patrolInspectionTitle" show-overflow-tooltip /> <el-table-column label="设备名称" prop="patrolInspectionTitle" show-overflow-tooltip />
<el-table-column label="IP地址" prop="patrolStatus" show-overflow-tooltip /> <el-table-column label="IP地址" prop="patrolStatus" show-overflow-tooltip />
<el-table-column label="设备状态" prop="inspector" show-overflow-tooltip /> <el-table-column label="设备状态" prop="inspector" show-overflow-tooltip />
......
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