Skip to content

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

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

parent 6097ce03
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 @@
<el-table
:data="tableData"
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="operationType" show-overflow-tooltip />
......
src/views/IntegratedMonitor/reportStatistics/theServer.vue
View file @ bb395feb
......@@ -14,7 +14,7 @@
<el-table
:data="tableData"
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="available" show-overflow-tooltip />
......
src/views/movingRingMonitoring/accessControl/accessControlList.vue
View file @ bb395feb
......@@ -5,12 +5,14 @@
<span style="font-size:24px;margin-right: 10px ">门禁列表</span>
</div>
<div class="warnBody">
<el-input v-model.trim="searchBy.userName" style="width: 20%" class="searchInput" clearable placeholder="请输入门禁/数据源名称" />
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="refresh">导出</el-button>
<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="请输入门禁/数据源名称" />
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="refresh">导出</el-button>
</div>
<el-table
:data="tableData"
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="门禁名称" prop="userName" show-overflow-tooltip />
......@@ -82,6 +84,16 @@ export default {
type: 'warning'
}).then(() => {})
},
addEquipment() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/accessRecord'
})
},
addRow() {
this.$router.push({
path: '/movingRingMonitoring/accessControl/personnelInformation'
})
},
addWarn() {
this.addWarnDialog = true
}
......
src/views/movingRingMonitoring/accessControl/accessRecord.vue
View file @ bb395feb
......@@ -10,30 +10,30 @@
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
:value="item.value"
/>
</el-select>
<el-date-picker
v-model="dateTime"
type="daterange"
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions">
</el-date-picker>
v-model="dateTime"
type="daterange"
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
/>
<el-input
v-model="inputPersonName"
placeholder="请输入人员名称"
prefix-icon="el-icon-search"
v-model="inputPersonName"
style="width: 20%">
</el-input>
<el-button @click="exportAccess" style="float: right">导出</el-button>
style="width: 20%"
/>
<el-button style="float: right" @click="exportAccess">导出</el-button>
<el-table
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
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="personName" show-overflow-tooltip />
......@@ -44,15 +44,15 @@
<el-table-column label="备注" prop="remarks" show-overflow-tooltip />\
</el-table>
<el-pagination
align='center'
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
align="center"
:current-page="currentPage"
:page-sizes="[5,10,20]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length">
</el-pagination>
:total="tableData.length"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</div>
</template>
......
src/views/movingRingMonitoring/accessControl/dataSourceConfiguration.vue
View file @ bb395feb
......@@ -5,24 +5,24 @@
</div>
<div class="accessBody">
<el-input
v-model="inputDataName"
placeholder="数据源名称"
prefix-icon="el-icon-search"
v-model="inputDataName"
style="width: 20%">
</el-input>
style="width: 20%"
/>
<span style="margin-left: 20px">状态：</span>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
:value="item.value"
/>
</el-select>
<el-button @click="addDataSource" style="margin-left: 300px" type="success">添加数据源</el-button>
<el-button @click="allStart" style="" type="success">批量启用</el-button>
<el-button @click="allEnd" style="" type="warning">批量停用</el-button>
<el-button @click="allDelete" style="" type="warning">批量删除</el-button>
<el-button style="margin-left: 300px" type="success" @click="addDataSource">添加数据源</el-button>
<el-button style="" type="success" @click="allStart">批量启用</el-button>
<el-button style="" type="warning" @click="allEnd">批量停用</el-button>
<el-button style="" type="warning" @click="allDelete">批量删除</el-button>
<el-table
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border
......@@ -30,8 +30,8 @@
>
<el-table-column
type="selection"
width="55">
</el-table-column>
width="55"
/>
<el-table-column label="序号" prop="idNum" show-overflow-tooltip />
<el-table-column label="数据源名称" prop="dataName" show-overflow-tooltip />
<el-table-column label="品牌" prop="brand" show-overflow-tooltip />
......@@ -48,16 +48,154 @@
</el-table-column>
</el-table>
<el-pagination
align='center'
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
align="center"
:current-page="currentPage"
:page-sizes="[5,10,20]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="tableData.length">
</el-pagination>
:total="tableData.length"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
<el-dialog class="addWarnClass" width="50%" title="数据源添加" :visible.sync="addWarnDialog">
<div class="ninthSteps">
<el-steps :active="stepActive" simple finish-status="success">
<el-step title="选择品牌" />
<el-step title="配置信息" />
<el-step title="选择门禁" />
</el-steps>
</div>
<el-form v-if="stepActive === 1" ref="addForm" style="width: 80%;height: 400px" label-width="auto" :model="addForm">
<div style="margin-top: 10px">
<el-button v-model="addForm.brand" style="height: 100px;width: 30%" @click="nextStep">新创(例如MySQL)</el-button>
<el-button v-model="addForm.brand" style="height: 100px;width: 30%" @click="nextStep">中控(一体机)</el-button>
<el-button v-model="addForm.brand" style="height: 100px;width: 30%" @click="nextStep">中控(access数据库)</el-button>
</div>
</el-form>
<el-form v-if="stepActive === 2" ref="addForm2" style="width: 80%;height: 400px" label-width="auto" :model="addForm2">
<el-form label-width="auto" label-position="right">
<el-form-item label="数据源名称:">
<el-input v-model="addForm2.dataSourceName" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="IP地址:">
<el-input v-model="addForm2.ipAddress" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="端口:">
<el-input v-model="addForm2.port" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="用户名:">
<el-input v-model="addForm2.userName" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="密码:">
<el-input v-model="addForm2.passWord" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="备注:">
<el-input v-model="addForm2.remarks" type="textarea" :rows="3" />
</el-form-item>
</el-form>
</el-form>
<el-form v-if="stepActive === 3" ref="addForm3" style="width: 80%;height: 400px" label-width="auto" :model="addForm3">
<div>
<div class="strategyRow">
<el-input style="margin-top: 10px;width: 40% " prefix-icon="el-icon-search" placeholder="请输入门禁名称"/>
<el-table
:data="data.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border
style="width: 100%;padding-top: 20px"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column label="序号" prop="idNum" show-overflow-tooltip />
<el-table-column label="门禁名称" prop="dataName" show-overflow-tooltip />
<el-table-column label="品牌型号" prop="brand" show-overflow-tooltip />
<el-table-column label="认证方式" prop="type" show-overflow-tooltip />
<el-table-column label="品牌型号" prop="remarks" show-overflow-tooltip />\
</el-table>
</div>
</div>
</el-form>
<span slot="footer" style="text-align:center">
<el-button v-if="stepActive !== 1" style="text-align: center" type="primary" @click="beforeStep">上一步</el-button>
<el-button v-if="stepActive === 2" style="text-align: center" type="primary" @click="nextStep">下一步</el-button>
<el-button v-if="stepActive === 3" style="text-align: center" type="primary" @click="closeNextStep">完成</el-button>
<el-button v-if="stepActive === 1" style="text-align: center" @click="closeAddDialog">取消</el-button>
</span>
</el-dialog>
<el-dialog class="addWarnClass" width="50%" title="数据源编辑" :visible.sync="updateWarnDialog">
<div class="ninthSteps">
<el-steps :active="updateStepActive" simple finish-status="success">
<el-step title="配置信息" />
<el-step title="选择门禁" />
</el-steps>
</div>
<el-form v-if="updateStepActive === 1" ref="addForm2" style="width: 80%;height: 400px" label-width="auto" :model="updateForm">
<el-form label-width="auto" label-position="right">
<el-form-item label="数据源名称:">
<el-input v-model="updateForm.dataSourceName" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="IP地址:">
<el-input v-model="updateForm.ipAddress" type="textarea" :rows="1" />
</el-form-item>
<el-form-item label="备注:">
<el-input v-model="updateForm.remarks" type="textarea" :rows="3" />
</el-form-item>
</el-form>
</el-form>
<el-form v-if="updateStepActive === 2" ref="addForm3" style="width: 80%;height: 400px" label-width="auto" :model="updateForm1">
<div>
<div class="strategyRow">
<el-input style="margin-top: 10px;width: 40% " prefix-icon="el-icon-search" placeholder="请输入门禁名称"/>
<el-table
:data="data.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border
style="width: 100%;padding-top: 20px"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column label="序号" prop="idNum" show-overflow-tooltip />
<el-table-column label="门禁名称" prop="dataName" show-overflow-tooltip />
<el-table-column label="品牌型号" prop="brand" show-overflow-tooltip />
<el-table-column label="认证方式" prop="type" show-overflow-tooltip />
<el-table-column label="品牌型号" prop="remarks" show-overflow-tooltip />\
</el-table>
</div>
</div>
</el-form>
<span slot="footer" style="text-align:center">
<el-button v-if="updateStepActive === 2" style="text-align: center" type="primary" @click="beforeUpdateStep">上一步</el-button>
<el-button v-if="updateStepActive === 1" style="text-align: center" type="primary" @click="nextUpdateStep">下一步</el-button>
<el-button v-if="updateStepActive === 2" style="text-align: center" type="primary" @click="closeNextStep">完成</el-button>
<el-button style="text-align: center" @click="closeAddDialog">取消</el-button>
</span>
</el-dialog>
<el-dialog class="addWarnClass" width="50%" title="查看门禁" :visible.sync="viewAccessControl">
<div class="strategyRow">
<el-input style="margin-top: 10px;width: 40% " prefix-icon="el-icon-search" placeholder="请输入门禁名称"/>
<el-table
:data="data.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border
style="width: 100%;padding-top: 20px"
>
<el-table-column
type="selection"
width="55"
/>
<el-table-column label="序号" prop="idNum" show-overflow-tooltip />
<el-table-column label="门禁名称" prop="dataName" show-overflow-tooltip />
<el-table-column label="品牌型号" prop="brand" show-overflow-tooltip />
<el-table-column label="认证方式" prop="type" show-overflow-tooltip />
<el-table-column label="备注" prop="remarks" show-overflow-tooltip />\
</el-table>
</div>
<span slot="footer" style="text-align:center">
<el-button style="text-align: center" @click="closeAddDialog">取消</el-button>
</span>
</el-dialog>
</div>
</template>
......@@ -82,6 +220,88 @@ export default {
}
],
value: 1,
addWarnDialog: false,
updateWarnDialog: false,
viewAccessControl: false,
control: {
accessControlName: '',
brand: '',
type: '',
remarks: ''
},
addForm: {
brand: ''
},
addForm2: {
dataSourceName: '',
ipAddress: '',
port: '',
userName: '',
passWord: '',
remarks: ''
},
updateForm: {
dataSourceName: '',
ipAddress: '',
port: '',
userName: '',
passWord: '',
remarks: ''
},
updateForm1: {
},
addForm3: {
},
stepActive: 1,
updateStepActive: 1,
data: [
{
idNum: '1',
dataName: '总经理办公室',
brand: '测试品牌1',
accessNum: '线上',
type: '线上',
remarks: '3'
}, {
idNum: '2',
dataName: '305办公室',
brand: '测试品牌2',
accessNum: '线上',
remarks: '6'
}, {
idNum: '3',
dataName: '南大门',
brand: '测试品牌3',
accessNum: '线上',
remarks: '5'
}, {
idNum: '4',
dataName: '西门',
brand: '测试品牌4',
accessNum: '线上',
remarks: '4'
}, {
idNum: '5',
dataName: '财务',
brand: '测试品牌5',
accessNum: '线上',
remarks: '3'
}, {
idNum: '6',
dataName: '人事',
brand: '测试品牌6',
accessNum: '线上',
remarks: '2'
}, {
idNum: '7',
dataName: 'test',
brand: '测试品牌7',
accessNum: '线上',
remarks: '1'
}
],
tableData: [
{
idNum: '1',
......@@ -147,7 +367,9 @@ export default {
}
},
methods: {
addDataSource() {},
addDataSource() {
this.addWarnDialog = true
},
allStart() {
this.$confirm('是否启用？', '提示', {
confirmButtonText: '确定',
......@@ -169,7 +391,30 @@ export default {
type: 'warning'
}).then(() => {})
},
updateRow() {},
closeAddDialog() {
this.addWarnDialog = false
this.viewAccessControl = false
this.updateWarnDialog = false
},
closeNextStep() {
this.addWarnDialog = false
this.updateWarnDialog = false
},
nextUpdateStep() {
this.updateStepActive = 2
},
beforeUpdateStep() {
this.updateStepActive = 1
},
nextStep() {
if (this.stepActive++ > 2) this.stepActive = 1
},
beforeStep() {
if (this.stepActive-- < 2) this.stepActive = 3
},
updateRow() {
this.updateWarnDialog = true
},
deleteRow() {
this.$confirm('此操作将删除该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
......@@ -184,7 +429,9 @@ export default {
type: 'warning'
}).then(() => {})
},
queryAccess() {},
queryAccess(row) {
this.viewAccessControl = true
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`)
this.currentPage = 1
......
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 @@
</div>
<div class="warnBody">
<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
v-model="searchBy.operationStatus"
class="searchInput"
......@@ -45,7 +45,7 @@
<el-table
:data="tableData"
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 label="标题" prop="patrolInspectionTitle" show-overflow-tooltip />
......@@ -60,7 +60,7 @@
<el-table-column width="200px" label="操作">
<el-link @click="implement">执行</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">
<div slot="content" class="tooltipText" @click="deleteRow">删除</div>
<div slot="content" class="tooltipText" @click="addWarn">复制</div>
......@@ -72,55 +72,107 @@
</el-table-column>
</el-table>
</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-col :span="12">
<el-col :span="14">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="计划名称:">
<el-input v-model="addWarnForm.name" />
</el-form-item>
<el-form-item label="巡检人:">
<el-input-number v-model="addWarnForm.articlesNumber" style="width: 100%;" controls-position="right" :min="0" @change="handleChange" />
</el-form-item>
<el-select
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-input v-model="addWarnForm.describe" type="textarea" :rows="5" />
</el-form-item>
<el-form-item label="巡检周期:">
<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="2">周报</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-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 v-if="radio === 1" class="timePlan">
<span>每日</span>
<el-time-picker
v-model="value1"
placeholder="任意时间点"
format="HH:mm"
style="width: 100px"
/>
</div>
<div v-if="radio === 2" class="timePlan">
<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
v-model="value1"
placeholder="任意时间点"
format="HH:mm"
style="width: 100px"
/>
</div>
<div v-if="radio === 3" class="timePlan">
<span>每月</span>
<el-input-number
v-model="whatNumber"
style="width: 100px;"
controls-position="right"
:min="0"
@change="handleChange"
/>
<el-time-picker
v-model="value1"
placeholder="任意时间点"
format="HH:mm"
style="width: 100px"
/>
</div>
<div v-if="radio === 4" class="timePlan">
<span>每周期的</span>
<el-input-number
v-model="whatNumber"
style="width: 100px;"
controls-position="right"
:min="0"
@change="handleChange"
/>
<el-time-picker
v-model="value1"
placeholder="任意时间点"
format="HH:mm"
style="width: 100px"
/>
</div>
</el-form-item>
......@@ -133,7 +185,7 @@
</el-form-item>
</el-form>
</el-col>
<el-col :span="12">
<el-col :span="10">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="巡检范围:">
<div class="equipmentDiv">
......@@ -168,7 +220,7 @@
</div>
</el-form-item>
<el-form-item label="外部接收邮箱:">
<el-input v-model="addWarnForm.mailbox" />
<el-input v-model="addWarnForm.mailbox" placeholder="多个邮箱用英文分号分隔" />
</el-form-item>
</el-form>
</el-col>
......@@ -292,7 +344,7 @@ export default {
},
addDialog: false,
updateDialog: false,
isEdit: false,
isEdit: '',
// 是否显示弹出层
open: false,
queryParams: {
......@@ -306,6 +358,8 @@ export default {
},
radio: 1,
value1: '',
whatNumber: '',
whatNumbers: '',
checkCity: [],
checkAll: false,
checkInvert: false,
......@@ -335,6 +389,52 @@ export default {
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: [
{
label: '删除',
......@@ -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() {
if (this.$route.query.type === '1') {
this.addWarnDialog = true
......@@ -452,21 +564,22 @@ export default {
}).then(() => {})
},
handleUpdate() {
this.isEdit = true
this.isEdit = 1
this.addDialog = true
},
closeUpdateDialog() {
this.updateDialog = false
},
addPlan() {
this.isEdit = false
this.isEdit = 2
this.addDialog = true
},
closeDialog() {
this.addDialog = false
},
addWarn() {
this.addWarnDialog = true
this.isEdit = 3
this.addDialog = true
},
/** 查询按钮操作 */
changeTime() {
......
src/views/patrolManagement/patrolInspectionReport.vue
View file @ bb395feb
......@@ -9,13 +9,25 @@
</div>
</div>
<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
v-model="searchBy.plan"
class="searchInput"
placeholder="全部计划"
clearable
style="width: 100px;margin-left: 10px"
style="width: 100px;"
maxlength="20"
>
<el-option
......@@ -70,7 +82,7 @@
<el-table
:data="tableData"
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 label="报告名称" prop="patrolInspectionTitle" show-overflow-tooltip />
......@@ -301,6 +313,8 @@ export default {
name1: [],
cityOption1: ['管理员', '张三 889922@sina.com', 'abc 889922@sina.com', 'testcll call36@126.com'],
searchBy: {
startTime: '',
endTime: '',
plan: '',
inspection: '',
sendStatus: ''
......
src/views/patrolManagement/patrolInspectionReportDetails.vue
View file @ bb395feb
......@@ -35,43 +35,33 @@
<el-button style="margin-left: 10px" @click="back">返回</el-button>
</el-col>
</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 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
:data="tableData"
border
style="width: 100%;padding-top: 20px"
style="width: 100%;padding-top: 20px;padding-left: 10px"
: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="IP地址" prop="patrolStatus" 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