Skip to content

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

样式修改

parent 8fe25c01
Show whitespace changes
Inline Side-by-side
Showing with 1434 additions and 642 deletions
src/views/IntegratedMonitor/reportStatistics/networkEquipment.vue
View file @ a3dae65b
......@@ -2,17 +2,20 @@
<div id="sylog-container" class="app-container-realTime">
<div class="warnHead">
<div class="warnBtns">
<el-button class="headBtn" @click="handleAdd">添加</el-button>
<el-button class="headBtn" @click="handleUpdate">编辑</el-button>
<el-button class="headBtn" @click="deleteRow">删除</el-button>
<el-button class="headBtn" @click="exportRow">导出报表</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
<el-button type="primary" @click="handleAdd">添加</el-button>
<el-button type="primary" @click="handleUpdate">编辑</el-button>
<el-button type="primary" @click="deleteRow">删除</el-button>
<el-button type="primary" @click="exportRow">导出报表</el-button>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-tabs v-model="currentTab" type="card" style="margin-top: 10px">
<el-divider />
<div class="warnBody">
<el-tabs v-model="currentTab" type="card">
<el-tab-pane label="设备运行报表" name="1">
<div style="padding: 10px 10px 10px 0">
<div>
<el-table
v-loading="loading"
border
......@@ -27,7 +30,8 @@
</el-table-column>
<el-table-column :show-overflow-tooltip="true" label="可用性" align="center" prop="usability">
<template slot-scope="scope">
{{ scope.row.usability || '-' }}
<span v-if="scope.row.usability === '1'" class="st-square" style="background-color: #3db58d;" />
<span v-if="scope.row.usability === '2'" class="st-square" style="background-color: #b4bccc;" />
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" label="服务器成功率（%）" align="center" prop="serverSuccessRate">
......@@ -76,7 +80,7 @@
/>
</el-tab-pane>
<el-tab-pane label="接口流量报表" name="2">
<div style="padding: 10px 10px 10px 0">
<div>
<el-table
v-loading="loading"
border
......@@ -95,12 +99,14 @@
</el-table-column>
<el-table-column :show-overflow-tooltip="true" label="操作状态" align="center" prop="operationStatus">
<template slot-scope="scope">
{{ scope.row.operationStatus || '-' }}
<span v-if="scope.row.operationStatus === '1'" class="st-square" style="background-color: #3db58d;" />
<span v-if="scope.row.operationStatus === '2'" class="st-square" style="background-color: #b4bccc;" />
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" label="管理状态" align="center" prop="managementStatus">
<template slot-scope="scope">
{{ scope.row.managementStatus || '-' }}
<span v-if="scope.row.managementStatus === '1'" class="st-square" style="background-color: #3db58d;" />
<span v-if="scope.row.managementStatus === '2'" class="st-square" style="background-color: #b4bccc;" />
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" label="入流量(Mbit/s)" align="center" prop="inRate">
......@@ -167,6 +173,7 @@
</div>
</el-tab-pane>
</el-tabs>
</div>
<el-dialog class="addGroup" width="50%" :title="dialogTitle" :visible.sync="addDialog">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="名称:">
......@@ -203,6 +210,7 @@ export default {
name: 'NetworkEquipment',
data() {
return {
fullscreen: false,
// 遮罩层
loading: true,
// 选中数组
......@@ -246,7 +254,7 @@ export default {
data: [
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -257,7 +265,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -268,7 +276,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '2',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -279,7 +287,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '2',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -290,7 +298,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -301,7 +309,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -312,7 +320,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -323,7 +331,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -334,7 +342,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -345,7 +353,7 @@ export default {
},
{
equipmentName: '人脸验证服务器',
usability: '',
usability: '1',
serverSuccessRate: '100',
averageResponseTime: '0.8',
shake: '1.25',
......@@ -414,7 +422,7 @@ export default {
equipmentName: '核心交换机',
interfaceName: 'Port-channel1',
operationStatus: '1',
managementStatus: '1',
managementStatus: '2',
inRate: '0.2',
outRate: '0.3',
inPacket: '178',
......@@ -432,7 +440,7 @@ export default {
equipmentName: '核心交换机',
interfaceName: 'Port-channel1',
operationStatus: '1',
managementStatus: '1',
managementStatus: '2',
inRate: '0.2',
outRate: '0.3',
inPacket: '178',
......@@ -593,19 +601,43 @@ export default {
this.getList()
},
mounted() {
this.handleExpand()
window.onresize = () => {
this.isScreen = screenfull.isFullscreen
}
this.handleExpand() // 全屏
},
methods: {
handleExpand() {
const element = document.getElementById('sylog-container')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -673,7 +705,6 @@ export default {
</script>
<style lang="scss" scoped>
.app-container-realTime {
padding: 0 20px;
font-size: 18px;
.placeholder{
height:14px;
......@@ -687,11 +718,17 @@ export default {
height: 9px;
display: inline-block;
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
//background-color: #edeef3 !important;
//border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
......@@ -709,6 +746,16 @@ export default {
}
}
}
.warnBody{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
.addGroup{
.equipmentDiv{
......
src/views/IntegratedMonitor/reportStatistics/operationLog.vue
View file @ a3dae65b
......@@ -2,19 +2,22 @@
<div id="container_max" class="warnModule">
<div class="warnHead">
<div class="warnBtns">
<el-button class="headBtn" @click="handleAdd">添加</el-button>
<el-button class="headBtn" @click="handleUpdate">编辑</el-button>
<el-button class="headBtn" @click="deleteRow">删除</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
<el-button type="primary" @click="handleAdd">添加</el-button>
<el-button type="primary" @click="handleUpdate">编辑</el-button>
<el-button type="primary" @click="deleteRow">删除</el-button>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<span style="font-size:24px;margin-right: 10px ">操作日志查询</span>
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">操作日志查询</div>
</div>
<el-table
:data="tableData"
border
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 />
......@@ -137,6 +140,7 @@ export default {
name: 'OperationLog',
data() {
return {
fullscreen: false,
data: [],
stepActive: 1,
updateWarnForm: {
......@@ -214,9 +218,37 @@ export default {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -319,11 +351,17 @@ export default {
max-width: 73%;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
//background-color: #edeef3 !important;
//border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
......@@ -342,7 +380,27 @@ export default {
}
}
.warnBody{
padding: 15px;
padding: 10px 10px 0 10px;
.name-icon{
width: 20px;
height: 20px;
position: relative;
top: 5px;
}
.square-green{
background-color: #3db58d;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
.square-yellow{
background-color: #edb845;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
.addWarnClass{
......
src/views/IntegratedMonitor/reportStatistics/theServer.vue
View file @ a3dae65b
......@@ -2,22 +2,31 @@
<div id="container_max" class="warnModule">
<div class="warnHead">
<div class="warnBtns">
<el-button class="headBtn" @click="handleAdd">添加</el-button>
<el-button class="headBtn" @click="handleUpdate">编辑</el-button>
<el-button class="headBtn" @click="deleteRow">删除</el-button>
<el-button class="headBtn" @click="exportRow">导出报表</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
<el-button type="primary" @click="handleAdd">添加</el-button>
<el-button type="primary" @click="handleUpdate">编辑</el-button>
<el-button type="primary" @click="deleteRow">删除</el-button>
<el-button type="primary" @click="exportRow">导出报表</el-button>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">服务器查询</div>
</div>
<el-table
:data="tableData"
border
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 />
<el-table-column label="可用性" prop="available" show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="scope.row.available === '可用'" class="st-square" style="background-color: #3db58d;" />
<span v-if="scope.row.available === '不可用'" class="st-square" style="background-color: #b4bccc;" />
</template>
</el-table-column>
<el-table-column label="响应时间（ms)" prop="correspondingTime" show-overflow-tooltip />
<el-table-column label="CPU（%）" prop="cpu" show-overflow-tooltip />
<el-table-column label="物理内存（%）" prop="physicalMemory" show-overflow-tooltip />
......@@ -109,11 +118,14 @@
<script>
import screenfull from 'screenfull'
import Template from "@/views/instance/Template";
export default {
name: 'TheServer',
components: {Template},
data() {
return {
fullscreen: false,
data: [{
id: 1,
label: '本机容器',
......@@ -183,9 +195,9 @@ export default {
},
tableData: [
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '不可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '不可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '不可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
{ serverName: '人脸识别服务器', available: '可用', correspondingTime: '0', cpu: '4', physicalMemory: '70.2', virtualMemory: '0', diskMax: '6', diskUsageMax: '80', todayAlarm: '0' },
......@@ -207,9 +219,37 @@ export default {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -266,11 +306,17 @@ export default {
.el-input__inner{
padding: 0 0 0 9px;
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
//background-color: #edeef3 !important;
//border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
.headBtn{
......@@ -289,7 +335,14 @@ export default {
}
}
.warnBody{
padding: 15px;
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
.addGroup{
......
src/views/assetManagement/assetMaintenance/index.vue
View file @ a3dae65b
......@@ -2,18 +2,21 @@
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">资产维保记录</span>
<div class="warnBtns">
<el-button class="headBtnW" style="background-color: #2c3e50;color: #f4f6fc" @click="addInformation">新增</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
<el-button type="primary" @click="addInformation">新增</el-button>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">资产维保记录</div>
</div>
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="维修单号" prop="repairOrderNo" show-overflow-tooltip>
<template slot-scope="scope">
......@@ -33,7 +36,7 @@
<el-table-column label="处理人" prop="handler" show-overflow-tooltip />
<el-table-column width="200px" label="操作">
<template slot-scope="scope">
<el-link v-if="scope.row.assetStatus === '1'" @click="implement">完成</el-link>
<el-link v-if="scope.row.assetStatus === '1'" type="primary" @click="implement">完成</el-link>
</template>
</el-table-column>
</el-table>
......@@ -204,6 +207,7 @@ export default {
components: { Template },
data() {
return {
fullscreen: false,
stepActive: 1,
queryParams: {
page: 1,
......@@ -593,9 +597,37 @@ export default {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -710,16 +742,23 @@ export default {
max-width: 73%;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
//display: flex;
//justify-content: space-between;
//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;
......@@ -732,14 +771,9 @@ export default {
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
......@@ -750,19 +784,16 @@ export default {
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{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
......
src/views/assetManagement/informationChange/index.vue
View file @ a3dae65b
......@@ -2,18 +2,22 @@
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">人员信息</span>
<!-- <span style="font-size:24px;margin-right: 10px ">人员信息</span>-->
<div class="warnBtns">
<el-button class="headBtnW" style="background-color: #2c3e50;color: #f4f6fc" @click="addInformation">新增</el-button>
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
<el-button type="primary" @click="addInformation">新增</el-button>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">人员信息</div>
</div>
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column label="变更单号" prop="changeOrderNo" show-overflow-tooltip>
<template slot-scope="scope">
......@@ -33,7 +37,7 @@
<el-table-column label="处理人" prop="handler" show-overflow-tooltip />
<el-table-column width="200px" label="操作">
<template slot-scope="scope">
<el-link v-if="scope.row.assetStatus === '1'" @click="implement">完成</el-link>
<el-link v-if="scope.row.assetStatus === '1'" type="primary" @click="implement">完成</el-link>
</template>
</el-table-column>
</el-table>
......@@ -327,6 +331,7 @@ export default {
components: { Template },
data() {
return {
fullscreen: false,
stepActive: 1,
queryParams: {
page: 1,
......@@ -740,9 +745,37 @@ export default {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -856,16 +889,23 @@ export default {
max-width: 73%;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
//display: flex;
//justify-content: space-between;
//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;
......@@ -878,14 +918,9 @@ export default {
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
......@@ -896,19 +931,16 @@ export default {
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{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
......
src/views/movingRingMonitoring/accessControl/accessControlList.vue
View file @ a3dae65b
......@@ -2,25 +2,31 @@
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">门禁列表</span>
<el-form inline label-width="auto" label-position="right">
<el-form-item class="headSearch">
<el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" clearable placeholder="请输入门禁/数据源名称" />
</el-form-item>
</el-form>
<div>
<el-button type="primary" class="warnBtns" @click="refresh">导出</el-button>
</div>
</div>
<el-divider />
<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="请输入门禁/数据源名称" />
<el-button type="button" style="margin-right: 10px;float: right" class="headBtn" @click="refresh">导出</el-button>
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">门禁列表</div>
</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="userName" show-overflow-tooltip />
<el-table-column label="认证方式" prop="operationType" show-overflow-tooltip />
<el-table-column label="数据源名称" prop="operationStatus" show-overflow-tooltip />
<el-table-column width="300px" label="操作">
<el-link @click="addEquipment">出入记录</el-link>
<el-link @click="addRow">人员信息</el-link>
<el-link type="primary" @click="addEquipment">出入记录</el-link>
<el-link type="primary" @click="addRow">人员信息</el-link>
</el-table-column>
</el-table>
</div>
......@@ -126,16 +132,23 @@ export default {
max-width: 73%;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
display: flex;
justify-content: space-between;
//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;
......@@ -148,14 +161,9 @@ export default {
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
......@@ -166,19 +174,16 @@ export default {
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{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
......
src/views/movingRingMonitoring/accessControl/accessRecord.vue
View file @ a3dae65b
<!--出入记录-->
<template>
<div id="container_max" class="accessModule">
<div class="accessHead">
<span style="font-size:24px;margin-right: 10px ">门禁出入记录</span>
</div>
<div class="accessBody">
<div class="warnHead">
<el-form inline label-width="auto" label-position="right">
<el-form-item class="headSearch" label=" ">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
......@@ -13,6 +12,8 @@
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item class="headSearch" label=" ">
<el-date-picker
v-model="dateTime"
type="daterange"
......@@ -23,17 +24,29 @@
end-placeholder="结束日期"
:picker-options="pickerOptions"
/>
</el-form-item>
<el-form-item class="headSearch" label=" ">
<el-input
v-model="inputPersonName"
placeholder="请输入人员名称"
prefix-icon="el-icon-search"
style="width: 20%"
style="width: 200px"
/>
<el-button style="float: right" @click="exportAccess">导出</el-button>
</el-form-item>
<el-button type="primary" class="headBtn">查询</el-button>
</el-form>
<div>
<el-button type="primary" class="warnBtns" @click="exportAccess">导出</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">门禁出入记录</div>
</div>
<el-table
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border
style="width: 100%;padding-top: 20px;"
>
<el-table-column label="序号" prop="idNum" show-overflow-tooltip />
<el-table-column label="人员姓名" prop="personName" show-overflow-tooltip />
......@@ -217,14 +230,66 @@ export default {
<style lang="scss">
.accessModule {
.accessHead {
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
}
.accessBody {
padding: 15px;
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
padding: 10px 10px 0 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
//.headBtn{
// height: 24px;
// border-radius: 4px;
// line-height: 22px;
// font-size: 12px;
// padding: 0 10px;
// margin: 5px;
// color: #444;
// border-color: #ddd;
//}
.warnBtns{
float: right;
.headBtn{
line-height: 10px;
color: #fff;
border-color: #768398;
background-color: #768398;
}
.headBtnW{
border-radius: 4px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
margin: 0 5px;
}
}
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
border: 0;
}
}
.el-form-item__content{
display: flex;
}
}
}
.warnBody{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
</style>
src/views/movingRingMonitoring/accessControl/dataSourceConfiguration.vue
View file @ a3dae65b
<template>
<div id="container_max" class="accessModule">
<div class="accessHead">
<span style="font-size:24px;margin-right: 10px ">数据源配置</span>
</div>
<div class="accessBody">
<div class="warnHead">
<!-- <span style="font-size:24px;margin-right: 10px ">数据源配置</span>-->
<el-form inline label-width="auto" label-position="right">
<el-form-item class="headSearch">
<el-input
v-model="inputDataName"
placeholder="数据源名称"
prefix-icon="el-icon-search"
style="width: 20%"
/>
<span style="margin-left: 20px">状态：</span>
</el-form-item>
<el-form-item class="headSearch" label="状态:">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
......@@ -19,14 +19,23 @@
:value="item.value"
/>
</el-select>
<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-form-item>
</el-form>
<div>
<el-button class="warnBtns" type="primary" @click="addDataSource">添加数据源</el-button>
<el-button class="warnBtns" type="primary" @click="allStart">批量启用</el-button>
<el-button class="warnBtns" type="primary" @click="allEnd">批量停用</el-button>
<el-button class="warnBtns" type="primary" @click="allDelete">批量删除</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">数据源配置</div>
</div>
<el-table
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
border
style="width: 100%;padding-top: 20px"
>
<el-table-column
type="selection"
......@@ -40,10 +49,10 @@
<el-table-column label="备注描述" prop="remarks" show-overflow-tooltip />\
<el-table-column label="操作">
<template slot-scope="scope">
<el-link style="color: forestgreen" @click="stopRow(scope.row)">停用</el-link>
<el-link style="color: forestgreen" @click="updateRow(scope.row)">编辑</el-link>
<el-link style="color: forestgreen" @click="deleteRow(scope.row)">删除</el-link>
<el-link style="color: forestgreen" @click="queryAccess(scope.row)">查看门禁</el-link>
<el-link type="primary" @click="stopRow(scope.row)">停用</el-link>
<el-link type="primary" @click="updateRow(scope.row)">编辑</el-link>
<el-link type="warning" @click="deleteRow(scope.row)">删除</el-link>
<el-link type="primary" @click="queryAccess(scope.row)">查看门禁</el-link>
</template>
</el-table-column>
</el-table>
......@@ -456,5 +465,59 @@ export default {
.accessBody {
padding: 15px;
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
display: flex;
justify-content: space-between;
//background-color: #edeef3 !important;
//border-bottom: 1px solid #DBDDE3;
.warnBtns{
float: right;
margin: 0 5px;
.headBtn{
line-height: 10px;
color: #fff;
border-color: #768398;
background-color: #768398;
}
.headBtnW{
border-radius: 4px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
margin: 0 5px;
}
}
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
border: 0;
}
}
.el-form-item__content{
display: flex;
}
}
}
.warnBody{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
}
</style>
src/views/patrolManagement/patrolInspectionPlan.vue
View file @ a3dae65b
......@@ -2,15 +2,11 @@
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">巡检计划</span>
<div class="warnBtns">
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
</div>
</div>
<div class="warnBody">
<div style="margin-top: 10px">
<el-input v-model.trim="searchBy.userName" class="searchInput" style="width: 20%;margin-left: 10px" clearable placeholder="请输入巡检计划名称" />
<el-form inline label-width="auto" label-position="right">
<el-form-item class="headSearch">
<el-input v-model.trim="searchBy.userName" clearable placeholder="请输入巡检计划名称" />
</el-form-item>
<el-form-item class="headSearch">
<el-select
v-model="searchBy.operationStatus"
class="searchInput"
......@@ -27,25 +23,24 @@
:value="item.value"
/>
</el-select>
<el-button>搜索</el-button>
<el-select
v-model="value"
class="searchInput"
placeholder="更多操作"
clearable
style="width: 100px;margin-right: 10px;float: right"
maxlength="15"
>
<el-option label="删除" value="" @click.native="userLove">删除</el-option>
<el-option label="启用" value="" @click.native="userMassage">启用</el-option>
<el-option label="停用" value="" @click.native="userHistory">停用</el-option>
</el-select>
<el-button type="button" class="headBtn" style="float: right;margin-right: 10px" @click="addPlan">新增</el-button>
</el-form-item>
<el-button type="primary">搜索</el-button>
</el-form>
<div class="warnBtns">
<el-button type="primary" @click="addPlan">新增</el-button>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">巡检计划</div>
</div>
<el-table
:data="tableData"
border
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 />
......@@ -58,9 +53,9 @@
<el-table-column label="下次巡检时间" prop="NextTime" show-overflow-tooltip />
<el-table-column label="描述" prop="describe" show-overflow-tooltip />
<el-table-column width="200px" label="操作">
<el-link @click="implement">执行</el-link>
<el-link @click="report">报告</el-link>
<el-link @click="handleUpdate">编辑</el-link>
<el-link type="primary" @click="implement">执行</el-link>
<el-link type="primary" @click="report">报告</el-link>
<el-link type="primary" @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>
......@@ -288,6 +283,7 @@ export default {
name: 'PatrolInspectionPlan',
data() {
return {
fullscreen: false,
data: [{
id: 1,
label: '本机容器',
......@@ -499,9 +495,37 @@ export default {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -654,16 +678,23 @@ export default {
max-width: 73%;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
display: flex;
justify-content: space-between;
//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;
......@@ -676,14 +707,9 @@ export default {
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
......@@ -694,17 +720,16 @@ export default {
display: flex;
}
}
.headBtn{
border-radius: 4px;
line-height: 30px;
font-size: 16px;
padding: 0 20px;
color: #444;
border-color: #ddd;
}
}
.warnBody{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
.caretDown{
display: inline-block;
......
src/views/patrolManagement/patrolInspectionReport.vue
View file @ a3dae65b
......@@ -2,26 +2,24 @@
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">巡检报告</span>
<div class="warnBtns">
<el-button class="headBtnW" @click="refresh">刷新</el-button>
<el-button id="fullscreen_btn" class="headBtnW">全屏</el-button>
</div>
</div>
<div class="warnBody">
<div style="margin-top: 10px">
<el-form inline label-width="auto" label-position="right">
<el-form-item class="headSearch">
<el-date-picker
v-model="searchBy.startTime"
type="date"
placeholder="选择日期"
style="margin-left: 10px;width: 150px"
style="width: 150px"
/>
</el-form-item>
<el-form-item class="headSearch">
<el-date-picker
v-model="searchBy.endTime"
type="date"
placeholder="选择日期"
style="width: 150px"
/>
</el-form-item>
<el-form-item>
<el-select
v-model="searchBy.plan"
class="searchInput"
......@@ -37,6 +35,8 @@
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-select
v-model="searchBy.inspection"
class="searchInput"
......@@ -52,6 +52,8 @@
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-select
v-model="searchBy.sendStatus"
class="searchInput"
......@@ -67,29 +69,45 @@
:value="item.value"
/>
</el-select>
<el-button>搜索</el-button>
</el-form-item>
<el-button type="primary">搜索</el-button>
</el-form>
<div class="warnBtns">
<el-select
class="searchInput"
class="warnBtns"
placeholder="更多操作"
clearable
style="width: 100px;margin-right: 10px;float: right"
style="width: 100px;margin-left: 10px;float: right"
maxlength="15"
>
<el-option label="删除" value="" @click.native="userSend">批量发送</el-option>
<el-option label="启用" value="" @click.native="userMassage">批量下载</el-option>
</el-select>
<el-button type="primary" @click="refresh">刷新</el-button>
<el-button v-if="!fullscreen" id="fullscreen_btn" type="primary">全屏</el-button>
<el-button v-if="fullscreen" id="fullscreen_btn2" type="primary">取消全屏</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">巡检报告</div>
</div>
<el-table
:data="tableData"
border
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 />
<el-table-column label="巡检人" prop="inspector" show-overflow-tooltip />
<el-table-column label="巡检时间" prop="patrolInspectionCycle" show-overflow-tooltip />
<el-table-column label="巡检结果" prop="sendingMethod" show-overflow-tooltip />
<el-table-column label="报告发送状态" prop="reportsNumber" show-overflow-tooltip />
<el-table-column label="报告发送状态" prop="reportsNumber" align="center" show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="scope.row.reportsNumber === '失败'" class="st-square" style="background-color: #C03639;text-align: center">{{ scope.row.reportsNumber }}</span>
<span v-if="scope.row.reportsNumber === '成功'" class="st-square" style="background-color: #30B08F;text-align: center">{{ scope.row.reportsNumber }}</span>
</template>
</el-table-column>
<el-table-column label="报告发送时间" prop="latestTime" show-overflow-tooltip />
<el-table-column label="巡检计划名称" prop="NextTime" show-overflow-tooltip />
<el-table-column width="250px" label="操作">
......@@ -386,7 +404,8 @@ export default {
sendingMethod: '0个异常', reportsNumber: '成功', latestTime: '2022-05-08 10:22:33', NextTime: 'test' },
{ patrolInspectionTitle: 'fff', inspector: '管理员', patrolInspectionCycle: '2022-04-06 10:12:21',
sendingMethod: '0个异常', reportsNumber: '成功', latestTime: '2022-05-08 10:22:33', NextTime: 'test' }
]
],
fullscreen: false
}
},
mounted() {
......@@ -399,9 +418,37 @@ export default {
handleExpand() {
const element = document.getElementById('container_max')// 指定全屏区域元素
document.getElementById('fullscreen_btn').addEventListener('click', () => {
if (screenfull.isEnabled) {
screenfull.request(element)
}
// if (screenfull.isEnabled) {
// screenfull.request(element)
// }
// 判断是否已经是全屏
// 如果是全屏，退出
if (this.fullscreen) {
if (document.exitFullscreen) {
document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
console.log('已还原！')
} else { // 否则，进入全屏
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
// IE11
element.msRequestFullscreen()
}
console.log('已全屏！')
}
// 改变当前全屏状态
this.fullscreen = !this.fullscreen
})// 实现模块全屏
},
refresh() {
......@@ -559,16 +606,23 @@ export default {
max-width: 73%;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
display: flex;
justify-content: space-between;
//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;
......@@ -581,14 +635,9 @@ export default {
margin: 0 5px;
}
}
}
.mointorHead{
padding-top: 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
.headSearch{
.searchInput{
border: 1px solid #cccccc;
border-left: 0;
.el-input__inner{
border-radius: 0;
......@@ -599,17 +648,15 @@ export default {
display: flex;
}
}
.headBtn{
border-radius: 4px;
line-height: 30px;
font-size: 16px;
padding: 0 20px;
color: #444;
border-color: #ddd;
}
}
.warnBody{
padding: 10px 10px 0 10px;
.st-square{
cursor: pointer;
width: 9px;
height: 9px;
display: inline-block;
}
}
.caretDown{
display: inline-block;
......
src/views/workManagement/myCreated.vue
View file @ a3dae65b
<!--我创建的-->
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">我的任务</span>
<div class="warnBtns">
<!-- <el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" class="searchInput" style="width: 20%;margin-left: 10px" clearable placeholder="工单主题" />-->
<el-button type="primary" class="headBtnW" @click="addPlan">新增</el-button>
<!-- <el-select-->
<!-- v-model="value"-->
<!-- class="headBtnW"-->
<!-- placeholder="更多操作"-->
<!-- clearable-->
<!-- style="width: 100px;margin-right: 10px;float: right"-->
<!-- maxlength="15"-->
<!-- >-->
<!-- <el-option label="删除" value="" @click.native="userLove">删除</el-option>-->
<!-- <el-option label="启用" value="" @click.native="userMassage">启用</el-option>-->
<!-- <el-option label="停用" value="" @click.native="userHistory">停用</el-option>-->
<!-- </el-select>-->
<el-button class="headBtnW" type="primary" @click="deleteRow">导出工单</el-button>
<el-button class="headBtnW" type="primary" @click="refresh">刷新</el-button>
<div class="mointorHead">
<el-form inline label-width="auto" style="width: 20%" class="headSearch" label-position="right">
<el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" clearable placeholder="工单主题" />
</el-form>
<div>
<el-button class="warnBtns" type="primary" @click="advancedQuery">高级查询</el-button>
<el-button type="primary" class="warnBtns" @click="addPlan">新增</el-button>
<el-button class="warnBtns" type="primary" @click="deleteRow">导出工单</el-button>
<el-button class="warnBtns" type="primary" @click="refresh">刷新</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">我创建的工单</div>
<div style="display: flex">
<div style="display: flex">
<div id="count1" class="blockDiv">
<span class="st-square" style="background-color: #3e98f9;" />
<span class="blockCount">12个处理中</span>
</div>
<div id="count2" class="blockDiv">
<span class="st-square" style="background-color: #edb845;" />
<span class="blockCount">4个已挂起</span>
</div>
<div id="count3" class="blockDiv">
<span class="st-square" style="background-color: #30B08F;" />
<span class="blockCount">2个已完成</span>
</div>
</div>
</div>
</div>
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column type="selection" width="60" align="center" />
<el-table-column label="编号" prop="number" show-overflow-tooltip>
......@@ -44,7 +53,14 @@
<span style="color: #3e98f9;text-decoration: underline" @click="workOrderDetails(scope.row)">{{ scope.row.source }}</span>
</template>
</el-table-column>
<el-table-column label="状态" prop="status" show-overflow-tooltip />
<el-table-column label="状态" prop="status" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.status === '1'" style="background-color: #46BCF3;color: #f4f6fc">处理中</span>
<span v-if="row.status === '2'" style="background-color: #30B08F;color: #f4f6fc">未分派</span>
<span v-if="row.status === '3'" style="background-color: #f4ac10;color: #f4f6fc">已挂起</span>
<span v-if="row.status === '4'" style="background-color: #30B08F;color: #f4f6fc">已完成</span>
</template>
</el-table-column>
<el-table-column label="类型" prop="type" show-overflow-tooltip />
<el-table-column label="优先级" prop="priority" show-overflow-tooltip />
<el-table-column label="创建人" prop="founder" show-overflow-tooltip />
......@@ -211,6 +227,106 @@
<el-button @click="closeUpdateDialog">关闭</el-button>
</span>
</el-dialog>
<el-dialog class="addGroup" width="50%" title="高级查询" :visible.sync="advancedQueryDialog">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="工单编号:">
<el-input v-model="addWarnForm.number" />
</el-form-item>
<el-form-item label="主题:">
<el-input v-model="addWarnForm.theme" />
</el-form-item>
<el-form-item label="创建人:">
<el-select
v-model="addWarnForm.founder"
placeholder="请选择"
clearable
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-select
v-model="addWarnForm.currentHandler"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-button style="width: 45%;margin-left: 3%" @click="handleSelectAll">全选</el-button>
<el-button style="width: 45%;margin-left: 5%" @click="addWarnForm.currentHandler = []">全不选</el-button>
<el-option
v-for="(item,index) in InspectorHandel"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="类型:">
<el-select
v-model="addWarnForm.type"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-button style="width: 45%;margin-left: 3%" @click="handleSelectAll1">全选</el-button>
<el-button style="width: 45%;margin-left: 5%" @click="addWarnForm.type = []">全不选</el-button>
<el-option
v-for="(item,index) in typeOptions"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="优先级:">
<el-select
v-model="addWarnForm.priority"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-button style="width: 45%;margin-left: 3%" @click="handleSelectAll2">全选</el-button>
<el-button style="width: 45%;margin-left: 5%" @click="addWarnForm.priority = []">全不选</el-button>
<el-option
v-for="(item,index) in priorityOptions"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间:">
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="完成时间:">
<el-date-picker
v-model="value2"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 100%"
/>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="advancedQueryDialog = false">确定</el-button>
<el-button @click="advancedQueryDialog = false">取消</el-button>
</span>
</el-dialog>
</div>
</template>
......@@ -298,6 +414,7 @@ export default {
complete: false,
addDialog: false,
updateDialog: false,
advancedQueryDialog: false,
isEdit: '',
// 是否显示弹出层
open: false,
......@@ -392,6 +509,20 @@ export default {
label: 'test'
}
],
InspectorHandel: [
{
label: '管理员'
},
{
label: '张三'
},
{
label: 'abc'
},
{
label: 'test'
}
],
sourceOptions: [
{
label: '手动创建'
......@@ -684,7 +815,7 @@ export default {
}).then(() => {})
},
userLove() {
this.$confirm('此操作将删除选中数据, 是否继续?', '提示', {
this.$confirm('此操作将撤回该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
......@@ -693,6 +824,9 @@ export default {
closeUpdateDialog() {
this.updateDialog = false
},
advancedQuery() {
this.advancedQueryDialog = true
},
addPlan() {
this.addDialog = true
},
......@@ -703,49 +837,26 @@ export default {
this.isEdit = 3
this.addDialog = true
},
/** 查询按钮操作 */
changeTime() {
this.open = !this.open
},
handleChange() {
},
checkName1(val) {
handleSelectAll(val) {
this.name = []
for (let i = 0; i < this.cityOptions.length; i++) {
this.name[i] = this.cityOptions[i].name
for (let i = 0; i < this.InspectorHandel.length; i++) {
this.name[i] = this.InspectorHandel[i].label
}
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
this.addWarnForm.currentHandler = val ? this.name : []
},
handleCheckedCitiesChange1(value) {
this.checkCity1 = value
const checkedCount = value.length
this.checkAll1 = checkedCount !== 0 && checkedCount === this.name.length
},
checkName3(val) {
handleSelectAll1(val) {
this.name1 = []
for (let i = 0; i < this.cityOption1.length; i++) {
this.name1[i] = this.cityOption1[i]
for (let i = 0; i < this.typeOptions.length; i++) {
this.name1[i] = this.typeOptions[i].label
}
this.checkCity1 = val ? this.name1 : []
this.addWarnForm.type = val ? this.name1 : []
},
checkName4() {
const d = []
this.cityOption1.forEach(item => {
!this.checkCity1.includes(item) && d.push(item)
})
this.checkCity1 = d
handleSelectAll2(val) {
this.name2 = []
for (let i = 0; i < this.priorityOptions.label; i++) {
this.name2[i] = this.priorityOptions[i].label
}
this.addWarnForm.priority = val ? this.name2 : []
}
}
}
......@@ -785,7 +896,6 @@ export default {
float: right;
.headBtn{
line-height: 10px;
width: 100px;
color: #fff;
border-color: #768398;
background-color: #768398;
......@@ -799,8 +909,29 @@ export default {
}
}
}
.mointorHead{
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.blockDiv{
margin: 0 15px;
.blockCount{
cursor: pointer;
color: #2c3e50;
}
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
.mointorHead{
height: 58px;
padding: 10px 10px 0 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
......@@ -826,7 +957,27 @@ export default {
}
}
.warnBody{
padding: 10px 10px 0 10px;
.name-icon{
width: 20px;
height: 20px;
position: relative;
top: 5px;
}
.square-green{
background-color: #3db58d;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
.square-yellow{
background-color: #edb845;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
.caretDown{
display: inline-block;
......
src/views/workManagement/myMission.vue
View file @ a3dae65b
<!--我的任务-->
<template>
<div id="container_max" class="warnModule">
<div class="warnHead">
<span style="font-size:24px;margin-right: 10px ">我的任务</span>
<div class="warnBtns">
<!-- <el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" class="searchInput" style="width: 20%;margin-left: 10px" clearable placeholder="工单主题" />-->
<el-button type="primary" class="headBtnW" @click="addPlan">新增</el-button>
<!-- <el-select-->
<!-- v-model="value"-->
<!-- class="headBtnW"-->
<!-- placeholder="更多操作"-->
<!-- clearable-->
<!-- style="width: 100px;margin-right: 10px;float: right"-->
<!-- maxlength="15"-->
<!-- >-->
<!-- <el-option label="删除" value="" @click.native="userLove">删除</el-option>-->
<!-- <el-option label="启用" value="" @click.native="userMassage">启用</el-option>-->
<!-- <el-option label="停用" value="" @click.native="userHistory">停用</el-option>-->
<!-- </el-select>-->
<el-button class="headBtnW" type="primary" @click="deleteRow">导出工单</el-button>
<el-button class="headBtnW" type="primary" @click="refresh">刷新</el-button>
<div class="mointorHead">
<el-form inline label-width="auto" style="width: 20%" class="headSearch" label-position="right">
<el-input v-model.trim="searchBy.userName" prefix-icon="el-icon-search" clearable placeholder="工单主题" />
</el-form>
<div>
<el-button class="warnBtns" type="primary" @click="advancedQuery">高级查询</el-button>
<el-button class="warnBtns" type="primary" @click="addPlan">添加</el-button>
<el-select
v-model="value"
class="warnBtns"
placeholder="更多操作"
clearable
style="width: 100px;margin-left: 10px;float: right;"
type="primary"
maxlength="15"
>
<el-option label="批量接单" value="" @click.native="userLove">批量接单</el-option>
<el-option label="批量提交" value="" @click.native="userMassage">批量提交</el-option>
<el-option label="批量挂起" value="" @click.native="userHistory">批量挂起</el-option>
<el-option label="批量重启" value="" @click.native="userRestart">批量重启</el-option>
<el-option label="批量完成" value="" @click.native="userComplete">批量完成</el-option>
</el-select>
<el-button class="warnBtns" type="primary" @click="deleteRow">导出工单</el-button>
<el-button class="warnBtns" type="primary" @click="refresh">刷新</el-button>
</div>
</div>
<el-divider />
<div class="warnBody">
<div style="display: flex;justify-content: space-between;padding-top: 5px;padding-bottom: 10px">
<div style="font-weight: bold">我的任务</div>
<div style="display: flex">
<div style="display: flex">
<div id="count1" class="blockDiv">
<span class="st-square" style="background-color: #3e98f9;" />
<span class="blockCount">12个处理中</span>
</div>
<div id="count2" class="blockDiv">
<span class="st-square" style="background-color: #edb845;" />
<span class="blockCount">4个已挂起</span>
</div>
</div>
</div>
</div>
<el-table
:data="tableData"
border
style="width: 100%;padding-top: 20px;padding-left: 10px"
>
<el-table-column type="selection" width="60" align="center" />
<el-table-column label="编号" prop="number" show-overflow-tooltip>
......@@ -44,7 +64,13 @@
<span style="color: #3e98f9;text-decoration: underline" @click="workOrderDetails(scope.row)">{{ scope.row.source }}</span>
</template>
</el-table-column>
<el-table-column label="状态" prop="status" show-overflow-tooltip />
<el-table-column label="状态" prop="status" show-overflow-tooltip>
<template #default="{ row }">
<span v-if="row.status === '1'" style="background-color: #f4ac10;color: #f4f6fc">已挂起</span>
<span v-if="row.status === '2'" style="background-color: #46BCF3;color: #f4f6fc">处理中</span>
<span v-if="row.status === '3'" style="background-color: #46BCF3;color: #f4f6fc">处理中</span>
</template>
</el-table-column>
<el-table-column label="类型" prop="type" show-overflow-tooltip />
<el-table-column label="优先级" prop="priority" show-overflow-tooltip />
<el-table-column label="创建人" prop="founder" show-overflow-tooltip />
......@@ -204,11 +230,11 @@
<span>{{ updateWarnForm.source }}</span>
</el-form-item>
<el-form-item class="formColor" label="设备信息:">
<!-- <span>{{ updateWarnForm.equipmentInformation }}</span>-->
<!-- <span>{{ updateWarnForm.equipmentInformation }}</span>-->
<span>{{ "127.0.0.1" }}</span>
</el-form-item>
<el-form-item label="SLA:">
<!-- <span>{{ updateWarnForm.SLA }}</span>-->
<!-- <span>{{ updateWarnForm.SLA }}</span>-->
<span>{{ "默认" }}</span>
</el-form-item>
</el-form>
......@@ -218,9 +244,9 @@
</span>
</el-dialog>
<el-dialog :visible.sync="restart" title="工单重启" width="40%" :model="operation">
<el-form label-width="100px" >
<el-form label-width="100px">
<el-form-item label="重启说明">
<el-input v-model="operation.restartInstructions" type="textarea" :rows="3"></el-input>
<el-input v-model="operation.restartInstructions" type="textarea" :rows="3" />
</el-form-item>
</el-form>
......@@ -290,6 +316,123 @@
<el-button type="primary" @click="complete = false">取消</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="complete" title="设备信息" width="50%" :model="information">
<el-form label-width="100px">
<el-form-item label="是否解决">
<el-radio v-model="operation.isItSolved" :label="1">已解决</el-radio>
<el-radio v-model="operation.isItSolved" :label="2">未解决</el-radio>
<el-radio v-model="operation.isItSolved" :label="3">不解决</el-radio>
</el-form-item>
<el-form-item label="备注说明">
<el-input v-model="operation.remarks" type="textarea" :rows="4" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="complete = false">提交</el-button>
<el-button type="primary" @click="complete = false">取消</el-button>
</div>
</el-dialog>
<el-dialog class="addGroup" width="50%" title="高级查询" :visible.sync="advancedQueryDialog">
<el-form ref="addWarnForm" label-width="auto" :model="addWarnForm">
<el-form-item label="工单编号:">
<el-input v-model="addWarnForm.number" />
</el-form-item>
<el-form-item label="主题:">
<el-input v-model="addWarnForm.theme" />
</el-form-item>
<el-form-item label="创建人:">
<el-select
v-model="addWarnForm.founder"
placeholder="请选择"
clearable
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-select
v-model="addWarnForm.currentHandler"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-button style="width: 45%;margin-left: 3%" @click="handleSelectAll">全选</el-button>
<el-button style="width: 45%;margin-left: 5%" @click="addWarnForm.currentHandler = []">全不选</el-button>
<el-option
v-for="(item,index) in InspectorHandel"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="类型:">
<el-select
v-model="addWarnForm.type"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-button style="width: 45%;margin-left: 3%" @click="handleSelectAll1">全选</el-button>
<el-button style="width: 45%;margin-left: 5%" @click="addWarnForm.type = []">全不选</el-button>
<el-option
v-for="(item,index) in typeOptions"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="优先级:">
<el-select
v-model="addWarnForm.priority"
placeholder="请选择"
clearable
style="width: 100%"
>
<el-button style="width: 45%;margin-left: 3%" @click="handleSelect">全选</el-button>
<el-button style="width: 45%;margin-left: 5%" @click="addWarnForm.priority = []">全不选</el-button>
<el-option
v-for="(item,index) in priorityOptions"
:key="index"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间:">
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 100%"
/>
</el-form-item>
<el-form-item label="完成时间:">
<el-date-picker
v-model="value2"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 100%"
/>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="advancedQueryDialog = false">确定</el-button>
<el-button @click="advancedQueryDialog = false">取消</el-button>
</span>
</el-dialog>
</div>
</template>
......@@ -298,6 +441,7 @@
import Template from '@/views/instance/Template'
export default {
name: 'MyMission',
// eslint-disable-next-line vue/no-unused-components
components: { Template },
data() {
return {
......@@ -359,8 +503,9 @@ export default {
equipmentInformation: '',
source: '',
type: '',
priority: '',
SLA: ''
priority: [],
SLA: '',
founder: ''
},
operation: {
restartInstructions: '',
......@@ -371,12 +516,18 @@ export default {
remarks: '',
isItSolved: 1
},
information: {
monitoringPointName: '',
monitoringPointType: '',
monitoringPointStatus: ''
},
restart: false,
submit: false,
hang: false,
complete: false,
addDialog: false,
updateDialog: false,
advancedQueryDialog: false,
isEdit: '',
// 是否显示弹出层
open: false,
......@@ -391,6 +542,7 @@ export default {
},
radio: 1,
value1: '',
value2: '',
whatNumber: '',
whatNumbers: '',
checkCity: [],
......@@ -407,6 +559,7 @@ export default {
],
name: [],
name1: [],
name2: [],
cityOption1: ['管理员', '张三 889922@sina.com', 'abc 889922@sina.com', 'testcll call36@126.com'],
searchBy: {
userName: '',
......@@ -456,7 +609,6 @@ export default {
value: '7'
}
],
inspectors: '',
Inspector: [
{
label: '管理员'
......@@ -471,6 +623,20 @@ export default {
label: 'test'
}
],
InspectorHandel: [
{
label: '管理员'
},
{
label: '张三'
},
{
label: 'abc'
},
{
label: 'test'
}
],
sourceOptions: [
{
label: '手动创建'
......@@ -495,6 +661,15 @@ export default {
label: 'P3'
}
],
priorityOptionsOne: [{
label: 'P1'
},
{
label: 'P2'
},
{
label: 'P3'
}],
SLAOptions: [
{
label: '默认'
......@@ -786,21 +961,35 @@ export default {
}).then(() => {})
},
userLove() {
this.$confirm('此操作将删除选中数据, 是否继续?', '提示', {
this.$confirm('此操作将接单选中数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
userMassage() {
this.$confirm('此操作将启用选中数据, 是否继续?', '提示', {
this.$confirm('此操作将提交选中数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
userHistory() {
this.$confirm('此操作将停用选中数据, 是否继续?', '提示', {
this.$confirm('此操作将挂起选中数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
userRestart() {
this.$confirm('此操作将重启选中数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {})
},
userComplete() {
this.$confirm('此操作将完成选中数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
......@@ -830,6 +1019,9 @@ export default {
addPlan() {
this.addDialog = true
},
advancedQuery() {
this.advancedQueryDialog = true
},
closeDialog() {
this.addDialog = false
},
......@@ -837,49 +1029,32 @@ export default {
this.isEdit = 3
this.addDialog = true
},
/** 查询按钮操作 */
changeTime() {
this.open = !this.open
},
handleChange() {
/**
* 设备信息
*/
equipmentInformation() {
},
checkName1(val) {
handleSelectAll(val) {
this.name = []
for (let i = 0; i < this.cityOptions.length; i++) {
this.name[i] = this.cityOptions[i].name
for (let i = 0; i < this.InspectorHandel.length; i++) {
this.name[i] = this.InspectorHandel[i].label
}
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
},
checkName3(val) {
this.addWarnForm.currentHandler = val ? this.name : []
},
handleSelectAll1(val) {
this.name1 = []
for (let i = 0; i < this.cityOption1.length; i++) {
this.name1[i] = this.cityOption1[i]
for (let i = 0; i < this.typeOptions.length; i++) {
this.name1[i] = this.typeOptions[i].label
}
this.checkCity1 = val ? this.name1 : []
},
checkName4() {
const d = []
this.cityOption1.forEach(item => {
!this.checkCity1.includes(item) && d.push(item)
})
this.checkCity1 = d
this.addWarnForm.type = val ? this.name1 : []
},
handleSelect(val) {
this.name2 = []
for (let i = 0; i < this.priorityOptions.length; i++) {
this.name2[i] = this.priorityOptions[i].label
}
this.addWarnForm.priority = val ? this.name2 : []
}
}
}
......@@ -913,13 +1088,12 @@ export default {
.warnHead{
height: 58px;
padding: 15px 20px 10px 20px;
background-color: #edeef3 !important;
border-bottom: 1px solid #DBDDE3;
//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;
......@@ -933,8 +1107,29 @@ export default {
}
}
}
.mointorHead{
.blockDiv{
margin: 0 15px;
.blockCount{
cursor: pointer;
color: #2c3e50;
}
.st-square{
cursor: pointer;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
.el-divider--horizontal{
padding-top: 10px;
margin: 0!important;
height: 14px!important;
background-color: #F1F1F1!important;
}
.mointorHead{
height: 58px;
padding: 10px 10px 0 10px;
line-height: 32px;
display: flex;
justify-content: space-between;
......@@ -960,7 +1155,27 @@ export default {
}
}
.warnBody{
padding: 10px 10px 0 10px;
.name-icon{
width: 20px;
height: 20px;
position: relative;
top: 5px;
}
.square-green{
background-color: #3db58d;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
.square-yellow{
background-color: #edb845;
margin-right: 6px;
width: 9px;
height: 9px;
display: inline-block;
}
}
.caretDown{
display: inline-block;
......
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