online-doc-edit

ibz-jfbl

前提条件（启动后台websock服务，切换npm源）

1. 启动ibz-jfbl下的server项目
2. 切换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	取消共享屏幕事件	----