@bingoit/desktop-form v14.1.48
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
组件的详细说明,请查看组件使用说明
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
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
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
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
3 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
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
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