# 接单修改大屏可视化

**Repository Path**: bigfacebobo/bigscreen

## Basic Information

- **Project Name**: 接单修改大屏可视化
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-29
- **Last Updated**: 2024-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# BSN 区块链服务网络监控大屏

## 1. 项目开发环境启动

```
# 电脑安装  nodejs
# 全局安装vue-cli3  npm install -g @vue/cli

# 项目中
npm install  // 安装依赖
npm run serve  // 启动开发环境服务
npm run build  // 项目打包
```

> 执行打包操作以后会生成 dist 目录，将整个目录放到静态资源服务根目录即可

## 2. 项目配置说明

全局配置 ./.env

```
VUE_APP_TITLE=甬链驾驶舱

# API接口配置
# VUE_APP_DATA online/mock
VUE_APP_DATA=online
VUE_APP_BASEURL=http://60.247.61.163:8082/api/v1
VUE_APP_TIMEOUT=10000
VUE_APP_SUCCESS_CODE=00
```

## 3. 文件目录说明

```
.
├── package.json
├── public
│   ├── favicon.ico   网站图标可以更换
│   └── index.html
├── src
│   ├── App.vue
│   ├── api
│   │   ├── index.js  所有请求在这里
│   │   ├── mock.js   模拟数据
│   │   └── request.js  请求封装
│   ├── assets
│   │   ├── font
│   │   │   └── lcd.TTF  中间部分的液晶字体文件
│   │   └── img  所有的图片资源文件
│   │       ├── bg.png
│   │       ├── cpu.svg
│   │       ├── full_screen.svg
│   │       ├── fullscreen.svg
│   │       ├── light.svg
│   │       ├── login_bg.png
│   │       ├── logout.svg
│   │       ├── net.svg
│   │       ├── nodata.png
│   │       ├── ram.svg
│   │       ├── rom.svg
│   │       └── title_bg.png
│   ├── components  所有组件
│   │   ├── box.vue  主页板块容器
│   │   ├── line-chart.vue  所有线图
│   │   ├── main-title.vue  主标题
│   │   ├── map-part.vue  地图组件
│   │   ├── mini-select.vue  下拉框组件
│   │   ├── no-data.vue 暂无数据
│   │   ├── number-grow.vue 数字滚动
│   │   ├── number-part.vue 主页数字板块
│   │   ├── pie-chart.vue 饼状图
│   │   ├── progress-item.vue 进度条
│   │   ├── progress-text.vue 进度条
│   │   ├── progress.vue  进度条
│   │   ├── search-part.vue 搜索栏
│   │   ├── source-info.vue 资源信息
│   │   ├── sub-title-small.vue 详情里返回前进部分的标题
│   │   ├── sub-title.vue 详情里的标题
│   │   ├── table-part.vue  表格部分
│   │   └── work-order.vue  工单信息
│   ├── data
│   │   └── index.js  图表option文件
│   ├── filter
│   │   └── index.js  全局过滤器
│   ├── main.js 入口文件
│   ├── router
│   │   └── index.js  路由
│   ├── store
│   │   └── index.js  全局状态管理
│   ├── style  所有样式文件
│   │   ├── element-over.styl
│   │   ├── font.css
│   │   ├── global.styl
│   │   ├── iconfont
│   │   │   ├── iconfont.css
│   │   │   ├── iconfont.eot
│   │   │   ├── iconfont.js
│   │   │   ├── iconfont.svg
│   │   │   ├── iconfont.ttf
│   │   │   ├── iconfont.woff
│   │   │   └── iconfont.woff2
│   │   ├── index.styl
│   │   ├── mixin.styl
│   │   └── variable.styl
│   ├── utils
│   │   └── index.js  全局方法
│   └── views
│       ├── full  全屏下各个板块
│       │   ├── apps.vue
│       │   ├── city.vue
│       │   ├── frame.vue
│       │   ├── info
│       │   ├── map.vue
│       │   ├── mixin.js
│       │   ├── portal.vue
│       │   ├── search.vue
│       │   └── wrapper.vue
│       ├── index
│       │   ├── center-part.vue 中间部分
│       │   ├── index.vue 主页
│       │   └── table-frame.vue 表格容器
│       ├── info  4个详情页
│       │   ├── apps
│       │   ├── city
│       │   ├── frame
│       │   └── portal
│       ├── login 登录页
│       │   └── index.vue
│       └── part  板块页面
│           ├── apps.vue
│           ├── city.vue
│           ├── frame.vue
│           ├── net.vue
│           ├── network.vue
│           └── portal.vue
├── vue.config.js  vue开发配置
├── .env  全局环境变量配置，包括标题，baseUrl等
```