Skip to content

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

青海多金属矿山井下环境监测 项目初始化分支

parent 2f9c2a35
Hide whitespace changes
Inline Side-by-side
Showing with 2306 additions and 0 deletions
src/api/business/drybeachequipinfor.js 0 → 100644
View file @ a0fcaf06
import request from '@/utils/request'
// 查询设备信息列表
export function listDrybeachequipinfor(query) {
return request({
url: '/business/drybeachequipinfor/list',
method: 'get',
params: query
})
}
// 查询设备信息所有列表
export function listAllDrybeachequipinfor(query) {
return request({
url: '/business/drybeachequipinfor/listAll',
method: 'get',
params: query
})
}
// 查询设备信息详细
export function getDrybeachequipinfor(id) {
return request({
url: '/business/drybeachequipinfor/getInfo/' + id,
method: 'get'
})
}
// 新增设备信息
export function addDrybeachequipinfor(data) {
return request({
url: '/business/drybeachequipinfor/add',
method: 'post',
data: data
})
}
// 修改设备信息
export function updateDrybeachequipinfor(data) {
return request({
url: '/business/drybeachequipinfor/edit',
method: 'post',
data: data
})
}
// 删除设备信息
export function delDrybeachequipinfor(id) {
return request({
url: '/business/drybeachequipinfor/remove/' + id,
method: 'get'
})
}
\ No newline at end of file
src/api/business/equipBj.js 0 → 100644
View file @ a0fcaf06
import request from '@/utils/request'
// 查询设备报警-风险计算列表
export function listEquipBj(query) {
return request({
url: '/business/equipBj/list',
method: 'get',
params: query
})
}
// 查询设备报警-风险计算所有列表
export function listAllEquipBj(query) {
return request({
url: '/business/equipBj/listAll',
method: 'get',
params: query
})
}
// 查询设备报警-风险计算详细
export function getEquipBj(id) {
return request({
url: '/business/equipBj/getInfo/' + id,
method: 'get'
})
}
// 新增设备报警-风险计算
export function addEquipBj(data) {
return request({
url: '/business/equipBj/add',
method: 'post',
data: data
})
}
// 修改设备报警-风险计算
export function updateEquipBj(data) {
return request({
url: '/business/equipBj/edit',
method: 'post',
data: data
})
}
// 删除设备报警-风险计算
export function delEquipBj(id) {
return request({
url: '/business/equipBj/remove/' + id,
method: 'get'
})
}
\ No newline at end of file
src/api/business/szData.js 0 → 100644
View file @ a0fcaf06
import request from '@/utils/request'
// 查询水质数据列表
export function listSzData(query) {
return request({
url: '/business/szData/list',
method: 'get',
params: query
})
}
// 查询水质数据所有列表
export function listAllSzData(query) {
return request({
url: '/business/szData/listAll',
method: 'get',
params: query
})
}
// 查询水质数据详细
export function getSzData(id) {
return request({
url: '/business/szData/getInfo/' + id,
method: 'get'
})
}
// 新增水质数据
export function addSzData(data) {
return request({
url: '/business/szData/add',
method: 'post',
data: data
})
}
// 修改水质数据
export function updateSzData(data) {
return request({
url: '/business/szData/edit',
method: 'post',
data: data
})
}
// 删除水质数据
export function delSzData(id) {
return request({
url: '/business/szData/remove/' + id,
method: 'get'
})
}
\ No newline at end of file
src/views/environmentMonitor/historyData/index.vue 0 → 100644
View file @ a0fcaf06
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="设备编号" prop="sensorid">
<el-input
v-model="queryParams.sensorid"
placeholder="请输入设备编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="监测类型" prop="item">
<el-input
v-model="queryParams.item"
placeholder="请输入监测类型"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="测量时间 " prop="time">
<el-date-picker clearable
v-model="queryParams.time"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择测量时间 ">
</el-date-picker>
</el-form-item>
<el-form-item label="测量值(m)，" prop="svalue">
<el-input
v-model="queryParams.svalue"
placeholder="请输入测量值(m)，"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否报警，" prop="state">
<el-input
v-model="queryParams.state"
placeholder="请输入是否报警，"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="数据来源,1在线设备，0人工巡检，" prop="datasource">
<el-input
v-model="queryParams.datasource"
placeholder="请输入数据来源,1在线设备，0人工巡检，"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="报警级别" prop="bjjb">
<el-input
v-model="queryParams.bjjb"
placeholder="请输入报警级别"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> -->
<!-- <el-form-item label="创建时间" prop="createtime">
<el-date-picker clearable
v-model="queryParams.createtime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择创建时间">
</el-date-picker>
</el-form-item>
<el-form-item label="修改时间" prop="updatetime">
<el-date-picker clearable
v-model="queryParams.updatetime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择修改时间">
</el-date-picker>
</el-form-item> -->
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:szData:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:szData:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:szData:remove']"
>删除</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:szData:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="szDataList" @selection-change="handleSelectionChange">
<!-- <el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键，自增" align="center" prop="id" /> -->
<el-table-column label="设备编号" align="center" prop="sensorid" />
<el-table-column label="监测类型" align="center" prop="item" />
<el-table-column label="测量时间 " align="center" prop="time" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.time) }}</span>
</template>
</el-table-column>
<el-table-column label="测量值(m)，" align="center" prop="svalue" />
<el-table-column label="是否报警，" align="center" prop="state" />
<el-table-column label="数据来源,1在线设备，0人工巡检，" align="center" prop="datasource" />
<el-table-column label="报警级别" align="center" prop="bjjb" />
<!-- <el-table-column label="创建时间" align="center" prop="createtime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span>
</template>
</el-table-column>
<el-table-column label="修改时间" align="center" prop="updatetime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updatetime) }}</span>
</template>
</el-table-column> -->
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:szData:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:szData:remove']"
>删除</el-button>
</template>
</el-table-column> -->
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改水质数据对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="设备编号" prop="sensorid">
<el-input v-model="form.sensorid" placeholder="请输入设备编号" />
</el-form-item>
<el-form-item label="监测类型" prop="item">
<el-input v-model="form.item" placeholder="请输入监测类型" />
</el-form-item>
<el-form-item label="测量时间 " prop="time">
<el-date-picker clearable
v-model="form.time"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择测量时间 ">
</el-date-picker>
</el-form-item>
<el-form-item label="测量值(m)，" prop="svalue">
<el-input v-model="form.svalue" placeholder="请输入测量值(m)，" />
</el-form-item>
<el-form-item label="是否报警，" prop="state">
<el-input v-model="form.state" placeholder="请输入是否报警，" />
</el-form-item>
<el-form-item label="数据来源,1在线设备，0人工巡检，" prop="datasource">
<el-input v-model="form.datasource" placeholder="请输入数据来源,1在线设备，0人工巡检，" />
</el-form-item>
<el-form-item label="报警级别" prop="bjjb">
<el-input v-model="form.bjjb" placeholder="请输入报警级别" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listSzData, getSzData, delSzData, addSzData, updateSzData } from "@/api/business/szData";
export default {
name: "SzData",
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 水质数据表格数据
szDataList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
sensorid: null,
item: null,
time: null,
svalue: null,
state: null,
datasource: null,
bjjb: null,
createtime: null,
updatetime: null
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "主键，自增不能为空", trigger: "blur" }
],
sensorid: [
{ required: true, message: "设备编号不能为空", trigger: "blur" }
],
item: [
{ required: true, message: "监测类型不能为空", trigger: "blur" }
],
time: [
{ required: true, message: "测量时间 不能为空", trigger: "blur" }
],
svalue: [
{ required: true, message: "测量值(m)，不能为空", trigger: "blur" }
],
state: [
{ required: true, message: "是否报警，不能为空", trigger: "blur" }
],
datasource: [
{ required: true, message: "数据来源,1在线设备，0人工巡检，不能为空", trigger: "blur" }
],
bjjb: [
{ required: true, message: "报警级别不能为空", trigger: "blur" }
],
createtime: [
{ required: true, message: "创建时间不能为空", trigger: "blur" }
],
updatetime: [
{ required: true, message: "修改时间不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getList();
},
methods: {
/** 查询水质数据列表 */
getList() {
this.loading = true;
listSzData(this.queryParams).then(response => {
this.szDataList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
sensorid: null,
item: null,
time: null,
svalue: null,
state: null,
datasource: null,
bjjb: null,
createtime: null,
updatetime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加水质数据";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getSzData(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改水质数据";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateSzData(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSzData(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除水质数据编号为"' + ids + '"的数据项？').then(function() {
return delSzData(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/szData/export', {
...this.queryParams
}, `szData_${new Date().getTime()}.xlsx`)
}
}
};
</script>
\ No newline at end of file
src/views/environmentMonitor/machine/index.vue 0 → 100644
View file @ a0fcaf06
<template>
<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-item label="设备编号" prop="equipno">
<el-input
v-model="queryParams.equipno"
placeholder="请输入设备编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="设备名称" prop="equipname">
<el-input
v-model="queryParams.equipname"
placeholder="请输入设备名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="所属尾矿库编码" prop="tailingid">
<el-input
v-model="queryParams.tailingid"
placeholder="请输入所属尾矿库编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="报警状态是否报警1，报警" prop="state">
<el-input
v-model="queryParams.state"
placeholder="请输入报警状态是否报警1，报警"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="安装日期" prop="installationdata">
<el-date-picker
clearable
v-model="queryParams.installationdata"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择安装日期"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="设备在用状态 默认值为1，在用：
1，不在用：0"
prop="isUsed"
>
<el-input
v-model="queryParams.isUsed"
placeholder="请输入设备在用状态 默认值为1，在用：
1，不在用：0"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>-->
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:drybeachequipinfor:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:drybeachequipinfor:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:drybeachequipinfor:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:drybeachequipinfor:export']"
>导出</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="drybeachequipinforList"
@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 label="自动增长 " align="center" prop="id" /> -->
<el-table-column label="设备编号" align="center" prop="equipno" width="200"/>
<el-table-column label="设备名称" align="center" prop="equipname" />
<el-table-column label="数值单位" align="center" prop="eqdanwei" width="80" />
<el-table-column label="监控类型" align="center" prop="devicetype" width="120" />
<!-- <el-table-column
label="一级预警阈值干滩长度<一级预警阈值 "
align="center"
prop="onelevelalarm"
/>
<el-table-column
label="二级预警阈值,一级预警阈值<=干滩长度<=二级预警阈值 ,精度为6"
align="center"
prop="twolevelalarm"
/>
<el-table-column
label="三级预警阈值 二级报警<=干滩长度
<=三级预警阈值 ,精度为6"
align="center"
prop="threelevelalarm"
/>
<el-table-column
label="四级预警阈值 三级报警<=干滩长度
<=四级预警阈值 ,精度为6"
align="center"
prop="fourlevelalarm"
/> -->
<!-- <el-table-column label="所属尾矿库编码" align="center" prop="tailingid" /> -->
<el-table-column label="报警状态" align="center" prop="state" width="90"/>
<!-- <el-table-column
label="设备码"
align="center"
prop="initialstateno"
/> -->
<el-table-column
label="安装日期"
align="center"
prop="installationdata"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.installationdata) }}</span>
</template>
</el-table-column>
<el-table-column
label="安装位置 "
align="center"
prop="installationlocate"
/>
<el-table-column label="生产厂家 " align="center" prop="manufacture" />
<!--<el-table-column
label="供电和通讯方式"
align="center"
prop="electricitysupply"
/> -->
<!-- <el-table-column label="设备精度 " align="center" prop="accuracy" /> -->
<!-- <el-table-column
label="安装位置"
align="center"
prop="longitude"
/> -->
<!-- <el-table-column
label="安装位置"
align="center"
prop="latitude"
/> -->
<!-- <el-table-column label="安装高度" align="center" prop="installheight" />
<el-table-column
label="海拔高度(m)"
align="center"
prop="altitude"
/> -->
<!-- <el-table-column
label="modbus指令地址位，rtu协议设备类型，GNSS对应的基准站编号"
align="center"
prop="modbusAddr"
/>
<el-table-column
label="设备地址,设备是IP设备时的ip地址; 设备是4G时imei码; 设备是mqtt时是rtu设备名，gnss设备编号"
align="center"
prop="ipaddress"
/> -->
<!-- 是4G设备,IP设备,mqtt设备;用数字0,1,2表示 -->
<!-- <el-table-column label="设备类型" align="center" prop="eqtype" /> -->
<!-- 0、gnss;1、超声；2、投入式水位计或渗压计；3、4沉降；5’雨量；7、8测斜 -->
<!-- <el-table-column
label="设备类型"
align="center"
prop="sensortype"
/> -->
<!-- <el-table-column
label="传感器初始值,干滩设备的安装高程,库水位设备初始回数"
align="center"
prop="initial"
/>
<el-table-column
label="传感器初始值x方向,可用于表面位移X方向，内部位移X方向的初始值"
align="center"
prop="initialx"
/>
<el-table-column
label="传感器初始值y方向,可用于表面位移Y方向，内部位移Y方向的初始值"
align="center"
prop="initialy"
/>
<el-table-column
label="传感器初始值z方向,可用于表面位移Z方向初始值"
align="center"
prop="initialz"
/>
<el-table-column label="" align="center" prop="bmwyX" />
<el-table-column
label="内部位移：内部位移的时候用作名称"
align="center"
prop="isSync"
/>-->
<!-- <el-table-column label="" align="center" prop="bmwyY" />
<el-table-column label="" align="center" prop="bmwyZ" /> -->
<!-- <el-table-column label="排水量" align="center" prop="pslspeed" /> -->
<!-- <el-table-column
label="干滩：所属库水位的设备编号,只用于添加干滩设备时使用，对应库水位"
align="center"
prop="kswequipno"
/>
<el-table-column
label="干滩:安全超高,只用于干滩监测"
align="center"
prop="gtsafeheight"
/>
<el-table-column
label="干滩:坡度角,只用于干滩，表示干滩坡度角"
align="center"
prop="gtwangle"
/> -->
<!-- <el-table-column
label="浸润线:孔口高程"
align="center"
prop="holeDepth"
/>
<el-table-column
label="浸润线:设备到开孔位置的距离"
align="center"
prop="jrxBurial"
/>
<el-table-column
label="浸润线:开孔深度"
align="center"
prop="jrxTrepanning"
/>
<el-table-column
label="浸润线:设备距离坡面左侧距离(单位:m)"
align="center"
prop="jrxCoordX"
/>
<el-table-column
label="库水位: 投入式水位计初始水面的海拔高度, 超声液位计设备的安装海拔"
align="center"
prop="initialKsw"
/> -->
<!-- <el-table-column
label="设备最新数据的时间"
align="center"
prop="datarealtime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.datarealtime) }}</span>
</template>
</el-table-column> -->
<el-table-column
label="创建时间"
align="center"
prop="createtime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span>
</template>
</el-table-column>
<el-table-column
label="更新时间"
align="center"
prop="updatetime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updatetime) }}</span>
</template>
</el-table-column>
<!-- <el-table-column
label="没用所属监测点id,跟监测点表关联"
align="center"
prop="jcdid"
/>
<el-table-column
label="没用浸润线埋深(没啥用)"
align="center"
prop="burialDepth"
/>
<el-table-column label="没用检验周期" align="center" prop="checkperiod" />
<el-table-column
label="设备在用状态 默认值为1，在用：
1，不在用：0"
align="center"
prop="isUsed"
/> -->
<!-- <el-table-column
label="孔底高程"
align="center"
prop="holeBaseElevation"
/>
<el-table-column
label="孔口高程"
align="center"
prop="holeBottomElevation"
/>
<el-table-column label="土压力计系数" align="center" prop="xishu" /> -->
<el-table-column
label="操作"
align="center"
width="180"
>
<template slot-scope="scope">
<el-button
style="background-color: #fee504;"
size="mini"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:drybeachequipinfor:edit']"
>修改</el-button
>
<el-button
style="background-color: #fee504;"
size="mini"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:drybeachequipinfor:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改设备信息对话框 -->
<el-dialog
:title="title"
:visible.sync="open"
width="880px"
append-to-body
class="pop-content"
>
<el-form ref="form" :model="form" :rules="rules" label-width="200px">
<el-row>
<el-col :span="12">
<el-form-item label="设备编号" prop="equipno">
<el-input v-model="form.equipno" placeholder="请输入设备编号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="设备名称" prop="equipname">
<el-input
v-model="form.equipname"
placeholder="请输入设备名称"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监测类型" prop="deviceType">
<el-select
v-model="form.deviceType"
clearable
placeholder="请输入监测类型"
style="margin-left: 5px; width:200px;"
>
<el-option
v-for="dict in dict.type.microseismequipment"
:key="dict.label"
:value="dict.label"
:label="dict.label"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="数值单位" prop="eqdanwei">
<el-input
v-model="form.eqdanwei"
placeholder="请输入数值单位"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<!-- <el-form-item label="设备码" prop="initialstateno">
<el-input
v-model="form.initialstateno"
placeholder="请输入设备码"
/>
</el-form-item> -->
<el-form-item label="安装位置 " prop="installationlocate">
<el-input
v-model="form.installationlocate"
placeholder="请输入安装位置 "
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安装日期" prop="installationdata">
<el-date-picker
clearable
v-model="form.installationdata"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择安装日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="生产厂家 " prop="manufacture">
<el-input
v-model="form.manufacture"
placeholder="请输入生产厂家 "
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="排水量流速" prop="">
<el-input
v-model="form.pslspeed"
placeholder="排水量流速（m/s）"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="一级预警阈值 " prop="">
<el-input
v-model="form.onelevelalarm"
placeholder="请输入一级预警阈值 "
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="二级预警阈值" prop="">
<el-input
v-model="form.twolevelalarm"
placeholder="请输入二级预警阈值"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="三级预警阈值" prop="">
<el-input
v-model="form.threelevelalarm"
placeholder="请输入三级预警阈值"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="四级预警阈值" prop="">
<el-input
v-model="form.fourlevelalarm"
placeholder="请输入四级预警阈值"
/>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="12">
<el-form-item label="所属尾矿库编码" prop="tailingid">
<el-input
v-model="form.tailingid"
placeholder="请输入所属尾矿库编码"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="报警状态是否报警1，报警" prop="state">
<el-input
v-model="form.state"
placeholder="请输入报警状态是否报警1，报警"
/>
</el-form-item>
</el-col>
</el-row> -->
<el-row>
<el-col :span="12">
<el-form-item label="供电和通讯方式" prop="">
<el-input
v-model="form.electricitysupply"
placeholder="请输入供电和通讯方式"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="设备精度 " prop="">
<el-input
v-model="form.accuracy"
placeholder="请输入设备精度 "
/>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="12">
<el-form-item label="安装位置经度" prop="longitude">
<el-input
v-model="form.longitude"
placeholder="请输入安装位置经度 "
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="安装位置纬度" prop="latitude">
<el-input
v-model="form.latitude"
placeholder="请输入安装位置纬度 "
/>
</el-form-item>
</el-col>
</el-row> -->
<el-row>
<el-col :span="12">
<el-form-item label="安装高度" prop="">
<el-input
v-model="form.installheight"
placeholder="请输入安装高度"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="海拔高度(m)" prop="">
<el-input
v-model="form.altitude"
placeholder="请输入海拔高度(m)"
/>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="12">
<el-form-item
label="modbus指令地址位，rtu协议设备类型，GNSS对应的基准站编号"
prop="modbusAddr"
>
<el-input
v-model="form.modbusAddr"
placeholder="请输入modbus指令地址位，rtu协议设备类型，GNSS对应的基准站编号"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="设备地址,设备是IP设备时的ip地址; 设备是4G时imei码; 设备是mqtt时是rtu设备名，gnss设备编号"
prop="ipaddress"
>
<el-input
v-model="form.ipaddress"
placeholder="请输入设备地址,设备是IP设备时的ip地址; 设备是4G时imei码; 设备是mqtt时是rtu设备名，gnss设备编号"
/>
</el-form-item>
</el-col>
</el-row> -->
<el-row>
<el-col :span="12">
<el-form-item label="传感器初始值" prop="">
<el-input
v-model="form.initial"
placeholder="请输入传感器初始值"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="初始值x方向" prop="">
<el-input
v-model="form.initialx"
placeholder="请输入传感器初始值x方向"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="初始值y方向" prop="">
<el-input
v-model="form.initialy"
placeholder="请输入传感器初始值y方向"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="初始值z方向" prop="">
<el-input
v-model="form.initialz"
placeholder="请输入传感器初始值z方向"
/>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="12">
<el-form-item label="" prop="bmwyX">
<el-input v-model="form.bmwyX" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="" prop="bmwyY">
<el-input v-model="form.bmwyY" placeholder="请输入" />
</el-form-item>
<el-form-item label="" prop="bmwyZ">
<el-input v-model="form.bmwyZ" placeholder="请输入" />
</el-form-item>
</el-col>
</el-row> -->
<el-row>
<el-col :span="12">
<!-- <el-form-item label="内部位移" prop="isSync">
<el-input v-model="form.isSync" placeholder="请输入内部位移" />
</el-form-item> -->
</el-col>
<el-col :span="12"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="库水位设备编号" prop="">
<el-input
v-model="form.kswequipno"
placeholder="请输入干滩所属库水位的设备编号"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="干滩安全超高" prop="">
<el-input
v-model="form.gtsafeheight"
placeholder="请输入干滩安全超高"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="干滩坡度角" prop="">
<el-input
v-model="form.gtwangle"
placeholder="请输入干滩坡度角"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="浸润线孔口高程" prop="">
<el-input
v-model="form.holeDepth"
placeholder="请输入浸润线孔口高程"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="浸润线设备到开孔位置的距离" prop="">
<el-input
v-model="form.jrxBurial"
placeholder="请输入浸润线设备到开孔位置的距离"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="浸润线开孔深度" prop="">
<el-input
v-model="form.jrxTrepanning"
placeholder="请输入浸润线开孔深度"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="浸润线距离坡面左侧距离(m)" prop="">
<el-input
v-model="form.jrxCoordX"
placeholder="请输入浸润线:设备距离坡面左侧距离(m)"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="土压力计系数" prop="">
<el-input
v-model="form.xishu"
placeholder="请输入土压力计系数"
/>
</el-form-item>
<!-- <el-form-item
label="库水位: 投入式水位计初始水面的海拔高度, 超声液位计设备的安装海拔"
prop="initialKsw"
>
<el-input
v-model="form.initialKsw"
placeholder="请输入库水位: 投入式水位计初始水面的海拔高度, 超声液位计设备的安装海拔"
/>
</el-form-item> -->
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="设备最新数据的时间" prop="">
<el-date-picker
clearable
v-model="form.datarealtime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择设备最新数据的时间"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="设备在用状态" prop="">
<el-select
v-model="form.isUse"
placeholder="请选择设备在用状态"
>
<el-option label="在用" :value="1"></el-option>
<el-option label="不在用" :value="0"></el-option>
</el-select> </el-form-item
></el-col>
</el-row>
<el-row>
<el-col :span="12"> </el-col>
<el-col :span="12"> </el-col>
</el-row>
<!-- <el-form-item label="没用所属监测点id,跟监测点表关联" prop="jcdid">
<el-input
v-model="form.jcdid"
placeholder="请输入没用所属监测点id,跟监测点表关联"
/>
</el-form-item>
<el-form-item label="没用浸润线埋深(没啥用)" prop="burialDepth">
<el-input
v-model="form.burialDepth"
placeholder="请输入没用浸润线埋深(没啥用)"
/>
</el-form-item>
<el-form-item label="没用检验周期" prop="checkperiod">
<el-input
v-model="form.checkperiod"
placeholder="请输入没用检验周期"
/>
</el-form-item> -->
<el-row>
<el-col :span="12">
<el-form-item label="孔底高程" prop="">
<el-input
v-model="form.holeBaseElevation"
placeholder="请输入孔底高程"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="孔口高程" prop="">
<el-input
v-model="form.holeBottomElevation"
placeholder="请输入孔口高程"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12"> </el-col>
<el-col :span="12"> </el-col>
</el-row>
<!-- <el-row>
<el-col :span="12">
</el-col>
<el-col :span="12">
</el-col>
</el-row> -->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="savebtn" @click="submitForm">确 定</el-button>
<!-- <el-button @click="cancel">取 消</el-button> -->
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import {
listDrybeachequipinfor,
getDrybeachequipinfor,
delDrybeachequipinfor,
addDrybeachequipinfor,
updateDrybeachequipinfor,
} from "@/api/business/drybeachequipinfor";
export default {
name: "Drybeachequipinfor",
dicts: ['microseismequipment'],
data() {
return {
// 根路径
baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 设备信息表格数据
drybeachequipinforList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
equipno: null,
equipname: null,
eqdanwei: null,
devicetype: null,
onelevelalarm: null,
twolevelalarm: null,
threelevelalarm: null,
fourlevelalarm: null,
tailingid: null,
state: null,
initialstateno: null,
installationdata: null,
installationlocate: null,
manufacture: null,
electricitysupply: null,
accuracy: null,
longitude: null,
latitude: null,
installheight: null,
altitude: null,
modbusAddr: null,
ipaddress: null,
eqtype: null,
sensortype: null,
initial: null,
initialx: null,
initialy: null,
initialz: null,
bmwyX: null,
isSync: null,
bmwyY: null,
bmwyZ: null,
pslspeed: null,
kswequipno: null,
gtsafeheight: null,
gtwangle: null,
holeDepth: null,
jrxBurial: null,
jrxTrepanning: null,
jrxCoordX: null,
initialKsw: null,
updatetime: null,
datarealtime: null,
createtime: null,
jcdid: null,
burialDepth: null,
checkperiod: null,
isUsed: null,
holeBaseElevation: null,
holeBottomElevation: null,
xishu: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
// id: [
// { required: true, message: "自动增长 不能为空", trigger: "blur" }
// ],
equipno: [
{ required: true, message: "设备编号不能为空", trigger: "blur" },
],
equipname: [
{ required: true, message: "设备名称不能为空", trigger: "blur" },
],
eqdanwei: [
{ required: true, message: "数值单位不能为空", trigger: "blur" },
],
devicetype: [
{ required: true, message: "监测类型不能为空", trigger: "change" },
],
onelevelalarm: [
{
required: true,
message: "一级预警阈值干滩长度<一级预警阈值 不能为空",
trigger: "blur",
},
],
twolevelalarm: [
{
required: true,
message:
"二级预警阈值,一级预警阈值<=干滩长度<=二级预警阈值 ,精度为6不能为空",
trigger: "blur",
},
],
threelevelalarm: [
{
required: true,
message:
"三级预警阈值 二级报警<=干滩长度<=三级预警阈值 ,精度为6不能为空",
trigger: "blur",
},
],
fourlevelalarm: [
{
required: true,
message:
"四级预警阈值 三级报警<=干滩长度<=四级预警阈值 ,精度为6不能为空",
trigger: "blur",
},
],
tailingid: [
{
required: true,
message: "所属尾矿库编码不能为空",
trigger: "blur",
},
],
state: [
{
required: true,
message: "报警状态是否报警1，报警不能为空",
trigger: "blur",
},
],
initialstateno: [
{
required: true,
message: "设备码 默认1，(1行 4凑合还行 5不行也行)不能为空",
trigger: "blur",
},
],
installationdata: [
{ required: true, message: "安装日期不能为空", trigger: "blur" },
],
installationlocate: [
{ required: true, message: "安装位置 不能为空", trigger: "blur" },
],
manufacture: [
{ required: true, message: "生产厂家 不能为空", trigger: "blur" },
],
electricitysupply: [
{
required: true,
message: "供电和通讯方式不能为空",
trigger: "blur",
},
],
accuracy: [
{ required: true, message: "设备精度 不能为空", trigger: "blur" },
],
longitude: [
{
required: true,
message: "安装位置，经度/精度为8，最多8位小数，CGCS 2000 不能为空",
trigger: "blur",
},
],
latitude: [
{
required: true,
message: "安装位置，纬度/精度为8，最多8位小数，CGCS 2000 不能为空",
trigger: "blur",
},
],
installheight: [
{ required: true, message: "安装高度不能为空", trigger: "blur" },
],
altitude: [
{
required: true,
message: "海拔高度,单位：米 ,精度为8不能为空",
trigger: "blur",
},
],
modbusAddr: [
{
required: true,
message:
"modbus指令地址位，rtu协议设备类型，GNSS对应的基准站编号不能为空",
trigger: "blur",
},
],
ipaddress: [
{
required: true,
message:
"设备地址,设备是IP设备时的ip地址; 设备是4G时imei码; 设备是mqtt时是rtu设备名，gnss设备编号不能为空",
trigger: "blur",
},
],
eqtype: [
{
required: true,
message: "设备类型是4G设备,IP设备,mqtt设备;用数字0,1,2表示不能为空",
trigger: "change",
},
],
sensortype: [
{
required: true,
message:
"设备类型0、gnss;1、超声；2、投入式水位计或渗压计；3、4沉降；5’雨量；7、8测斜不能为空",
trigger: "change",
},
],
initial: [
{
required: true,
message:
"传感器初始值,干滩设备的安装高程,库水位设备初始回数不能为空",
trigger: "blur",
},
],
initialx: [
{
required: true,
message:
"传感器初始值x方向,可用于表面位移X方向，内部位移X方向的初始值不能为空",
trigger: "blur",
},
],
initialy: [
{
required: true,
message:
"传感器初始值y方向,可用于表面位移Y方向，内部位移Y方向的初始值不能为空",
trigger: "blur",
},
],
initialz: [
{
required: true,
message: "传感器初始值z方向,可用于表面位移Z方向初始值不能为空",
trigger: "blur",
},
],
bmwyX: [{ required: true, message: "不能为空", trigger: "blur" }],
isSync: [
{
required: true,
message: "内部位移：内部位移的时候用作名称不能为空",
trigger: "blur",
},
],
bmwyY: [{ required: true, message: "不能为空", trigger: "blur" }],
bmwyZ: [{ required: true, message: "不能为空", trigger: "blur" }],
pslspeed: [
{ required: true, message: "排水量:流速不能为空", trigger: "blur" },
],
kswequipno: [
{
required: true,
message:
"干滩：所属库水位的设备编号,只用于添加干滩设备时使用，对应库水位不能为空",
trigger: "blur",
},
],
gtsafeheight: [
{
required: true,
message: "干滩:安全超高,只用于干滩监测不能为空",
trigger: "blur",
},
],
gtwangle: [
{
required: true,
message: "干滩:坡度角,只用于干滩，表示干滩坡度角不能为空",
trigger: "blur",
},
],
holeDepth: [
{
required: true,
message: "浸润线:孔口高程不能为空",
trigger: "blur",
},
],
jrxBurial: [
{
required: true,
message: "浸润线:设备到开孔位置的距离不能为空",
trigger: "blur",
},
],
jrxTrepanning: [
{
required: true,
message: "浸润线:开孔深度不能为空",
trigger: "blur",
},
],
jrxCoordX: [
{
required: true,
message: "浸润线:设备距离坡面左侧距离(单位:m)不能为空",
trigger: "blur",
},
],
initialKsw: [
{
required: true,
message:
"库水位: 投入式水位计初始水面的海拔高度, 超声液位计设备的安装海拔不能为空",
trigger: "blur",
},
],
updatetime: [
{ required: true, message: "$comment不能为空", trigger: "blur" },
],
datarealtime: [
{
required: true,
message: "设备最新数据的时间不能为空",
trigger: "blur",
},
],
createtime: [
{ required: true, message: "$comment不能为空", trigger: "blur" },
],
jcdid: [
{
required: true,
message: "没用所属监测点id,跟监测点表关联不能为空",
trigger: "blur",
},
],
burialDepth: [
{
required: true,
message: "没用浸润线埋深(没啥用)不能为空",
trigger: "blur",
},
],
checkperiod: [
{ required: true, message: "没用检验周期不能为空", trigger: "blur" },
],
isUsed: [
{
required: true,
message: "设备在用状态 默认值为1，在用： 1，不在用：0不能为空",
trigger: "blur",
},
],
holeBaseElevation: [
{ required: true, message: "孔底高程不能为空", trigger: "blur" },
],
holeBottomElevation: [
{ required: true, message: "孔口高程不能为空", trigger: "blur" },
],
xishu: [
{ required: true, message: "土压力计系数不能为空", trigger: "blur" },
],
},
};
},
mounted() {
this.getList();
},
methods: {
/** 查询设备信息列表 */
getList() {
this.loading = true;
listDrybeachequipinfor(this.queryParams).then((response) => {
this.drybeachequipinforList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
equipno: null,
equipname: null,
eqdanwei: null,
devicetype: null,
onelevelalarm: null,
twolevelalarm: null,
threelevelalarm: null,
fourlevelalarm: null,
tailingid: null,
state: null,
initialstateno: null,
installationdata: null,
installationlocate: null,
manufacture: null,
electricitysupply: null,
accuracy: null,
longitude: null,
latitude: null,
installheight: null,
altitude: null,
modbusAddr: null,
ipaddress: null,
eqtype: null,
sensortype: null,
initial: null,
initialx: null,
initialy: null,
initialz: null,
bmwyX: null,
isSync: null,
bmwyY: null,
bmwyZ: null,
pslspeed: null,
kswequipno: null,
gtsafeheight: null,
gtwangle: null,
holeDepth: null,
jrxBurial: null,
jrxTrepanning: null,
jrxCoordX: null,
initialKsw: null,
updatetime: null,
datarealtime: null,
createtime: null,
jcdid: null,
burialDepth: null,
checkperiod: null,
isUsed: null,
holeBaseElevation: null,
holeBottomElevation: null,
xishu: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加设备信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getDrybeachequipinfor(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改设备信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != null) {
delete this.form.state;
updateDrybeachequipinfor(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addDrybeachequipinfor(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除设备信息编号为"' + ids + '"的数据项？')
.then(function () {
return delDrybeachequipinfor(ids);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"business/drybeachequipinfor/export",
{
...this.queryParams,
},
`drybeachequipinfor_${new Date().getTime()}.xlsx`
);
},
},
};
</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>
::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
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