hy-verify-revise v0.2.4

hy-verify-revise

红云智汇校核前端封装

使用方式

API_ROOT

后端服务URL根路径，请确保在main.js中有赋值操作将API_ROOT赋值给window对象，让它变成一个全局变量

 Vue.prototype.API_ROOT = window.API_ROOT = API_ROOT = 'http://localhost:8080/';

首先安装 hy-verify-revise 组件

 npm config get registry
 //如果不是https://registry.npmjs.org 则设置npm的registry地址
 npm config set registry https://registry.npmjs.org
 npm install hy-verify-revise --save

在 vue 项目中引入或者全局注册组件后直接使用

局部引入

 import HyVerify from "hy-verify-revise"

全局注册(这里演示在 main.js 中全局注册的方式)

 import HyVerify from "hy-verify-revise"
 Vue.component('HyVerify',HyVerify)

注意，以下的依赖必不可少

1、web/static/js/gwy/helperUtil.js 的 downLoadFile函数

 在index.html将其引入 
 <script src="./static/js/gwy/helperUtil.js" charset="utf-8"></script>

2、在main.js引入：确保一下5个是全局变量，且不冲突

import HyVerify from "hy-verify-revise"
import RMB from './views/business/QGGWY/QGGWY_JCK001/QGGWY_JCK001_0005/vue/BaRmb'; // 全局vue ep\
import UpdateSysOrg from './views/business/QGGWY/QGGWY_JCK002/QGGWY_JCK002_0001/vue/UpdateSysOrg'; // 全局vue ep\
import PersonSort from './views/business/QGGWY/QGGWY_JCK001/QGGWY_JCK001_0006/vue/BaCustomQueryPersonSort'; // 全局vue ep\
import eplwindow = ()=>import('./localComponents/custom/Window')

Vue.component('HyVerify',HyVerify)
Vue.component('RMB',RMB)
Vue.component('UpdateSysOrg',UpdateSysOrg)
Vue.component('PersonSort',PersonSort)
Vue.component('epl-window',eplwindow)

4个是全局变量注意事项:

RMB

    在修改完或关闭页面，添加函数  
    this.$emit("closeRMB", res);//其中 res="close"

UpdateSysOrg

    在修改完或关闭页面，添加函数   
   this.$emit("closeUpdateSysOrg", res);//其中 res="close"

PersonSort

    在修改完或关闭页面，添加函数   
   this.$emit("updatesys", res);//其中 res="close"

2、其他

后端
com.insigma.business.components.tree.controller
     其中：treeSchemeId为hyOrgTree

前端
	1、hy-tree、hy-grid、hy-logSocket、BaRmb、UpdateSysOrg、BaCustomQueryPersonSort 对应的相关前端、类及相关类
	2、公司图标文件

选择安装的依赖组件，也可以不安装，使用7c自带的

1、hy-grid组件，注册名必须为：hy-grid

1.1、安装hy-grid组件

1.1.1 安装方式

    npm install hy-grid --save

1.1.2 局部引入

    import hy-grid from "hy-grid"

1.1.3 全局引入

    import HyGrid from "hy-grid"
    Vue.component('hy-grid',HyGrid)

1.2、不安装hy-grid组件

    必须使用7c的grid

使用

在HeaderJC.vue的写法
<epl-window helpData="QGGWY_JCK003_0001" title="数据校核" :width=1300 :visible.sync="DialogVisibleHYVerify">
                <HyVerify @closeHYVerify="DialogVisibleHYVerify=false"></HyVerify>
</epl-window>

或者

<epl-window helpData="QGGWY_JCK003_0001" title="数据校核" :width=1300 :visible.sync="DialogVisibleHYVerify">
    <HyVerify @closeHYVerify="DialogVisibleHYVerify=false" :showRevise="true" :showExpOrgBtn="true" :showExpPerBtn="false"></HyVerify>
</epl-window>

参数

参数：注意

    showRevise :false
                    校核结果不再具备修正功能，同时，”RMB、UpdateSysOrg、PersonSort、A05Page_0“， 这几个组件及其后端可以不使用
    showExpOrgBtn :false &&  showExpPerBtn :false
                    前端不再需要 helperUtil.js  的 downLoadFile函数，对此js没有其他需要的话，可以不引入此js