0.1.0 • Published 1 year ago

online-doc-edit v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

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>

参数说明

参数类型默认值作用
btnTypeString4头部显示工具按钮组
sureTextString确认确认按钮文本值
cancelTextString取消取消按钮文本值
siginTextString重新签名签名按钮文本值
titleStringnull组件标题
formkeyStringnull表单唯一标识
wsurlStringnullwebsocket地址
formdataObject内容过长省略...表单数据
showModalBooleanfalse模态框是否展示

事件说明

事件名称说明回调参数
savedata保存表单更改数据表单更改数据
cancel模态框关闭事件----
sharepm共享屏幕事件----
cancelsharepm取消共享屏幕事件----