# online-doc-edit

**Repository Path**: xiaominxs/online-doc-edit

## Basic Information

- **Project Name**: online-doc-edit
- **Description**: 基于springboot+vue+websock实现的多人在线文档编辑项目
- **Primary Language**: Java
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2022-11-12
- **Last Updated**: 2024-02-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# online-doc-edit

## 前提条件
```
启动server服务
```


## 前端安装
```
npm install 
```

### 使用示例
```
<template>
  <div id="app">
    <div style="width: 2100px;height: 616px;margin: auto">
      <XfRecordModel
          :show-modal="ishow"
          :wsurl="'ws://172.16.100.81:8070/api/websocket'"
          formkey="1"
          btnType=4
          title="接 访 记 录 文 档"
          @cancel="ishow=false"></XfRecordModel>
      <button @click="ishow=true">打开</button>

      <XfRecordPage
          :wsurl="'ws://172.16.100.81:8070/api/websocket'"
          formkey="1"
          v-model="form.data"
          btnType=5
          @savedata="savedata($event)"
          title="接 访 记 录 文 档"></XfRecordPage>
    </div>
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {

  },
  data() {
    return {
      ishow:false,
      form: {},
    }
  },
  methods: {

    savedata(item) {
      this.form = item;
      console.log(item)
    }
  }
}
</script>

```

## 参数说明

参数     | 类型     | 默认值       | 作用
--------|--------|-----------|-----
btnType  | String | 4         | 头部显示工具按钮组
sureText  | String | 确认        |  确认按钮文本值
cancelText  | String | 取消        |  取消按钮文本值
siginText    | String | 重新签名      |  签名按钮文本值
title       | String | null      |  组件标题
formkey    | String | null      |  表单唯一标识
wsurl      | String | null      |  websocket地址
formdata   |   Object     | 内容过长省略... |  表单数据
showModal    |Boolean      | false     | 模态框是否展示

## 事件说明

事件名称  | 说明   |  回调参数
--------|--------|------
savedata | 保存表单更改数据 | 表单更改数据
cancel   | 模态框关闭事件   |  ----