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 [email protected]  

注册

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 | 取消共享屏幕事件 | ----