Skip to content

甘
甘肃陇南
Commit d4a54379 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

设备报警模块

parent a0fcaf06
Expand all Show whitespace changes
Inline Side-by-side
Showing with 701 additions and 176 deletions
src/api/business/drybeachequipinfor.js
View file @ d4a54379
...@@ -47,7 +47,10 @@ export function updateDrybeachequipinfor(data) { ...@@ -47,7 +47,10 @@ export function updateDrybeachequipinfor(data) {
// 删除设备信息 // 删除设备信息
export function delDrybeachequipinfor(id) { export function delDrybeachequipinfor(id) {
return request({ return request({
url: '/business/drybeachequipinfor/remove/' + id, url: '/business/drybeachequipinfor',
method: 'get' method: 'delete',
data:{
id
}
}) })
} }
\ No newline at end of file
src/views/environmentMonitor/historyData/index.vue
View file @ d4a54379
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="box-card">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="设备编号" prop="sensorid"> <el-form-item label="设备编号" prop="sensorid">
<el-input <el-input
...@@ -125,7 +126,10 @@ ...@@ -125,7 +126,10 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="szDataList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="szDataList" @selection-change="handleSelectionChange"
height="535"
border
header-cell-style="background-color: #08267d; color: #96dcdf;border:1px solid #409EFF;">>
<!-- <el-table-column type="selection" width="55" align="center" /> <!-- <el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键，自增" align="center" prop="id" /> --> <el-table-column label="主键，自增" align="center" prop="id" /> -->
<el-table-column label="设备编号" align="center" prop="sensorid" /> <el-table-column label="设备编号" align="center" prop="sensorid" />
...@@ -213,6 +217,7 @@ ...@@ -213,6 +217,7 @@
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</div>
</template> </template>
<script> <script>
...@@ -398,3 +403,172 @@ ...@@ -398,3 +403,172 @@
} }
}; };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scope>
::v-deep .el-dialog__footer {
padding-bottom: 50px;
// padding-right: 50px;
}
.app-container {
display: flex;
flex: 1;
flex-direction: column;
width: 100%;
height: 100%;
}
.box-card {
width: 100%;
height: 100%;
background-color: #041c58;
.top-title {
width: 100%;
height: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
.title-text {
font-size: 22px;
font-weight: bold;
line-height: 30px;
padding-left: 10px;
letter-spacing: 0.1rem;
background-image: linear-gradient(to right, #03f2cf, #03bef1);
color: transparent;
-webkit-background-clip: text;
}
}
}
.searchform {
width: 100%;
height: 75px;
background-color: #041c58;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 30px;
.el-form-item {
margin-bottom: 0px !important;
}
}
.el-menu.el-menu--horizontal {
border-bottom: none !important;
}
// input框自定义样式
.el-input__inner::placeholder {
color: #00dff1;
}
/* 谷歌 */
.el-input__inner::-webkit-input-placeholder {
color: #00dff1;
}
/* 火狐 */
.el-input__inner:-moz-placeholder {
color: #00dff1;
}
/*ie*/
.el-input__inner:-ms-input-placeholder {
color: #00dff1;
}
.el-input__prefix {
color: #00dff1 !important;
}
.el-input--small .el-input__inner {
background-color: #04316a !important;
border: 1px solid #00dff1 !important;
}
//按钮自定义样式
.el-button--goon {
color: #00dff1;
background-color: #044c82;
border-color: #00dff1;
}
//表格自定义样式
.el-table {
background-color: #08267c;
//border: 2px solid #00bcfc;
}
.has-gutter {
background-color: #092672 !important;
color: #95dcdf !important;
font-weight: 500;
}
.el-table tr {
background-color: #08267c !important;
color: #06fff1;
border: 1px solid #00bcfc !important;
}
.el-table td.el-table__cell {
border: 1px solid #00bcfc !important;
}
.el-table--scrollable-y .el-table__body-wrappe {
overflow-y: scroll !important;
}
.el-message-box {
display: inline-block;
width: 420px;
padding-bottom: 10px;
vertical-align: middle;
background-color: #031534;
border-radius: 4px;
border: 1px solid #00dff1;
font-size: 18px;
text-align: left;
overflow: hidden;
}
.tableline {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #00feff;
}
.el-form-item__label {
color: #00feff;
}
.el-input__inner {
background-color: #152344 !important;
border: 1px solid #04f0f2;
}
.el-scrollbar {
background-color: #152344 !important;
border: 1px solid #04f0f2;
}
.btn-prev {
background-color: #152344 !important;
}
.el-pager li {
background-color: #152344 !important;
}
.btn-next {
background-color: #152344 !important;
}
.savebtn {
width: 100px;
height: 40px;
background-color: transparent !important;
background-image: url("~@/assets/images/savebtn.png");
background-size: 100% 100%;
border: none !important;
color: #fff !important;
margin-right: 30px;
}
.el-picker-panel {
background-color: #152344 !important;
}
.el-picker-panel__footer {
background-color: #152344 !important;
}
.el-button.is-plain {
background-color: #044c82 !important;
border: 1px solid #00dff1 !important;
color: #04eaf8 !important;
}
.el-table--group,
.el-table--border {
border: 1px solid #00dff1 !important;
}
</style>
\ No newline at end of file
src/views/environmentMonitor/machine/index.vue
View file @ d4a54379
...@@ -420,18 +420,18 @@ ...@@ -420,18 +420,18 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="监测类型" prop="deviceType"> <el-form-item label="监测类型" prop="devicetype">
<el-select <el-select
v-model="form.deviceType" v-model="form.devicetype"
clearable clearable
placeholder="请输入监测类型" placeholder="请输入监测类型"
style="margin-left: 5px; width:200px;" style="margin-left: 5px; width:200px;"
> >
<el-option <el-option
v-for="dict in dict.type.microseismequipment" v-for="(dict, key) in dict.type.jcjd"
:key="dict.label" :key="key"
:value="dict.label" :value="dict.label"
:label="dict.label" :label="dict.value"
> >
</el-option> </el-option>
</el-select> </el-select>
...@@ -880,7 +880,7 @@ import { ...@@ -880,7 +880,7 @@ import {
export default { export default {
name: "Drybeachequipinfor", name: "Drybeachequipinfor",
dicts: ['microseismequipment'], dicts: ['jcjd'],
data() { data() {
return { return {
// 根路径 // 根路径
...@@ -1381,6 +1381,8 @@ export default { ...@@ -1381,6 +1381,8 @@ export default {
this.getList(); this.getList();
}); });
} }
}else{
this.$modal.msgError('表单数据有必填项尚未填写，请确认');
} }
}); });
}, },
...@@ -1388,7 +1390,7 @@ export default { ...@@ -1388,7 +1390,7 @@ export default {
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$modal this.$modal
.confirm('是否确认删除设备信息编号为"' + ids + '"的数据项？') .confirm('是否确认删除该设备信息？')
.then(function () { .then(function () {
return delDrybeachequipinfor(ids); return delDrybeachequipinfor(ids);
}) })
...@@ -1411,172 +1413,7 @@ export default { ...@@ -1411,172 +1413,7 @@ export default {
}, },
}; };
</script> </script>
<!-- <style rel="stylesheet/scss" lang="scss" scope>
// ::v-deep .el-dialog__footer{
// padding-bottom: 50px;
// padding-right: 50px;
// }
.app-container {
display: flex;
flex: 1;
flex-direction: column;
width: 100%;
height: 100%;
.box-card {
width: 100%;
background-color: #041c58;
.top-title {
width: 100%;
height: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
.title-text {
font-size: 22px;
font-weight: bold;
line-height: 30px;
padding-left: 10px;
letter-spacing: 0.1rem;
background-image: linear-gradient(to right, #03f2cf, #03bef1);
color: transparent;
-webkit-background-clip: text;
}
}
}
//按钮自定义样式
.el-button--goon {
color: #00dff1;
background-color: #044c82;
border-color: #00dff1;
}
//弹窗自定义样式
.el-dialog {
height: 37.5rem !important;
background-image: url("~@/assets/images/pop.png");
background-size: 100% 100%;
background-color: transparent !important;
}
.el-dialog__title {
color: #04eaf8 !important;
font-weight: bolder;
}
.el-dialog__headerbtn .el-dialog__close {
color: #4da3fe !important;
font-size: 22px;
font-weight: bolder;
}
.el-dialog__body {
padding: 10px 30px !important;
}
.el-table--scrollable-y .el-table__body-wrappe {
overflow-y: scroll !important;
}
.tableline {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #00feff;
}
.el-form-item__label {
color: #00feff;
}
.el-input__inner {
background-color: #152344 !important;
border: 1px solid #04f0f2;
}
.el-textarea__inner {
background-color: #152344 !important;
border: 1px solid #04f0f2;
}
.savebtn {
background-color: transparent !important;
background-image: url("~@/assets/images/savebtn.png");
background-size: 100% 100%;
border: none !important;
color: #fff !important;
}
.wrapper {
width: 100%;
height: 300px;
background-image: url("~@/assets/images/borderbg.png");
background-size: 100% 100%;
margin: 20px;
}
.roseChart {
width: 95%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
//表格自定义样式
.el-table {
background-color: #08267c;
//border: 2px solid #00bcfc;
}
.has-gutter {
background-color: #092672 !important;
color: #95dcdf !important;
font-weight: 500;
}
.el-table tr {
background-color: #08267c !important;
color: #06fff1;
border: 1px solid #00bcfc !important;
}
.el-table td.el-table__cell {
border: 1px solid #00bcfc !important;
}
.el-table--scrollable-y .el-table__body-wrappe {
overflow-y: scroll !important;
}
//自定义弹窗切换按钮样式
.el-tabs--card > .el-tabs__header {
border-bottom: none !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
border: none !important;
width: 100%;
display: flex;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
border: none !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
border: none !important;
}
#tab-first {
width: 120px !important;
height: 45px !important;
background-image: url("~@/assets/images/savebtn.png");
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
color: #05e9f9;
font-size: 18px;
font-weight: bolder;
}
#tab-second {
width: 120px !important;
height: 45px !important;
background-image: url("~@/assets/images/savebtn.png");
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
color: #05e9f9;
font-size: 18px;
font-weight: bolder;
margin-left: 30px;
}
}
</style> -->
<style rel="stylesheet/scss" lang="scss" scope> <style rel="stylesheet/scss" lang="scss" scope>
::v-deep .el-dialog__footer { ::v-deep .el-dialog__footer {
padding-bottom: 50px; padding-bottom: 50px;
......
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