cloud_enterprise_digital-serve: 云上数字化企业智慧系统的服务平台端，该端主要由基于Vue实现的基于BS架构模式在浏览器上运行的应用，该应用主要针对应用平台的相关功能提供相应的服务

#  ”云上智企“智慧化企业系统-服务平台

云上企业数字化智慧系统是一款用于现代化企业管理的企业管理系统，属于企业信息化系统中的一部分，该系统主要用于企业的内部管理使用对象和管理对象都是企业的内部员工及其操作的产物，企业可以拉取并且进行相关的部署从而实现企业内部系统的搭建，由于本项目属于开源项目，因此可以更好的受大众监督并且无需担心安全问题。本系统采取一种弹性的组织架构和自定义的用户角色划分，通过内置必要数据方便用户的操作和理解，用户可以根据自身的组织架构自定义并且可以根据自身的角色划分自定义角色并且分派权限使用系统。

![img](assets/image-20240519112116232.png)

基于VUE搭建的B/S架构，有浏览器即可访问。

## 使用技术栈

day.js

ElementUI

EventBus

QQMap

axios

jsonp

## 环境依赖

Node.js

npm

## 项目搭建
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## 项目修改

main.js文件中后端应用服务器的url

```js
axios.defaults.baseURL = 'http://192.168.43.10:9080';
```

HomeView.vue文件中webSocket的服务器的路径

```js
initWebSocket() {
            let that = this;
            if ('WebSocket' in window) {
                this.websocket = new WebSocket("ws://192.168.43.10:9080/webSocket/" + localStorage.getItem("userId"));
                this.websocket.addEventListener('open', () => {
                    this.isConnected = true;
                    // 处理连接成功后的逻辑，如发送队列中的消息
                });
                this.websocket.addEventListener('close', () => {
                    this.isConnected = false;
                    // 处理连接关闭后的逻辑
                });
                this.websocket.addEventListener('message', (event) => {
                    this.$http('/message/refreshMessage', 'GET', null, function (resp) {
                        that.unreadRows = resp.data.unreadRows + 1;
                        that.lastRows = resp.data.lastRows;
                        console.log(event.data);
                        if (event.data === 'new message' || event.data === 'new approval') {
                            EventBus.$emit('newWebSocketMessage', event.data);
                            if (event.data === 'new approval') {
                                EventBus.$emit('newApproval', event.data);
                            }
                        }
                    });
                });

this.websocket.addEventListener('error', (error) => {
                    console.error('WebSocket error:', error);
                    // 处理连接错误的逻辑
                });
            } else {
                console.error('WebSocket is not supported by your browser.');
            }
        },
```

AttendanceAddressView.vue文件中腾讯位置服务修改XXXXXX

```js
this.$jsonp(`https://apis.map.qq.com/ws/geocoder/v1/`, {
                    location: `${this.position.latitude},${this.position.longitude}`,
                    key: 'XXXXXXXX',
                    output: 'jsonp',
                    get_poi: 1,
                    callback: 'myCustomCallback', // 添加自定义回调名
                }
```

## 项目展示

![image-20240519160007664](assets/image-20240519160007664.png)

![image-20240519160059971](assets/image-20240519160059971.png)

![image-20240519160115571](assets/image-20240519160115571.png)

一半烟火一半诗/ cloud_enterprise_digital-serve

简介

发行版

贡献者

近期动态

一半烟火一半诗/ cloud_enterprise_digital-serve .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

一半烟火一半诗/ cloud_enterprise_digital-serve