0.1.0 • Published 1 year ago
online-doc-edit v0.1.0
ibz-jfbl
前提条件(启动后台websock服务,切换npm源)
- 启动ibz-jfbl下的server项目
- 切换npm源
npm config set registry=http://172.16.240.220:8081/repository/public-npm/
安装
npm install ibz-jfbl@0.1.0
注册
import ibzJfbl from "ibz-jfbl";
Vue.use(ibzJfbl)
使用示例
<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 | 模态框关闭事件 | ---- |
sharepm | 共享屏幕事件 | ---- |
cancelsharepm | 取消共享屏幕事件 | ---- |
0.1.0
1 year ago