Skip to content

甘
甘肃陇南
Commit bf827e55 authored by forevertyler's avatar forevertyler
Browse files
Options

fix:sth

parent f7295b14
Hide whitespace changes
Inline Side-by-side
Showing with 509 additions and 1 deletion
src/api/lclApi/fenzhan.js
View file @ bf827e55
import request from '@/utils/request'
// 内部位移 实时数据
export function displacementreal() {
return request({
url: '/slope/displacement/real',
method: 'get',
})
}
\ No newline at end of file
src/views/baopo/fenzhan/index.vue
View file @ bf827e55
<template>
<div class="app-container">
<div class="box-card">
<div class="top-title">
<span class="title-text">分站信息管理</span>
</div>
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
label-width="80px"
class="searchform"
>
<el-form-item prop="zonename">
<el-input
prefix-icon="el-icon-search"
placeholder="请输入监测区名称"
v-model="queryParams.zonename"
clearable>
</el-input>
</el-form-item>
<el-form-item>
<el-button
type="goon"
icon="el-icon-search"
@click="toSearch"
>搜索</el-button>
<el-button
type="goon"
plain
icon="el-icon-plus"
@click="addEqupment('add')"
>添加传感器</el-button>
<el-button
type="goon"
icon="el-icon-setting"
@click="resetTable"
>重置</el-button>
</el-form-item>
</el-form>
<el-table :data="dmList"
height="535"
border
header-cell-style="background-color: #08267d; color: #96dcdf;border:1px solid #409EFF;">
<el-table-column label="序号" align="center" width="60" type="index"/>
<el-table-column label="测点编码" align="center" prop="pointcode" />
<el-table-column label="所属断面" align="center" prop="zonename" />
<el-table-column label="记录通道数" align="center" prop="channelsno" />
<el-table-column label="采样长度" align="center" prop="samplinglength" />
<el-table-column label="采样频率" align="center" prop="samplingfrequency" />
<el-table-column label="安装方式" align="center" prop="installationmethod" />
<el-table-column label="灵敏度" align="center" prop="sensitivity" />
<el-table-column label="传感器类型" align="center" prop="sensortype" />
<el-table-column label="监测类型" align="center" prop="monitoringType" />
<el-table-column label="传感器名称" align="center" prop="sensorname" />
<el-table-column label="设备状态" align="center" prop="ifonline" />
<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.native.prevent="addEqupment('eidt', scope.row)"
>编辑</el-button
>
<el-button
style="background-color: #fee504;"
size="mini"
icon="el-icon-delete"
@click="typeDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<el-pagination
style="padding:10px 1px 10px 0px;margin-left:20px;"
:page-sizes="[10, 20, 30, 40]"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@pagination="allData"
/>
<!-- 添加对话框 -->
<el-dialog :title="title" :visible.sync="open" append-to-body class="pop-content">
<el-form ref="form" :model="form" :rules="rules" label-width="140px" style="width:100%;height: 100%;display: flex;">
<div class="tableline">
<el-form-item label="测点编码" prop="pointcode">
<el-input v-model="form.pointcode" placeholder="请输入测点编码" />
</el-form-item>
<el-form-item label="记录通道数" prop="channelsno">
<el-input v-model="form.channelsno" placeholder="请输入记录通道数" />
</el-form-item>
<el-form-item label="采样频率" prop="samplingfrequency">
<el-input v-model="form.samplingfrequency" placeholder="请输入采样频率" />
</el-form-item>
<el-form-item label="安装方式" prop="installationmethod">
<el-input v-model="form.installationmethod" placeholder="请输入安装方式" />
</el-form-item>
<el-form-item label="传感器类型" prop="sensortype">
<el-select
v-model="form.sensortype"
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-form-item label="传感器坐标 X" prop="coordinatex">
<el-input v-model="form.coordinatex" placeholder="请输入传感器坐标 X" />
</el-form-item>
<el-form-item label="传感器坐标 Z" prop="coordinatez">
<el-input v-model="form.coordinatez" placeholder="请输入传感器坐标 Z" />
</el-form-item>
<el-form-item label="监测类型" prop="installationmethod">
<el-input v-model="form.monitoringType" placeholder="请输入监测类型" />
</el-form-item>
</div>
<div class="tableline">
<el-form-item label="测点区名称" prop="zonename">
<el-input v-model="form.zonename" placeholder="请输入测点区名称" />
</el-form-item>
<el-form-item label="采样长度" prop="samplinglength">
<el-input v-model="form.samplinglength" placeholder="请输入采样长度" />
</el-form-item>
<el-form-item label="传感器方向" prop="sensororientation">
<el-input v-model="form.sensororientation" placeholder="请输入传感器方向" />
</el-form-item>
<el-form-item label="灵敏度" prop="sensitivity">
<el-input v-model="form.sensitivity" placeholder="请输入灵敏度" />
</el-form-item>
<el-form-item label="传感器位置" prop="sensorposition">
<el-input v-model="form.sensorposition" placeholder="请输入传感器位置" />
</el-form-item>
<el-form-item label="传感器坐标 Y" prop="coordinatey">
<el-input v-model="form.coordinatey" placeholder="请输入传感器坐标 Y" />
</el-form-item>
<el-form-item label="安装日期" prop="installationtime" style="margin-left:5px;">
<el-date-picker
style="width: 200px !important;"
v-model="form.installationtime"
type="datetime"
clearable
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="传感器名称" prop="sensorposition">
<el-input v-model="form.sensorname" placeholder="请输入传感器名称" />
</el-form-item>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="submitForm" class="savebtn">确 定</el-button>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import Vue from "vue";
import ElementUI from "element-ui";
Vue.use(ElementUI);
import {perceTable,perceAdd,perceEdit,perceDel} from "@/api/query/ym";
export default {
dicts: ['microseismequipment'],
data() {
return {
// 总条数
total: 0,
dmList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
zonename: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
pointcode: [{ required: true, message: "测点编码不能为空", trigger: "blur" }],
channelsno: [{ required: true, message: " 记录通道数不能为空", trigger: "blur" }],
sensortype: [{ required: true, message: "传感器类型不能为空", trigger: "change" }],
zonename: [{ required: true, message: "测点区名称不能为空", trigger: "blur" }],
samplinglength: [{ required: true, message: "采样长度不能为空", trigger: "blur" }],
coordinatex: [{ required: true, message: "传感器坐标X不能为空", trigger: "blur" }],
installationtime: [{ required: true, message: "安装日期不能为空", trigger: "change" }],
coordinatey:[{ required: true, message: "传感器坐标Y不能为空", trigger: "blur" }],
coordinatez:[{ required: true, message: "传感器坐标Z不能为空", trigger: "blur" }],
sensorposition:[{ required: true, message: "传感器位置不能为空", trigger: "blur" }],
samplingfrequency:[{ required: true, message: "采样频率不能为空", trigger: "blur" }],
sensororientation:[{ required: true, message: "传感器方向不能为空", trigger: "blur" }],
installationmethod:[{ required: true, message: "安装方式不能为空", trigger: "blur" }],
sensitivity:[{ required: true, message: "灵敏度不能为空", trigger: "blur" }]
},
};
},
mounted(){
this.allData();
},
methods: {
allData() {
var param ={
pageNum:this.queryParams.pageNum,
pageSize: this.queryParams.pageSize
}
perceTable(param).then((res) => {
var body = res.rows || [];
this.dmList = body;
this.total = res.total;
});
},
handleSizeChange(val) {
this.queryParams.pageSize =val;
this.toSearch()
},
handleCurrentChange(val) {
this.queryParams.pageNum = val;
this.toSearch()
},
toSearch() {
var param = this.queryParams;
perceTable(param).then((res) => {
var body = res.rows || [];
this.dmList = body;
this.total = res.total;
});
},
resetTable(){
this.queryParams={};
this.allData()
},
// 新增
addEqupment(type,item){
this.commonType = type;
if(type === 'add'){
this.open = true;
this.title = '新增传感器基础信息'
this.form = {};
}else{
this.open = true;
this.title = "修改传感器基础信息";
this.form = Object.assign({}, item);
this.disabled = true;
}
},
submitForm() {
if(this.commonType === 'add'){
this.$refs.form.validate((valid) => {
if (valid) {
var self = this;
var param = this.form;
perceAdd(param).then((res) =>{
if(res.code === 200){
this.open = false;
this.allData();
this.select();
self.$message({
type: "success",
message: "新增成功",
});
}else{
self.$message.error("新增失败");
}
});
}
})
}else{
this.$refs.form.validate((valid) => {
if (valid) {
var self = this;
var param = this.form;
perceEdit(param).then((res) => {
if(res.code === 200){
this.open = false;
this.allData();
self.$message({
type: "success",
message: "编辑成功",
});
}else{
self.$message.error("编辑失败");
}
});
}
})
}
},
// 删除
typeDelete(item){
var id = item.id;
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
confirmButtonText: "确定",
type: "warning",
}).then(() => {
perceDel({id:id}).then((res) => {
this.allData()
if(res.code===200){
this.$message({
message: "删除成功",
type: "success",
});
}
},
() => {
this.$message.error("删除失败");
});
});
},
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scope>
.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>
vue.config.js
View file @ bf827e55
...@@ -36,7 +36,7 @@ module.exports = { ...@@ -36,7 +36,7 @@ module.exports = {
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
target: `http://192.168.0.103:8085/lswz`, // 线上内网 target: `http://192.168.0.103:8085/lswz`, // 线上内网
// target: `http://192.168.2.18:8085/lswz`, // 广建本地 // target: `http://192.168.2.18:8085/lswz`, // 广建本地
//target: `http://192.168.3.37:8085/lswz`, 1 //target: `http://192.168.3.37:8085/lswz`,
// target: `http://10.50.70.100:8085/lswz`, // target: `http://10.50.70.100:8085/lswz`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
......
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