# ruoyi_ui_pipe_dynamic_monitor

**Repository Path**: qkmc/ruoyi_ui_pipe_dynamic_monitor

## Basic Information

- **Project Name**: ruoyi_ui_pipe_dynamic_monitor
- **Description**: 使用若依vue（前后端分离）搭建的石油管道腐蚀动态监测平台
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-12-04
- **Last Updated**: 2025-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#  基于若依前后端分离开发的油气安全智慧监测平台

## 开发
```bash
# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
# 启动服务
npm run dev
```
## 发布
```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```

---
- 加入了echarts中的china.js等创建地图的js文件，使用参考src\components\dymo\ChinaMap\index.vue

## 2024/12/20
- 部署到linux：先build：npm run build:prod,然后将dist目录压缩为zip，然后传到服务器nginx中然后在解压即可。
- nginx配置：
```bash
user www-data;
pid /run/nginx.pid;
error_log /var/log/nginx/error.log;
include /etc/nginx/modules-enabled/*.conf;
worker_processes  1;

events {
        worker_connections 1024;
        # multi_accept on;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
                charset utf-8;

                location / {
            root   /usr/share/nginx/html;
                        try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

                location /prod-api/ {
                        proxy_set_header Host $http_host;
                        proxy_set_header X-Real-IP $remote_addr;
                        proxy_set_header REMOTE-HOST $remote_addr;
                        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                        proxy_pass http://localhost:8080/;
                }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}
```
- nginx启动：sudo service nginx start
- nginx重启：sudo service nginx restart
- nginx停止：sudo service nginx stop
- nginx配置文件位置：/etc/nginx/nginx.conf

- 设置el表格下面的border为空：
```html
::v-deep .el-table__body td,
::v-deep .el-table__header th,
.el-table .cell {
  background-color: transparent;
  border: none;
}
```

## 2024/12/22
- 完成大屏界面
- 时间滚动
- 大屏查看的模型接入后台mock数据，数据在后台管理的模拟数据管理中进行增删改查
- 场站大屏增加点击事件，通过图片中的相对位置实现
- 场站大屏中的在线监测数据接入后台mock数据，数据在后台管理的模拟数据管理中进行增删改查
- 油井大屏中的表数据为mock数据，通过上方的下拉切换数据。

## 2025/1/31