# datascreen

**Repository Path**: nft_group/datascreen

## Basic Information

- **Project Name**: datascreen
- **Description**: 中移隐私计算平台
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: cm
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-19
- **Last Updated**: 2025-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



## 项目描述


- 项目环境：Vue-cli、DataV、Echarts、Webpack、Npm、Node、axios、mock。

- 在项目public目录下存放地图数据合集，根据地市编存放。



###  

## 使用介绍

### 安装

```npm
npm install   
```

### 启动

```npm
npm start 
```

### 参数配置

配置文件为vue.config.js 在使用之前需要修改对应路径下的后端的IP以及端口号。


## 公用组件

### 1.1 message消息提示

因为刚开始没想着用第三方提示库，自己简单封装了一个。

>注：组件内部目前只有warning，类型，如果需要其他类型自己组件内添加。

因在main.js注册全局可以直接使用，不需要引入

```js
  this.$Message({
      text: res.msg,
      type: 'warning'
  })
//也可以这样
this.$Message.warning(res.msg)
```

| 参数 |   描述   | 默认值  |  类型  | 可选值  |
| :--: | :------: | :-----: | :----: | :-----: |
| text | 提示文字 |    -    | string |    -    |
| type | 弹窗类型 | warning | string | warning |

### 1.2 外边框

因为我的项目外边框几乎一样，还有title,所以封装了此组件。

根据自己需求更改，更换外边框（src\components\item-wrap\item-wrap.vue）下更换。

```vue
<ItemWrap
    title="我是title"
    >
       <div>我是谁？</div>
</ItemWrap>
```

### 1.3 axios二次封装

为了提高项目的可维护性，对axios进行了二次封装，可以对请求和响应进同一拦截和处理，具体可见目录`'src/utils/request.js'`