@bingoit/desktop-form NPM

desktop-form

PC端表单模块；如：表单设计器、表单列表等；

安装方法

npm install @bingoit/desktop-form --save

使用方法

需要依赖desktop-ui模块，所以使用时需要先引入“desktop-ui”：

import Vue from 'vue';
import BingoDesktopUI from '@bingoit/desktop-ui';
Vue.use(BingoDesktopUI);

设置Ajax请求

//设置ajax请求，返回结果为未登录状态时的处理方法
import {removeLoginState, removeUserInfo, removeToken, getToken} from "@bingoit/utils";
import { setTokenHandler, setNotLoginHandler } from "@bingoit/ajax";
setNotLoginHandler(this,function () {
    removeLoginState();
    removeUserInfo();
    removeToken();
    router.push('/login').then(() => {});
});
//设置token
setTokenHandler(this, function () {
    return getToken();
});

设置Vuex

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
import baseStoreOptions from '@bingoit/desktop-base/lib/store';
export default new Vuex.Store(baseStoreOptions);

设置路由

import Vue from 'vue';
import Router from 'vue-router';
import { routerInterceptor, registerRouter } from '@bingoit/desktop-base/lib/router/helper';
import store from '../store';
Vue.use(Router);
import BaseRoutes from '@bingoit/desktop-base/lib/router';
import {FormDesignerRoutes, FormInstanceRoutes, FormListRoutes} from '@bingoit/desktop-form/lib/router';

let routeArray = [];
routeArray.push(...BaseRoutes);

//注册路由，原因是：为了满足根据菜单权限动态配置路由
let formDesignerStaticRoutes = registerRouter(FormDesignerRoutes);
let formInstanceStaticRoutes = registerRouter(FormInstanceRoutes);
let formListStaticRoutes = registerRouter(FormListRoutes);
if(formDesignerStaticRoutes) {
    routeArray.push(...formDesignerStaticRoutes);
}
if(formInstanceStaticRoutes) {
    routeArray.push(...formInstanceStaticRoutes);
}
if(formListStaticRoutes) {
    routeArray.push(...formListStaticRoutes);
}

const router = new Router({
    routes: routeArray
});
routerInterceptor(router, store);
export default router;

初始化设置

系统参数的配置

    import {initSystem} from "@bingoit/desktop-base/lib/setting";
    initSystem({
        name: '测试系统名称 ',
        logo: require('../../assets/logo.png'),
        isDebug: true,
        mobileDomain: '',
        
        //配置流程表单组件属性
        flowFormInstanceComponent: "流程表单实例的组件",
        flowFormViewComponent: "流程表单查看的组件",
        flowFormInstanceRouterPath: '流程表单路由',

        //配置自定义组件
        customDesignerComponent: '自定义组件设计器组件',
        customListSearchComponent: '自定义列表搜索解析器组件',
        customComponentConfig: ['自定义组件配置内容'],
    });
    //配置自定义组件
    window.customParseComponent="自定义解析器组件对象";

组件

表单模块对外提供了表单渲染组件FormRender,使用方式为：

//全局引入
import Vue from 'vue';
import BingoDesktopForm from '@bingoit/desktop-form';
Vue.use(BingoDesktopForm);

//单个引入
import Vue from 'vue';
import FormRender from '@bingoit/desktop-form/lib/Instance';
Vue.use(FormRender);

使用方式：

<bgo-form-render
    type="form"
    :args="args"
    :is-show-submit-btn="false"
    :upload-args="uploadArgs"
    @completed="formLoadingCompleted"
    @on-upload-success="onUploadSuccess">
</bgo-form-render>

FormRender组件的详细说明，请查看组件使用说明

@infinitebrahmanuniverse/nolb-_bin @everything-registry/sub-chunk-126

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago