# zuanjingshibie-front

**Repository Path**: qylaile/zuanjingshibie-front

## Basic Information

- **Project Name**: zuanjingshibie-front
- **Description**: 鑽井識別前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-30
- **Last Updated**: 2023-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<h1 align="center">钻井掉块识别分析系统</h1>

- 模版预览: https://preview.pro.antdv.com
- 模版官网: https://pro.antdv.com/


环境和依赖
----

- node
- yarn
- webpack
- eslint
- @vue/cli ~3 ( yarn global add @vue/cli)
- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件


准备工作
----
- [Node 安装配置](https://www.runoob.com/nodejs/nodejs-install-setup.html)


- yarn 安装
```
npm i yarn -g
```

- vue-cli 安装
```
yarn global add @vue/cli
```


项目下载和运行
----

- 拉取项目代码
```bash
git clone https://gitee.com/xiaoxiaoan/vue-admin-template.git
cd vue-admin-template
```

- 安装依赖
```
yarn
```

- 开发模式运行
```
yarn run serve
```

- 编译项目
```
yarn run build
```

- Lints and fixes files
```
yarn run lint
```


目录结构
----

```
├── public
│   └── logo.png             # LOGO
|   └── index.html           # Vue 入口模板
├── src
│   ├── api                  # Api ajax 等
│   ├── assets               # 本地静态资源
│   ├── config               # 项目基础配置，包含路由，全局设置
│   ├── components           # 业务通用组件
│   ├── core                 # 项目引导, 全局配置初始化，依赖包引入等
│   ├── router               # Vue-Router
│   ├── store                # Vuex
│   ├── utils                # 工具库
│   ├── views                # 业务页面入口和常用模板
│   │   ├── card             # 卡片列表示例
│   │   ├── example          # 自定义组件示例
│   │   ├── exception        # 异常页面
│   │   ├── personalCenter   # 个人信息设置
│   │   ├── profile          # 镜像管理
│   │   ├── project          # 项目管理
│   │   │   ├── bolg         # 项目交流
│   │   │   ├── file         # 项目资料
│   │   │   ├── member       # 项目成员
│   │   │   ├── open         # 公开项目
│   │   │   ├── subject      # 项目课题
│   │   ├── system           # 系统设置
│   │   │   ├── group        # 分组管理
│   │   │   ├── menu         # 菜单管理
│   │   │   ├── organization # 组织管理
│   │   │   ├── role         # 角色管理
│   │   │   ├── user         # 用户管理
│   │   ├── task             # 任务管理
│   │   │   ├── homework     # 任务列表
│   │   │   ├── mine         # 我的任务
│   │   └── user             # 用户登录、注册
│   ├── App.vue              # Vue 模板入口
│   └── main.js              # Vue 入口 JS
│   └── permission.js        # 路由守卫(路由权限控制)
├── README.md
├── settings.json            # VS Code 设置文件
└── package.json
```


自定义组件
----

- 高德地图示例 `/src/views/example/amap.vue`

- 富文本编辑器示例 `/src/views/example/tinymce.vue`

- Excel 导出示例 `/src/views/system/user/list.vue`


其他说明
----

- 组件按需加载 `/src/main.js` L13 相关代码 `import './core/lazy_use'` / `import './core/use'` 

- 路由菜单权限参考 `/src/router/README.md`


## 浏览器兼容

Modern browsers and IE10.

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --- | --- | --- | --- | --- |
| IE10, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |