Skip to content

功
功能演示系统
提交 57ee811a 编写于 作者: ibizdev's avatar ibizdev
浏览文件
操作

tony001 发布系统代码 [后台服务，演示应用]

上级 71efb146
隐藏空白字符变更
内嵌 并排
正在显示 包含 1552 行增加 和 310 行删除
app_Web/src/widgets/ibizbook/usr2-dataview/usr2-dataview-model.ts
浏览文件 @ 57ee811a
......@@ -11,7 +11,7 @@ export default class Usr2Model {
* 获取数据项集合
*
* @returns {any[]}
* @memberof Usr2DataViewMode
* @memberof Usr2Dataviewexpbar_dataviewMode
*/
public getDataItems(): any[] {
return [
......@@ -40,17 +40,6 @@ export default class Usr2Model {
dataType: 'FONTKEY',
},
{
name: 'n_ibizbookname_like',
prop: 'n_ibizbookname_like',
dataType: 'QUERYPARAM'
},
{
name: 'n_price_gtandeq',
prop: 'n_price_gtandeq',
dataType: 'QUERYPARAM'
},
{
name:'size',
......
app_Web/src/widgets/ibizorder/proivate-table-grid/proivate-table-grid-base.vue
浏览文件 @ 57ee811a
<template>
<div :class="{ 'grid': true, 'show-paging-bar': isEnablePagingBar, 'hidden-paging-bar': !isEnablePagingBar }">
<i-form>
<div :style="{ height: isEnablePagingBar && items.length > 0 ? 'calc(100% - 50px)' : '100%', overflow: 'auto' }">
<app-vue-pivottable :datas="items" :allColumns="allColumns"></app-vue-pivottable>
</div>
<div class='grid' style="height:100%">
<i-form style="height:100%;display:flex;flex-direction: column;justify-content: space-between">
<input style="display:none;" />
<el-table v-if="isDisplay === true"
:default-sort="{ prop: minorSortPSDEF, order: Object.is(minorSortDir, 'ASC') ? 'ascending' : Object.is(minorSortDir, 'DESC') ? 'descending' : '' }"
@sort-change="onSortChange($event)"
:border="isDragendCol"
:highlight-current-row ="isSingleSelect"
:row-class-name="getRowClassName"
:cell-class-name="getCellClassName"
max-height="items.length > 0 ? 'calc(100%-50px)' : '100%'"
@row-click="rowClick($event)"
@cell-click="cellClick"
@select-all="selectAll($event)"
@select="select"
@row-class-name="onRowClassName($event)"
@row-dblclick="rowDBLClick($event)"
ref='multipleTable' :data="items" :show-header="!isHideHeader">
<template slot="empty">
{{$t('entities.ibizorder.proivatetable_grid.nodata')}}
</template>
<template v-if="!isSingleSelect">
<el-table-column align="center" type='selection' :width="checkboxColWidth"></el-table-column>
</template>
<template v-if="getColumnState('ibizorderid')">
<el-table-column show-overflow-tooltip :prop="'ibizorderid'" :label="$t('entities.ibizorder.proivatetable_grid.columns.ibizorderid')" :width="100" :align="'left'" :sortable="'custom'">
<template v-slot:header="{column}">
<span class="column-header ">
{{$t('entities.ibizorder.proivatetable_grid.columns.ibizorderid')}}
</span>
</template>
<template v-slot="{row,column,$index}">
<span>{{row.ibizorderid}}</span>
</template>
</el-table-column>
</template>
<template v-if="getColumnState('ibizcustomername')">
<el-table-column show-overflow-tooltip :prop="'ibizcustomername'" :label="$t('entities.ibizorder.proivatetable_grid.columns.ibizcustomername')" :width="100" :align="'left'" :sortable="'custom'">
<template v-slot:header="{column}">
<span class="column-header ">
{{$t('entities.ibizorder.proivatetable_grid.columns.ibizcustomername')}}
</span>
</template>
<template v-slot="{row,column,$index}">
<span>{{row.ibizcustomername}}</span>
</template>
</el-table-column>
</template>
<template v-if="adaptiveState">
<el-table-column></el-table-column>
</template>
</el-table>
<row class='grid-pagination' v-show="items.length > 0">
<page class='pull-right' @on-change="pageOnChange($event)"
@on-page-size-change="onPageSizeChange($event)"
......@@ -21,8 +69,6 @@
</div>
</poptip>
</span>
<span v-if="selections.length > 0" class="batch-toolbar">
</span>
<span class="page-button"><i-button icon="md-refresh" :title="$t('app.gridpage.refresh')" @click="pageRefresh()"></i-button></span>&nbsp;
<span>
{{$t('app.gridpage.show')}}&nbsp;
......@@ -42,7 +88,7 @@
</i-form>
</div>
</template>
// 基于 @CONTROL/表格（透视表）/CONTROL-BASE.vue.ftl 生成
// 基于 @CONTROL/表格/CONTROL-BASE.vue.ftl 生成
<script lang='tsx'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
import { CreateElement } from 'vue';
......@@ -56,6 +102,7 @@ import ProivateTableService from './proivate-table-grid-service';
import IBIZOrderUIService from '@/uiservice/ibizorder/ibizorder-ui-service';
import CodeListService from "@/codelist/codelist-service";
import { FormItemModel } from '@/model/form-detail';
import { Environment } from '@/environments/environment';
@Component({
......@@ -233,20 +280,53 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
/**
* 代码表服务对象
*
* @type {CodeListService}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public codeListService:CodeListService = new CodeListService();
/**
* 主信息表格列
*
* @type {string}
* @memberof ProivateTableBase
*/
public majorInfoColName:string = "";
/**
* 界面UI服务对象
*
* @type {IBIZOrderUIService}
* @memberof ProivateTableBase
*/
public appUIService:IBIZOrderUIService = new IBIZOrderUIService();
/**
* 界面行为模型
*
* @type {*}
* @memberof ProivateTableBase
*/
public actionModel:any ={
};
/**
* 应用状态事件
*
* @public
* @type {(Subscription | undefined)}
* @memberof ProivateTableBase
*/
public appStateEvent: Subscription | undefined;
/**
* 获取多项数据
*
* @returns {any[]}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getDatas(): any[] {
return this.selections;
......@@ -256,7 +336,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 获取单项树
*
* @returns {*}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getData(): any {
return this.selections[0];
......@@ -266,22 +346,30 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 打开新建数据视图
*
* @type {any}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public newdata: any;
/**
* 打开编辑数据视图
*
* @type {any}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public opendata: any;
/**
* 是否嵌入关系界面
*
* @type {boolean}
* @memberof ProivateTableBase
*/
@Prop({default:false}) public isformDruipart?: boolean;
/**
* 显示处理提示
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop({ default: true }) public showBusyIndicator?: boolean;
......@@ -289,7 +377,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 部件行为--update
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public updateAction!: string;
......@@ -297,7 +385,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 部件行为--fetch
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public fetchAction!: string;
......@@ -305,7 +393,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 部件行为--remove
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public removeAction!: string;
......@@ -313,7 +401,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 部件行为--load
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public loadAction!: string;
......@@ -321,7 +409,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 部件行为--loaddraft
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public loaddraftAction!: string;
......@@ -329,7 +417,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 部件行为--create
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public createAction!: string;
......@@ -337,7 +425,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 当前页
*
* @type {number}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public curPage: number = 1;
......@@ -345,7 +433,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 数据
*
* @type {any[]}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public items: any[] = [];
......@@ -353,7 +441,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 是否支持分页
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public isEnablePagingBar: boolean = true;
......@@ -361,7 +449,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 是否禁用排序
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public isNoSort: boolean = false;
......@@ -369,7 +457,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 排序方向
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public minorSortDir: string = '';
......@@ -377,7 +465,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 排序字段
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public minorSortPSDEF: string = '';
......@@ -385,7 +473,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 分页条数
*
* @type {number}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public limit: number = 20;
......@@ -393,7 +481,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 是否显示标题
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public isHideHeader: boolean = false;
......@@ -401,7 +489,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 是否默认选中第一条数据
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop({ default: false }) public isSelectFirstDefault!: boolean;
......@@ -409,7 +497,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 是否单选
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public isSingleSelect?: boolean;
......@@ -417,24 +505,16 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 选中数据字符串
*
* @type {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop() public selectedData?: string;
/**
* 动态代码表集合
*
* @type {*}
* @memberof ProivateTable
*/
public dCodeList: any = {};
/**
* 选中值变化
*
* @param {*} newVal
* @param {*} oldVal
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Watch('selectedData')
public onValueChange(newVal: any, oldVal: any) {
......@@ -462,7 +542,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 2 双击激活
*
* @type {(number | 0 | 1 | 2)}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop({default: 2}) public gridRowActiveMode!: number;
......@@ -470,7 +550,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 是否开启行编辑
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
@Prop({default: false}) public isOpenEdit!: boolean;
......@@ -478,7 +558,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 实际是否开启行编辑
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public actualIsOpenEdit: boolean = this.isOpenEdit;
......@@ -486,15 +566,22 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 总条数
*
* @type {number}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public totalrow: number = 0;
/**
* 表格更新默认值项
*
* @memberof ProivateTableBase
*/
public defaultUpdateItems:Array<any> =[];
/**
* 选中行数据
*
* @type {any[]}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public selections: any[] = [];
......@@ -502,10 +589,18 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 拦截行选中
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public stopRowClick: boolean = false;
/**
* 当前编辑行数据
*
* @type {boolean}
* @memberof ProivateTableBase
*/
public curEditRowData:any;
......@@ -513,17 +608,25 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 表格是否显示
*
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public isDisplay:boolean = true;
/**
* 表格行编辑项校验错误提示信息
*
* @type {boolean}
* @memberof ProivateTableBase
*/
public errorMessages: Array<any> = [];
/**
* 部件刷新
*
* @param {any[]} args
* @memberof ProivateTable
* @param {any} args
* @memberof ProivateTableBase
*/
public refresh(args: any[]): void {
public refresh(args?: any): void {
this.load();
}
......@@ -531,23 +634,23 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 选项框列宽
*
* @type {number}
* @memberof ProivateTable
* @memberof AppIndex
*/
public checkboxColWidth: number = 35;
public checkboxColWidth: number = 50;
/**
* 是否允许拖动列宽
*
* @type {boolean}
* @memberof ProivateTable
* @memberof AppEmbedPicker
*/
public isDragendCol: boolean = false;
public isDragendCol: boolean = true;
/**
* 所有列成员
*
* @type {any[]}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public allColumns: any[] = [
{
......@@ -555,20 +658,18 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
label: '订单标识',
langtag: 'entities.ibizorder.proivatetable_grid.columns.ibizorderid',
show: true,
util: 'PX',
render: (val: any) => {
return this.renderColValue('ibizorderid', val);
}
unit: 'PX',
isEnableRowEdit: false,
enableCond: 3 ,
},
{
name: 'ibizcustomername',
label: '客户名称',
langtag: 'entities.ibizorder.proivatetable_grid.columns.ibizcustomername',
show: true,
util: 'PX',
render: (val: any) => {
return this.renderColValue('ibizcustomername', val);
}
unit: 'PX',
isEnableRowEdit: false,
enableCond: 3 ,
},
]
......@@ -576,55 +677,83 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 表格模型集合
*
* @type {*}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public gridItemsModel: any[] = [];
/**
* 绘制列值
* 是否启用分组
*
* @type {*}
* @memberof PivotTable
* @type {boolean}
* @memberof ProivateTableBase
*/
public renderColValue(name: string, value: any) {
return value;
}
public isEnableGroup:boolean = false;
/**
* 获取代码项
* 分组属性
*
* @public
* @memberof ProivateTable
* @type {string}
* @memberof ProivateTableBase
*/
public getCodeListItem(codelist: any, val: any) {
for(let i = 0; i < codelist.items.length; i++) {
if(Object.is(codelist.items[i].value, val)) {
return codelist.items[i].text;
}
}
return codelist.emptytext;
}
public groupAppField:string ="";
/**
* 准备动态代码表数据集合
* 分组属性代码表标识
*
* @memberof ProivateTable
* @type {string}
* @memberof ProivateTableBase
*/
public async readyDCodelist() {
let keys: string[] = [
];
for (let key of keys) {
let items = await this.codeListService.getItems('UserRealName');
this.dCodeList[key] = items;
}
public groupAppFieldCodelistTag:string ="";
/**
* 分组属性代码表类型
*
* @type {string}
* @memberof ProivateTableBase
*/
public groupAppFieldCodelistType: string = "";
/**
* 分组模式
*
* @type {string}
* @memberof ProivateTableBase
*/
public groupMode:string ="NONE";
/**
* 分组代码表标识
*
* @type {string}
* @memberof ProivateTableBase
*/
public codelistTag: string = "";
/**
* 分组代码表类型
*
* @type {string}
* @memberof ProivateTableBase
*/
public codelistType: string = "";
/**
* 获取界面行为权限状态
*
* @memberof ProivateTableBase
*/
public getActionState(data:any){
let tempActionModel:any = JSON.parse(JSON.stringify(this.actionModel));
let targetData:any = this.transformData(data);
ViewTool.calcActionItemAuthState(targetData,tempActionModel,this.appUIService);
return tempActionModel;
}
/**
* 获取表格行模型
*
* @type {*}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getGridRowModel(){
return {
......@@ -636,14 +765,25 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 属性值规则
*
* @type {*}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public deRules(){
return {
};
}
/**
* 值规则集合
*
* @type {*}
* @memberof ProivateTableBase
*/
public rules(){
return {
srfkey: [
{ required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: '订单标识 值不能为空', trigger: 'change' },
{ required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: '订单标识 值不能为空', trigger: 'blur' },
],
srfkey: [
{ required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: `${this.$t('entities.ibizorder.proivatetable_grid.columns.srfkey')}${this.$t('app.commonWords.valueNotEmpty')}`, trigger: 'change' },
{ required: false, validator: (rule:any, value:any, callback:any) => { return (rule.required && (value === null || value === undefined || value === "")) ? false : true;}, message: `${this.$t('entities.ibizorder.proivatetable_grid.columns.srfkey')}${this.$t('app.commonWords.valueNotEmpty')}`, trigger: 'blur' },
],
}
}
......@@ -655,15 +795,15 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* @param {number} rowIndex 行索引
* @returns Promise<any>
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public validate(property:string, data:any, rowIndex:number):Promise<any>{
return new Promise((resolve, reject) => {
this.$util.validateItem(property,data,this.rules() as any).then(()=>{
this.$util.validateItem(property,data,this.rules()).then(()=>{
this.gridItemsModel[rowIndex][property].setError(null);
resolve(true);
}).catch((res: any) => {
this.gridItemsModel[rowIndex][property].setError(res.errors[0].message);
}).catch(({ errors, fields }) => {
this.gridItemsModel[rowIndex][property].setError(errors[0].message);
resolve(false);
});
});
......@@ -673,20 +813,24 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 校验所有修改过的编辑项
*
* @returns Promise<any>
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public async validateAll(){
this.errorMessages = [];
let validateState = true;
let index = -1;
for(let item of this.items){
index++;
if(item.rowDataState === "create" || item.rowDataState === "update"){
for(let property of Object.keys(this.rules() as any)){
if(!await this.validate(property,item,index)){
validateState = false;
}
for (let item of this.items) {
let tempMessage: string = '';
index++;
if (item.rowDataState === "create" || item.rowDataState === "update") {
for (let property of Object.keys(this.rules())) {
if (!await this.validate(property, item, index)) {
validateState = false;
tempMessage = tempMessage + '<p>' + this.gridItemsModel[index][property].error + '<p>';
}
}
}
}
this.errorMessages.push(tempMessage);
}
return validateState;
}
......@@ -695,76 +839,128 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 表格数据加载
*
* @param {*} [arg={}]
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public load(opt: any = {}, pageReset: boolean = false): void {
if(!this.fetchAction){
this.$Notice.error({ title: '错误', desc: 'IBIZOrderProivatePluginGridView视图表格fetchAction参数未配置' });
public async load(opt: any = {}, pageReset: boolean = false): Promise<any> {
if (!this.fetchAction) {
this.$Notice.error({
title: this.$t("app.commonWords.wrong") as string,
desc: "IBIZOrderProivatePluginGridView" + (this.$t("app.gridpage.notConfig.fetchAction") as string),
});
return;
}
if(pageReset){
if (pageReset) {
this.curPage = 1;
}
const arg: any = {...opt};
const arg: any = { ...opt };
const page: any = {};
if (this.isEnablePagingBar) {
Object.assign(page, { page: this.curPage-1, size: this.limit });
Object.assign(page, { page: this.curPage - 1, size: this.limit });
}
// 设置排序
if (!this.isNoSort && !Object.is(this.minorSortDir, '') && !Object.is(this.minorSortPSDEF, '')) {
const sort: string = this.minorSortPSDEF+","+this.minorSortDir;
// 设置排序
if (!this.isNoSort && !Object.is(this.minorSortDir, "") && !Object.is(this.minorSortPSDEF, "")) {
const sort: string = this.minorSortPSDEF + "," + this.minorSortDir;
Object.assign(page, { sort: sort });
}
// 清空selections
if (this.selections && this.selections.length > 0) {
this.selections = [];
this.$emit("selectionchange", this.selections);
}
Object.assign(arg, page);
const parentdata: any = {};
this.$emit('beforeload', parentdata);
this.$emit("beforeload", parentdata);
Object.assign(arg, parentdata);
let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
Object.assign(arg,{viewparams:tempViewParams});
const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
post.then((response: any) => {
let tempViewParams: any = parentdata.viewparams ? parentdata.viewparams : {};
Object.assign(tempViewParams, Util.deepCopy(this.viewparams));
Object.assign(arg, { viewparams: tempViewParams });
const tempContext = Util.deepCopy(this.context);
if (!(await this.handleCtrlEvents('onbeforeload', { context: tempContext, viewparams: arg }))) {
return;
}
try {
const response = await this.service.search(
this.fetchAction,
tempContext,
arg,
this.showBusyIndicator
);
if (!response.status || response.status !== 200) {
// 加载失败
if (!(await this.handleCtrlEvents('onloaderror', { data: response.data ? response.data : [] }))) {
return;
}
if (response.data && response.data.message) {
this.$Notice.error({ title: '错误', desc: response.data.message });
this.$Notice.error({
title: this.$t("app.commonWords.wrong") as string,
desc: response.data.message,
});
}
return response;
}
// 加载成功
if (!(await this.handleCtrlEvents('onloadsuccess', { data: response.data, context: tempContext, viewparams: arg }))) {
return;
}
const data: any = response.data;
this.totalrow = response.total;
this.items = JSON.parse(JSON.stringify(data));
// 清空selections,gridItemsModel
this.selections = [];
// this.selections = [];
this.gridItemsModel = [];
this.items.forEach(()=>{this.gridItemsModel.push(this.getGridRowModel())});
this.$emit('load', this.items);
this.items.forEach(() => {
this.gridItemsModel.push(this.getGridRowModel());
});
this.items.forEach((item: any) => {
Object.assign(item, this.getActionState(item));
});
this.$emit("load", this.items);
// 设置默认选中
let _this = this;
setTimeout(() => {
if(_this.isSelectFirstDefault){
_this.rowClick(_this.items[0]);
//在导航视图中，如已有选中数据，则右侧展开已选中数据的视图，如无选中数据则默认选中第一条
if (_this.isSelectFirstDefault) {
if (_this.selections && _this.selections.length > 0) {
_this.selections.forEach((select: any) => {
const index = _this.items.findIndex((item: any) => Object.is(item.srfkey, select.srfkey));
if (index != -1) {
_this.rowClick(_this.items[index]);
}
});
} else {
_this.rowClick(this.items[0]);
}
}
if(_this.selectedData){
if (_this.selectedData) {
const refs: any = _this.$refs;
if (refs.multipleTable) {
refs.multipleTable.clearSelection();
JSON.parse(_this.selectedData).forEach((selection:any)=>{
let selectedItem = _this.items.find((item:any)=>{
JSON.parse(_this.selectedData).forEach((selection: any) => {
let selectedItem = _this.items.find((item: any) => {
return Object.is(item.srfkey, selection.srfkey);
});
if(selectedItem){
if (selectedItem) {
_this.rowClick(selectedItem);
}
});
}
}
}, 300);
}).catch((response: any) => {
if (response && response.status === 401) {
return response;
} catch (response: any) {
// 加载失败
if (!(await this.handleCtrlEvents('onloaderror', { data: response && response.data ? response.data : [] }))) {
return;
}
this.$Notice.error({ title: '错误', desc: response.data && response.data.message ? response.data.message : "" });
});
if (response && response.status === 401) {
return response;
}
this.$Notice.error({
title: this.$t("app.commonWords.wrong") as string,
desc: response.data && response.data.message ? response.data.message : "",
});
return response;
}
}
/**
......@@ -772,16 +968,19 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {any[]} datas
* @returns {Promise<any>}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public async remove(datas: any[]): Promise<any> {
if(!this.removeAction){
this.$Notice.error({ title: '错误', desc: 'IBIZOrderProivatePluginGridView视图表格removeAction参数未配置' });
if (!this.removeAction) {
this.$Notice.error({
title: (this.$t('app.commonWords.wrong') as string),
desc: 'IBIZOrderProivatePluginGridView' + (this.$t('app.gridpage.notConfig.removeAction') as string)
});
return;
}
let _datas:any[] = [];
datas.forEach((record: any, index: number) => {
if (!record.srfkey) {
if (Object.is(record.srfuf,"0")) {
this.items.some((val: any, num: number) =>{
if(JSON.stringify(val) == JSON.stringify(record)){
this.items.splice(num,1);
......@@ -789,7 +988,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
return true;
}
});
}else{
} else {
_datas.push(datas[index]);
}
});
......@@ -810,12 +1009,12 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
});
if (_datas.length < 5) {
dataInfo = dataInfo + ' 共' + _datas.length + '条数据';
dataInfo = dataInfo + ' ' + (this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.records') as string) + (this.$t('app.gridpage.data') as string);
} else {
dataInfo = dataInfo + '...' + ' 共' + _datas.length + '条数据';
dataInfo = ' ... ' + (this.$t('app.gridpage.totle') as string) + _datas.length + (this.$t('app.gridpage.records') as string) + (this.$t('app.gridpage.data') as string);
}
const removeData = () => {
const removeData = async () => {
let keys: any[] = [];
_datas.forEach((data: any) => {
keys.push(data.srfkey);
......@@ -823,48 +1022,55 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
let _keys = keys.length > 1 ? keys : keys[0] ;
const context:any = JSON.parse(JSON.stringify(this.context));
const post: Promise<any> = this.service.delete(_removeAction,Object.assign(context,{ ibizorder: _keys }),Object.assign({ ibizorder: _keys },{viewparams:this.viewparams}), this.showBusyIndicator);
return new Promise((resolve: any, reject: any) => {
post.then((response: any) => {
if (!response || response.status !== 200) {
this.$Notice.error({ title: '', desc: '删除数据失败,' + response.info });
try {
if (!(await this.handleCtrlEvents('onbeforeremove', { data: _keys }))) {
return;
}
const response: any = await this.service.delete(_removeAction, Object.assign(context,{ ibizorder: _keys }),Object.assign({ ibizorder: _keys },{viewparams:this.viewparams}), this.showBusyIndicator);
if (!response || response.status !== 200) {
if (!(await this.handleCtrlEvents('onremoveerror', { data: _keys }))) {
return;
} else {
this.$Notice.success({ title: '', desc: '删除成功!' });
}
//删除items中已删除的项
console.log(this.items);
_datas.forEach((data: any) => {
this.items.some((item:any,index:number)=>{
this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.delDataFail') as string)+',' + response.info });
return;
}
if (!(await this.handleCtrlEvents('onremovesuccess', { data: response.data }))) {
return;
}
this.$Notice.success({ title: '', desc: (this.$t('app.gridpage.delSuccess') as string) });
//删除items中已删除的项
_datas.forEach((data: any) => {
this.items.some((item:any,index:number)=>{
if(Object.is(item.srfkey,data.srfkey)){
this.items.splice(index,1);
this.gridItemsModel.splice(index,1);
return true;
}
});
this.items.splice(index,1);
this.gridItemsModel.splice(index,1);
return true;
}
});
this.totalrow -= _datas.length;
this.$emit('remove', null);
this.selections = [];
resolve(response);
}).catch((response: any) => {
if (response && response.status === 401) {
return;
}
if (!response || !response.status || !response.data) {
this.$Notice.error({ title: '错误', desc: '系统异常' });
reject(response);
return;
}
reject(response);
});
});
this.totalrow -= _datas.length;
this.$emit('remove', null);
this.selections = [];
return response;
} catch (response: any) {
if (!(await this.handleCtrlEvents('onremoveerror', { data: response ? response.data : [] }))) {
return;
}
if (response && response.status != 200) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data && response.data.message ? response.data.message : "" });
return response;
}
if (!response || !response.status || !response.data) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
}
return response;
}
}
dataInfo = dataInfo.replace(/[null]/g, '').replace(/[undefined]/g, '');
this.$Modal.confirm({
title: '警告',
content: '确认要删除 ' + dataInfo + '，删除操作将不可恢复？',
title: (this.$t('app.commonWords.warning') as string),
content: (this.$t('app.gridpage.confirmDel') as string) + ' ' + dataInfo + '，'+(this.$t('app.gridpage.notRecoverable') as string),
onOk: () => {
removeData();
},
......@@ -878,24 +1084,24 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 批量添加
*
* @param {*} [arg={}]
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public addBatch(arg: any = {}): void {
if(!this.fetchAction){
this.$Notice.error({ title: '错误', desc: 'IBIZOrderProivatePluginGridView视图表格fetchAction参数未配置' });
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderProivatePluginGridView'+(this.$t('app.gridpage.notConfig.fetchAction') as string) });
return;
}
if(!arg){
arg = {};
}
console.error("批量添加未实现");
console.error((this.$t('app.gridpage.notBatch') as string));
}
/**
* 数据导入
*
* @param {*} data
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public importExcel(data:any ={}):void{
//导入excel
......@@ -933,7 +1139,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 数据导出
*
* @param {*} data
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public exportExcel(data: any = {}): void {
// 导出Excel
......@@ -949,7 +1155,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
excel.export_json_to_excel({
header: tHeader, //表头 必填
data, //具体数据 必填
filename: "订单表", //非必填
filename: "订单"+(this.$t('app.gridpage.grid') as string), //非必填
autoWidth: true, //非必填
bookType: "xlsx" //非必填
});
......@@ -978,10 +1184,13 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
const parentdata: any = {};
this.$emit('beforeload', parentdata);
Object.assign(arg, parentdata);
let tempViewParams:any = parentdata.viewparams?parentdata.viewparams:{};
Object.assign(tempViewParams,JSON.parse(JSON.stringify(this.viewparams)));
Object.assign(arg,{viewparams:tempViewParams});
const post: Promise<any> = this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator);
post.then((response: any) => {
if (!response || response.status !== 200) {
this.$Notice.error({ title: '', desc: '数据导出失败,' + response.info });
this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.exportFail') as string)+',' + response.info });
return;
}
try {
......@@ -993,7 +1202,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
if (response && response.status === 401) {
return;
}
this.$Notice.error({ title: '', desc: '数据导出失败' });
this.$Notice.error({ title: '', desc: (this.$t('app.gridpage.exportFail') as string) });
});
}
......@@ -1004,7 +1213,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* @param {*} filterVal
* @param {*} jsonData
* @returns {[]}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public async formatExcelData(filterVal:any, jsonData:any) {
let codelistColumns:Array<any> = [
......@@ -1036,10 +1245,10 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* @param {any[]} items 代码表数据
* @param {*} value
* @returns {*}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getCodelistValue(items: any[], value: any, codelist: any,){
if(!value){
if(!value && value !== 0 && value !== false){
return this.$t('codelist.'+codelist.srfkey+'.empty');
}
if (items) {
......@@ -1089,7 +1298,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* @param {any[]} items
* @param {*} value
* @returns {*}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getItem(items: any[], value: any, codelist: any): any {
const arr: Array<any> = items.filter(item => {return item.value == value});
......@@ -1106,7 +1315,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
/**
* 生命周期
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public created(): void {
this.afterCreated();
......@@ -1115,10 +1324,9 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
/**
* 执行created后的逻辑
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public afterCreated(){
this.readyDCodelist();
this.setColState();
if (this.viewState) {
this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
......@@ -1126,7 +1334,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
return;
}
if (Object.is('load', action)) {
this.load(data);
this.load(data,true);
}
if (Object.is('remove', action)) {
this.remove(data);
......@@ -1136,12 +1344,22 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
}
});
}
if(AppCenterService && AppCenterService.getMessageCenter()){
this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
if(!Object.is(name,"IBIZOrder")){
return;
}
if(Object.is(action,'appRefresh')){
this.refresh([data]);
}
})
}
}
/**
* vue 生命周期
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public destroyed() {
this.afterDestroy();
......@@ -1150,19 +1368,22 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
/**
* 执行destroyed后的逻辑
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public afterDestroy() {
if (this.viewStateEvent) {
this.viewStateEvent.unsubscribe();
}
if(this.appStateEvent){
this.appStateEvent.unsubscribe();
}
}
/**
* 获取选中行胡数据
*
* @returns {any[]}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getSelection(): any[] {
return this.selections;
......@@ -1173,9 +1394,13 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {*} $event
* @returns {void}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public rowDBLClick($event: any): void {
// 分组行跳过
if($event && $event.children){
return;
}
if (!$event || this.actualIsOpenEdit || Object.is(this.gridRowActiveMode,0)) {
return;
}
......@@ -1193,45 +1418,342 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
}
/**
* 复选框数据选中
*
* @param {*} $event
* @returns {void}
* @memberof ProivateTable
* 合并分组行
*
* @memberof ProivateTableBase
*/
public arraySpanMethod({row, column, rowIndex, columnIndex} : any) {
let allColumns:Array<any> = ['ibizorderid','ibizcustomername'];
if(row && row.children) {
if(columnIndex == (this.isSingleSelect ? 0:1)) {
return [1, allColumns.length+1];
} else if(columnIndex > (this.isSingleSelect ? 0:1)) {
return [0,0];
}
}
}
/**
* 分组方法
*
* @memberof ProivateTableBase
*/
public select($event: any): void {
if (!$event) {
return;
public group(){
if(Object.is(this.groupMode,"AUTO")){
this.drawGroup();
}else if(Object.is(this.groupMode,"CODELIST")){
this.drawCodelistGroup();
}
this.selections = [];
this.selections = [...JSON.parse(JSON.stringify($event))];
this.$emit('selectionchange', this.selections);
}
/**
* 复选框数据全部选中
*
* @param {*} $event
* @memberof ProivateTable
* 获取表格分组相关代码表
*
* @param {string} codelistType 代码表类型
* @param {string} codelistTag 代码表标识
* @memberof ProivateTableBase
*/
public selectAll($event: any): void {
if (!$event) {
return;
public getGroupCodelist(codelistType: string,codelistTag:string){
let codelist: Array<any> = [];
// 动态代码表
if (Object.is(codelistType, "DYNAMIC")) {
this.codeListService.getItems(codelistTag).then((res: any)=>{
codelist = res;
}).catch((error: any) => {
});
// 静态代码表
} else if(Object.is(codelistType, "STATIC")){
codelist = this.$store.getters.getCodeListItems(codelistTag);
}
this.selections = [];
this.selections = [...JSON.parse(JSON.stringify($event))];
this.$emit('selectionchange', this.selections);
return codelist;
}
/**
* 根据分组代码表绘制分组列表
*
* @memberof ProivateTableBase
*/
public drawCodelistGroup(){
if(!this.isEnableGroup) return;
// 分组
let allGroup: Array<any> = [];
let allGroupField: Array<any> =[];
let groupTree:Array<any> = [];
allGroup = this.getGroupCodelist(this.codelistType,this.codelistTag);
allGroupField = this.getGroupCodelist(this.groupAppFieldCodelistType,this.groupAppFieldCodelistTag);
if(allGroup.length == 0){
console.warn("分组数据无效");
}
allGroup.forEach((group: any,i: number)=>{
let children:Array<any> = [];
this.items.forEach((item: any,j: number)=>{
if(allGroupField && allGroupField.length > 0){
if(Object.is(group.label,item[this.groupAppField])){
item.groupById = Number((i+1) * 100 + (j+1) * 1);
item.group = '';
children.push(item);
}
}else if(Object.is(group.value,item[this.groupAppField])){
item.groupById = Number((i+1) * 100 + (j+1) * 1);
item.group = '';
children.push(item);
}
});
const tree: any ={
groupById: Number((i+1)*100),
group: group.label,
ibizorderid:'',
ibizcustomername:'',
children: children
}
groupTree.push(tree);
});
let child:Array<any> = [];
this.items.forEach((item: any,index: number)=>{
let i: number = 0;
if(allGroupField && allGroupField.length > 0){
i = allGroup.findIndex((group: any)=>Object.is(group.label,item[this.groupAppField]));
}else{
i = allGroup.findIndex((group: any)=>Object.is(group.value,item[this.groupAppField]));
}
if(i < 0){
item.groupById = Number((allGroup.length+1) * 100 + (index+1) * 1);
item.group = '';
child.push(item);
}
if(i < 0){
item.groupById = Number((allGroup.length+1) * 100 + (index+1) * 1);
item.group = '';
child.push(item);
}
})
const Tree: any = {
groupById: Number((allGroup.length+1)*100),
group: this.$t('app.gridpage.other'),
ibizorderid:'',
ibizcustomername:'',
children: child
}
if(child && child.length > 0){
groupTree.push(Tree);
}
this.items = groupTree;
if(this.actualIsOpenEdit) {
for(let i = 0; i < this.items.length; i++) {
this.gridItemsModel.push(this.getGridRowModel());
}
}
}
/**
* 绘制分组
*
* @memberof ProivateTableBase
*/
public drawGroup(){
if(!this.isEnableGroup) return;
// 分组
let allGroup: Array<any> = [];
this.items.forEach((item: any)=>{
if(item.hasOwnProperty(this.groupAppField)){
allGroup.push(item[this.groupAppField]);
}
});
let groupTree:Array<any> = [];
allGroup = [...new Set(allGroup)];
if(allGroup.length == 0){
console.warn("分组数据无效");
}
// 组装数据
allGroup.forEach((group: any, groupIndex: number)=>{
let children:Array<any> = [];
this.items.forEach((item: any,itemIndex: number)=>{
if(Object.is(group,item[this.groupAppField])){
item.groupById = Number((groupIndex+1) * 100 + (itemIndex+1) * 1);
item.group = '';
children.push(item);
}
});
group = group ? group : this.$t('app.gridpage.other');
const tree: any ={
groupById: Number((groupIndex+1)*100),
group: group,
ibizorderid:'',
ibizcustomername:'',
children: children,
}
groupTree.push(tree);
});
this.items = groupTree;
if(this.actualIsOpenEdit) {
for(let i = 0; i < this.items.length; i++) {
this.gridItemsModel.push(this.getGridRowModel());
}
}
}
/**
* 单个复选框选中
*
* @param {*} selection 所有选中行数据
* @param {*} row 当前选中行数据
* @memberof ProivateTableBase
*/
public select(selection: any, row: any): void {
// 选中事件
this.handleCtrlEvents('onselectionchange', { data: [row] }).then((result: boolean) => {
if (!result) {
return;
}
if(this.groupAppField) {
let isContain:boolean = selection.some((item:any) =>{
return item == row;
})
// 是否选中当前行，选中为true，否则为false
if(isContain) {
// 当前行为分组行
if(row.children && row.children.length > 0) {
this.toggleSelection(row.children, true);
row.children.forEach((children: any) => {
this.selections.push(children);
});
} else {
this.selections.push(row);
}
} else {
if(row.children && row.children.length > 0) {
this.toggleSelection(row.children, false);
this.selections = this.computeCheckedData(this.selections, row.children);
} else {
this.selections = this.computeCheckedData(this.selections, row);
}
}
this.selections = [...new Set(this.selections)]
} else {
if(!selection) {
return;
}
this.selections = [...JSON.parse(JSON.stringify(selection))];
}
this.$emit('selectionchange', this.selections);
});
}
/**
* 计算当前选中数据
*
* @param {*} selectionArray 所有选中行数据
* @param {*} cancelData 被取消选中行数据，分组行为数组，非分组行为对象
* @memberof ProivateTableBase
*/
public computeCheckedData(selectionArray: any[], cancelData: Array<any> | any) {
let targetArray: Array<any> = [];
// 分组行
if(Array.isArray(cancelData)) {
if(selectionArray && selectionArray.length > 0) {
selectionArray.forEach((selection:any) =>{
let tempFlag:boolean = true;
cancelData.forEach((child:any) =>{
if(selection.groupById===child.groupById){
tempFlag = false;
}
})
if(tempFlag) targetArray.push(selection);
})
}
} else {
// 非分组行
if(selectionArray && selectionArray.length > 0) {
selectionArray.forEach((selection:any) =>{
let tempFlag:boolean = true;
if(selection.groupById===cancelData.groupById){
tempFlag = false;
}
if(tempFlag) targetArray.push(selection);
})
}
}
return targetArray;
}
/**
* 设置非分组行checkbox选中状态
*
* @param {*} rows 选中数据数组
* @param {boolean} flag 是否选中
* @memberof ProivateTableBase
*/
public toggleSelection(rows?: any, flag?: boolean) {
if(rows) {
rows.forEach((row:any) => {
(this.$refs.multipleTable as any).toggleRowSelection(row, flag);
});
} else {
(this.$refs.multipleTable as any).clearSelection();
}
}
/**
* 复选框数据全部选中
*
* @param {*} $event
* @memberof ProivateTableBase
*/
public selectAll(selection: any): void {
this.selections = [];
if(this.groupAppField) {
let flag: boolean = true;
if(selection && selection.length === this.items.length) {
selection.forEach((element: any) => {
if(element.children) {
this.toggleSelection(element.children, flag);
element.children.forEach((children: any) => {
this.selections.push(children);
});
} else {
flag = false;
}
});
} else {
flag = false;
}
if(!flag) {
this.toggleSelection();
}
} else {
if(!selection) {
return;
}
this.selections = [...JSON.parse(JSON.stringify(selection))];
}
this.$emit('selectionchange', this.selections);
}
/**
* 单元格单击隐藏提示框
*
* @memberof MainBase
*/
public cellClick() {
let el: any = document.getElementsByClassName('el-tooltip__popper')[0];
if (el) {
el.style.display = 'none';
}
}
/**
* 行单击选中
*
* @param {*} $event
* @returns {void}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public rowClick($event: any, ifAlways: boolean = false): void {
// 分组行跳过
if($event && $event.children){
return;
}
if (!ifAlways && (!$event || this.actualIsOpenEdit)) {
return;
}
......@@ -1271,7 +1793,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {*} $event
* @returns {void}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public pageOnChange($event: any): void {
if (!$event) {
......@@ -1289,7 +1811,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {*} $event
* @returns {void}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public onPageSizeChange($event: any): void {
if (!$event) {
......@@ -1307,7 +1829,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
/**
* 分页刷新
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public pageRefresh(): void {
this.load({});
......@@ -1317,7 +1839,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* 排序变化
*
* @param {{ column: any, prop: any, order: any }} { column, prop, order }
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public onSortChange({ column, prop, order }: { column: any, prop: any, order: any }): void {
const dir = Object.is(order, 'ascending') ? 'asc' : Object.is(order, 'descending') ? 'desc' : '';
......@@ -1334,7 +1856,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {{ row: any, rowIndex: any }} { row, rowIndex }
* @returns {string}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public onRowClassName({ row, rowIndex }: { row: any, rowIndex: any }): string {
const index = this.selections.findIndex((select: any) => Object.is(select.srfkey, row.srfkey));
......@@ -1349,16 +1871,18 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
* @param {*} row
* @param {*} tag
* @param {*} $event
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public uiAction(row: any, tag: any, $event: any) {
// this.rowClick(row, true);
this.cellClick();
$event.stopPropagation();
}
/**
* 设置列状态
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public setColState() {
const _data: any = localStorage.getItem('ibizorder_proivatetable_grid');
......@@ -1376,7 +1900,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
/**
* 列变化
*
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public onColChange() {
localStorage.setItem('ibizorder_proivatetable_grid', JSON.stringify(this.allColumns));
......@@ -1387,7 +1911,7 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {string} name
* @returns {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getColumnState(name: string): boolean {
let column = this.allColumns.find((col: any) =>
......@@ -1401,10 +1925,10 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @readonly
* @type {boolean}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
get adaptiveState(): boolean {
return !this.allColumns.find((column: any) => column.show && Object.is(column.util, 'STAR'));
return !this.allColumns.find((column: any) => column.show && Object.is(column.unit, 'STAR'));
}
/**
......@@ -1412,36 +1936,63 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
*
* @param {*} $event
* @returns {Promise<any>}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public async save(args: any[], params?: any, $event?: any, xData?: any){
let _this = this;
if(!await this.validateAll()){
this.$Notice.error({ title: '错误', desc: '值规则校验异常' });
// 拷贝模式
if (
_this.viewparams &&
_this.viewparams.copymode &&
Object.is(_this.viewparams.copymode,'true') &&
_this.items &&
_this.items.length >0) {
for (const item of _this.items) {
item.rowDataState = 'create';
}
}
if (_this.items && _this.items.length > 0) {
for (const item of _this.items) {
if (Object.is(item.rowDataState, 'update')) {
_this.updateDefault(item);
}
}
}
if (!await this.validateAll()) {
if (this.errorMessages && this.errorMessages.length > 0) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: this.errorMessages[0] });
} else {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.rulesException') as string) });
}
return [];
}
let successItems:any = [];
let errorItems:any = [];
let errorMessage:any = [];
if (!(await this.handleCtrlEvents('onbeforesave', { data: _this.items }))) {
return;
}
for (const item of _this.items) {
try {
if(Object.is(item.rowDataState, 'create')){
if(!this.createAction){
this.$Notice.error({ title: '错误', desc: 'IBIZOrderProivatePluginGridView视图表格createAction参数未配置' });
}else{
Object.assign(item,{viewparams:this.viewparams});
let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
successItems.push(JSON.parse(JSON.stringify(response.data)));
if (Object.is(item.rowDataState, 'create')) {
if (!this.createAction) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderProivatePluginGridView'+(this.$t('app.gridpage.notConfig.createAction') as string) });
} else {
Object.assign(item, { viewparams: this.viewparams });
const tempContext = Util.deepCopy(this.context);
let response = await this.service.add(this.createAction, tempContext, item, this.showBusyIndicator);
successItems.push(JSON.parse(JSON.stringify(response.data)));
}
}else if(Object.is(item.rowDataState, 'update')){
if(!this.updateAction){
this.$Notice.error({ title: '错误', desc: 'IBIZOrderProivatePluginGridView视图表格updateAction参数未配置' });
}else{
Object.assign(item,{viewparams:this.viewparams});
}else if (Object.is(item.rowDataState, 'update')){
if (!this.updateAction) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderProivatePluginGridView'+(this.$t('app.gridpage.notConfig.updateAction') as string) });
} else {
Object.assign(item, { viewparams: this.viewparams });
const tempContext = Util.deepCopy(this.context);
if(item.ibizorder){
Object.assign(this.context,{ibizorder:item.ibizorder});
Object.assign(tempContext, { ibizorder: item.ibizorder });
}
let response = await this.service.add(this.updateAction,JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
let response = await this.service.update(this.updateAction, tempContext, item, this.showBusyIndicator);
successItems.push(JSON.parse(JSON.stringify(response.data)));
}
}
......@@ -1452,24 +2003,209 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
}
this.$emit('save', successItems);
this.refresh([]);
if(errorItems.length === 0){
this.$Notice.success({ title: '', desc: '保存成功!' });
}else{
errorItems.forEach((item:any,index:number)=>{
this.$Notice.error({ title: '保存失败', desc: item.majorentityname+'保存失败！' });
console.error(errorMessage[index]);
});
if(errorItems.length === 0 && successItems.length > 0){
if (!(await this.handleCtrlEvents('onsavesuccess', { data: successItems }))) {
return;
}
this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.saveSuccess') as string) });
} else {
if (!(await this.handleCtrlEvents('onsaveerror', { data: errorItems }))) {
return;
}
errorItems.forEach((item: any, index: number) => {
if(errorMessage[index] && errorMessage[index].data) {
if(Object.is(errorMessage[index].data.errorKey, 'DupCheck')) {
let errorProp: string = errorMessage[index].data.message.match(/\[[a-zA-Z]*\]/)[0];
let name: string = errorProp ? this.service.getNameByProp(errorProp.substr(1, errorProp.length-2)) : '';
if(name) {
let desc: any = this.allColumns.find((column: any) =>{
return Object.is(column.name, name);
});
this.$Notice.error({
title: (this.$t('app.commonWords.createFailed') as string),
desc: (desc ? desc.label : '') + " : " + item[name] + (this.$t('app.commonWords.isExist') as string) + '!',
});
} else {
this.$Notice.error({
title: (this.$t('app.commonWords.createFailed') as string),
desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
});
}
} else if(Object.is(errorMessage[index].data.errorKey, 'DuplicateKeyException')){
let name: string = this.service.getNameByProp("ibizorderid");
if(name){
let desc: any = this.allColumns.find((column: any) =>{
return Object.is(column.name, name);
});
this.$Notice.error({
title: (this.$t('app.commonWords.createFailed') as string),
desc: (desc ? desc.label : '') + " : " + item[name] + (this.$t('app.commonWords.isExist') as string) + '!',
});
}
}else {
this.$Notice.error({
title: (this.$t('app.commonWords.saveFailed') as string),
desc: errorMessage[index].data.message?errorMessage[index].data.message:(this.$t('app.commonWords.sysException') as string),
});
}
} else {
this.$Notice.error({ title: (this.$t('app.commonWords.saveFailed') as string), desc: (item[this.majorInfoColName]?item[this.majorInfoColName]:"") + (this.$t('app.commonWords.saveFailed') as string) + '!' });
}
});
}
return successItems;
}
/**
* 新建行
*
* @param {*} $event
* @returns {void}
* @memberof ProivateTableBase
*/
public async newRow(args: any[], params?: any, $event?: any, xData?: any): Promise<any> {
if(!this.loaddraftAction){
this.$Notice.error({
title: (this.$t('app.commonWords.wrong') as string),
desc: 'IBIZOrderProivatePluginGridView' + (this.$t('app.gridpage.notConfig.loaddraftAction') as string)
});
return;
}
let _this = this;
Object.assign(args[0], { viewparams: Util.deepCopy(this.viewparams) });
try {
// 加载草稿之前
if (!(await this.handleCtrlEvents('onbeforeloaddraft', { data: args[0] }))) {
return;
}
const response = await this.service.loadDraft(this.loaddraftAction, Util.deepCopy(this.context), args[0], this.showBusyIndicator);
if (!response.status || response.status !== 200) {
// 加载草稿失败
if (!(await this.handleCtrlEvents('onloaddrafterror', { data: response.data ? response.data : {} }))) {
return;
}
if (response.data && response.data.message) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
}
return response;
}
// 加载草稿成功
if (!(await this.handleCtrlEvents('onloaddraftsuccess', { data: response.data }))) {
return;
}
const data = response.data;
this.createDefault(data);
data.rowDataState = "create";
this.items.splice(0,0,data);
_this.gridItemsModel.push(_this.getGridRowModel());
return response;
} catch(response: any) {
// 加载草稿失败
if (!(await this.handleCtrlEvents('onloaddrafterror', { data: response.data ? response.data : {} }))) {
return;
}
if (response && response.status === 401) {
return response;
}
if (!response || !response.status || !response.data) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
return;
}
}
}
/**
* 表格编辑项值变更
*
* @param row 行数据
* @param {{ name: string, value: any }} $event
* @returns {void}
* @memberof ProivateTableBase
*/
public onGridItemValueChange(row: any,$event: { name: string, value: any },rowIndex: number): void {
if (!$event) {
return;
}
if (!$event.name || Object.is($event.name, '') || !row.hasOwnProperty($event.name)) {
return;
}
row[$event.name] = $event.value;
this.gridEditItemChange(row, $event.name, $event.value, rowIndex);
}
/**
* 表格编辑项值变化
*
* @public
* @param row 行数据
* @param property 列编辑项名
* @param row 列编辑项值
* @returns {void}
* @memberof ProivateTableBase
*/
public gridEditItemChange(row: any, property: string, value: any, rowIndex: number){
row.rowDataState = row.rowDataState ? row.rowDataState : "update" ;
if(Object.is(row.rowDataState,"update")){
if(this.defaultUpdateItems.includes(property)){
row.hasUpdated = true;
}
}
this.curEditRowData = row;
this.resetGridData(row, property, rowIndex);
this.validate(property,row,rowIndex);
}
/**
* 表格编辑项更新
*
* @param {string} mode 界面行为名称
* @param {*} [data={}] 请求数据
* @param {string[]} updateDetails 更新项
* @param {boolean} [showloading] 是否显示加载状态
* @returns {void}
* @memberof ProivateTableBase
*/
public updateGridEditItem(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void {
if (!mode || (mode && Object.is(mode, ''))) {
return;
}
let tempContext: any = this.$util.deepCopy(this.context);
Object.is(tempContext, { ibizorder: data.ibizorderid });
const arg: any = JSON.parse(JSON.stringify(data));
Object.assign(arg,{viewparams:this.viewparams});
const post: Promise<any> = this.service.frontLogic(mode,JSON.parse(JSON.stringify(tempContext)),arg, showloading);
post.then((response: any) => {
if (!response || response.status !== 200) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.gridpage.formitemFailed') as string) });
return;
}
const _data: any = response.data;
if(!_data){
return;
}
updateDetails.forEach((name: string) => {
if (!_data.hasOwnProperty(name)) {
return;
}
data[name] = _data[name];
});
}).catch((response: any) => {
if (response && response.status === 401) {
return;
}
if (!response || !response.status || !response.data) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
return;
}
});
}
/**
* 获取对应行class
*
* @param {*} $args row 行数据，rowIndex 行索引
* @returns {void}
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public getRowClassName(args:{row: any,rowIndex: number}){
let isSelected = this.selections.some((item:any)=>{
......@@ -1478,12 +2214,261 @@ export default class ProivateTableBase extends Vue implements ControlInterface {
return isSelected ? "grid-selected-row" : "";
}
/**
* 获取对应单元格class
*
* @param {*} $args row 行数据，column 列数据，rowIndex 行索引，columnIndex 列索引
* @returns {void}
* @memberof ProivateTableBase
*/
public getCellClassName(args:{row: any, column: any, rowIndex: number, columnIndex:number}){
let className: string = '';
if(args.column.property){
let col = this.allColumns.find((item:any)=>{
return Object.is(args.column.property,item.name);
})
if(col !== undefined){
if(col.isEnableRowEdit && this.actualIsOpenEdit ){
className += 'edit-cell ';
}
} else {
className += 'info-cell';
}
}
if(this.groupAppField && args.columnIndex === 0 && !this.isSingleSelect) {
if(args.row.children && args.row.children.length > 0) {
className += this.computeGroupRow(args.row.children, args.row);
}
}
return className;
}
/**
* 计算分组行checkbox选中样式
*
* @param {*} rows 当前分组行下的所有数据
* @returns {*} currentRow 当前分组行
* @memberof ProivateTableBase
*/
public computeGroupRow(rows: any[], currentRow: any) {
let count: number = 0;
this.selections.forEach((select: any) => {
rows.forEach((row: any) => {
if(row.groupById === select.groupById) {
count++;
}
})
})
if(count === rows.length) {
(this.$refs.multipleTable as any).toggleRowSelection(currentRow, true);
return 'cell-select-all ';
} else if(count !== 0 && count < rows.length) {
return 'cell-indeterminate '
} else if(count === 0) {
(this.$refs.multipleTable as any).toggleRowSelection(currentRow, false);
return '';
}
}
/**
* 新建默认值
* @param {*} row 行数据
* @memberof ProivateTable
* @memberof ProivateTableBase
*/
public createDefault(row: any){
}
/**
* 更新默认值
* @param {*} row 行数据
* @memberof ProivateTableBase
*/
public updateDefault(row: any){
}
/**
* 计算数据对象类型的默认值
* @param {string} action 行为
* @param {string} param 默认值参数
* @param {*} data 当前行数据
* @memberof ProivateTableBase
*/
public computeDefaultValueWithParam(action:string,param:string,data:any){
if(Object.is(action,"UPDATE")){
const nativeData:any = this.service.getCopynativeData();
if(nativeData && (nativeData instanceof Array) && nativeData.length >0){
let targetData:any = nativeData.find((item:any) =>{
return item.ibizorderid === data.srfkey;
})
if(targetData){
return targetData[param]?targetData[param]:null;
}else{
return null;
}
}else{
return null;
}
}else{
return this.service.getRemoteCopyData()[param]?this.service.getRemoteCopyData()[param]:null;
}
}
/**
* 校验属性值规则
*
* @public
* @param {{ name: string }} { name }
* @memberof ProivateTableBase
*/
public verifyDeRules(name:string,rule:any = this.deRules(),op:string = "AND",value:any) :{isPast:boolean}{
let falg:any = {};
if(!rule || !rule[name]){
return falg;
}
let opValue = op == 'AND'? true :false;
let startOp = (val:boolean)=>{
if(falg.isPast){
if(opValue){
falg.isPast = falg.isPast && val;
}else{
falg.isPast = falg.isPast || val;
}
}else{
falg.isPast = val;
}
}
for(let i=0; i < rule[name].length; i++) {
let item: any = rule[name][i];
if((value === null || value === undefined || value === "") && (item.type != 'GROUP')){
startOp(true);
return falg;
}
try {
// 常规规则
if(item.type == 'SIMPLE'){
startOp(!this.$verify.checkFieldSimpleRule(value,item.condOP,item.paramValue,item.ruleInfo,item.paramType,this.curEditRowData,item.isKeyCond));
falg.infoMessage = item.ruleInfo;
if(!falg.isPast) return falg;
}
// 数值范围
if(item.type == 'VALUERANGE2'){
startOp( !this.$verify.checkFieldValueRangeRule(value,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond));
falg.infoMessage = item.ruleInfo;
if(!falg.isPast) return falg;
}
// 正则式
if (item.type == "REGEX") {
startOp(!this.$verify.checkFieldRegExRule(value,item.regExCode,item.ruleInfo,item.isKeyCond));
falg.infoMessage = item.ruleInfo;
if(!falg.isPast) return falg;
}
// 长度
if (item.type == "STRINGLENGTH") {
startOp(!this.$verify.checkFieldStringLengthRule(value,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond));
falg.infoMessage = item.ruleInfo;
if(!falg.isPast) return falg;
}
// 系统值规则
if(item.type == "SYSVALUERULE") {
startOp(!this.$verify.checkFieldSysValueRule(value,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond));
falg.infoMessage = item.ruleInfo;
if(!falg.isPast) return falg;
}
} catch(error) {
falg.infoMessage = item.ruleInfo;
startOp(false);
if(!falg.isPast) return falg;
}
// 分组
if(item.type == 'GROUP'){
falg = this.verifyDeRules('group',item,item.condOP?item.condOP:"AND",value)
if(item.isNotMode){
falg.isPast = !falg.isPast;
}
}
};
if(!falg.hasOwnProperty("isPast")){
falg.isPast = true;
}
if(!value && value != 0){
falg.isPast = true;
}
return falg;
}
/**
* 工作流提交
*
* @param {*} [data={}]
* @param {*} [localdata={}]
* @returns {Promise<any>}
* @memberof ProivateTableBase
*/
public async submitbatch(data: any,localdata:any): Promise<any> {
return new Promise((resolve: any, reject: any) => {
const _this: any = this;
const arg: any = data;
const result: Promise<any> = this.service.submitbatch(_this.WFSubmitAction, JSON.parse(JSON.stringify(this.context)),arg,localdata,this.showBusyIndicator);
result.then((response: any) => {
if (!response || response.status !== 200) {
if(response.data){
this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.submiterror') as string) + ', ' + response.data.message });
}
return;
}
this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.submitsuccess') as string) });
resolve(response);
}).catch((response: any) => {
if (response && response.status && response.data) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
reject(response);
return;
}
if (!response || !response.status || !response.data) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
reject(response);
return;
}
reject(response);
});
})
}
/**
* 获取表格列禁用状态
*
* @memberof ProivateTableBase
*/
public getColumnDisabled(data:any,name:string){
if(this.allColumns || Array.isArray(this.allColumns)){
const curColumn:any = this.allColumns.find((item:any) =>{
return item.name === name;
})
if(curColumn.hasOwnProperty('enableCond')){
return data.srfuf == 1 ? (curColumn.enableCond & 2) !== 2 : (curColumn.enableCond & 1) !== 1
}else{
return false;
}
}
}
/**
* 重置表格项值
*
* @param {*} row 当前行
* @param {string} property 属性名
* @param {number} rowIndex 行下标
* @memberof ProivateTableBase
*/
public resetGridData(row: any, property: string, rowIndex: number) {
if(this.actualIsOpenEdit) {
}
}
}
</script>
\ No newline at end of file
</script>
<style lang='less'>
@import './proivate-table-grid.less';
</style>
\ No newline at end of file
app_Web/src/widgets/ibizorder/proivate-table-grid/proivate-table-grid-model.ts
浏览文件 @ 57ee811a
// 基于 @CONTROL/表格（透视表）/MODEL.ts.ftl 生成
// 基于 @CONTROL/表格/MODEL.ts.ftl 生成
/**
* ProivateTable 部件模型
*
......@@ -83,27 +83,33 @@ export default class ProivateTableModel {
{
name:'size',
prop:'size'
prop:'size',
dataType: 'QUERYPARAM'
},
{
name:'query',
prop:'query'
prop:'query',
dataType: 'QUERYPARAM'
},
{
name:'filter',
prop:'filter'
prop:'filter',
dataType: 'QUERYPARAM'
},
{
name:'page',
prop:'page'
prop:'page',
dataType: 'QUERYPARAM'
},
{
name:'sort',
prop:'sort'
prop:'sort',
dataType: 'QUERYPARAM'
},
{
name:'srfparentdata',
prop:'srfparentdata'
prop:'srfparentdata',
dataType: 'QUERYPARAM'
},
// 前端新增修改标识，新增为"0",修改为"1"或未设值
{
......@@ -111,6 +117,22 @@ export default class ProivateTableModel {
prop: 'srffrontuf',
dataType: 'TEXT',
},
// 预置工作流数据字段
{
name: 'srfprocessdefinitionkey',
prop: 'srfprocessdefinitionkey',
dataType: 'TEXT'
},
{
name: 'srftaskdefinitionkey',
prop: 'srftaskdefinitionkey',
dataType: 'TEXT'
},
{
name: 'srftaskid',
prop: 'srftaskid',
dataType: 'TEXT'
}
]
}
}
......
app_Web/src/widgets/ibizorder/proivate-table-grid/proivate-table-grid-service.ts
浏览文件 @ 57ee811a
// 基于 @CONTROL/表格（透视表）/SERVICE.ts.ftl 生成
// 基于 @CONTROL/表格/SERVICE.ts.ftl 生成
import { Http,Util,Errorlog } from '@/utils';
import ControlService from '@/widgets/control-service';
import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
......@@ -217,7 +217,7 @@ export default class ProivateTableService extends ControlService {
result.then((response) => {
//处理返回数据，补充判断标识
if(response.data){
Object.assign(response.data,{srfuf:0});
Object.assign(response.data,{srfuf:'0'});
}
resolve(response);
}).catch(response => {
......@@ -360,6 +360,99 @@ export default class ProivateTableService extends ControlService {
}
return {context:tempContext,data:requestData};
}
/**
* 处理工作流数据
*
* @param data 传入数据
* @memberof ProivateTableService
*/
public handleWFData(data:any, isMerge:boolean = false){
let model: any = this.getMode();
if (!model && model.getDataItems instanceof Function) {
return data;
}
let dataItems: any[] = model.getDataItems();
let requestData:any = {};
dataItems.forEach((item:any) =>{
if(item && item.prop){
if(item.dataType){
if(!Object.is(item.dataType,'QUERYPARAM')){
requestData[item.prop] = data[item.name];
}
}else{
requestData[item.prop] = data[item.name];
}
}
});
if(isMerge && (data.viewparams && Object.keys(data.viewparams).length > 0)){
Object.assign(requestData,data.viewparams);
}
// 删除前端srffrontuf标识
if(requestData.hasOwnProperty('srffrontuf')){
delete requestData.srffrontuf;
}
//补充工作流所需主键
requestData.srfkey = data.ibizorder;
//补充全量数据
requestData = this.fillNativeData(requestData);
return requestData;
}
/**
* 补充全量数据
*
* @param {*} [data]
* @memberof ProivateTableService
*/
public fillNativeData(data:any){
if(this.copynativeData && this.copynativeData.length >0){
let targetData:any = this.copynativeData.find((item:any) =>{
return item.ibizorderid === data.srfkey;
})
data = Object.assign(targetData,data);
return data;
}
}
/**
* 提交工作流
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @param {*} [localdata]
* @returns {Promise<any>}
* @memberof ProivateTableService
*/
@Errorlog
public submitbatch(action: string,context: any = {}, data: any,localdata:any,isloading?: boolean): Promise<any> {
let tempData:any = [];
if(data && data.length > 0){
data.forEach((item:any) => {
let data:any = this.handleWFData(item,true);
tempData.push(data);
});
}
context = this.handleRequestData(action,context,data,true).context;
return new Promise((resolve: any, reject: any) => {
let result: Promise<any>;
const _appEntityService: any = this.appEntityService;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](context,tempData, localdata,isloading);
} else {
result = this.appEntityService.wfSubmitBatch(context,tempData,localdata,isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 设置远端数据
*
......
app_Web/src/widgets/ibizorder/proivate-table-grid/proivate-table-grid.less
浏览文件 @ 57ee811a
// 基于 @CONTROL/表格（透视表）/CONTROL.less.ftl 生成
// 基于 @CONTROL/表格/CONTROL.less.ftl 生成
.grid {
flex-grow: 1;
height: 100%;
overflow: auto;
.el-table__body-wrapper::-webkit-scrollbar {
/*滚动条整体样式*/
width : 10px !important; /*高宽分别对应横竖滚动条的尺寸*/
height: 10px !important;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
/*滚动条颜色*/
border-radius : 10px !important;
background-color: #cecece !important;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
background : #ededed !important;
border-radius: 10px !important;
}
/*表格文字过长省略*/
.el-table th>.cell, .el-table td>.cell{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.el-table-column--selection .cell {
padding-left: 0px;
padding-right: 0px;
}
.app-column-link, .app-format-data{
display: inline;
}
.el-table {
height: 100%;
display:flex;
flex-direction: column;
justify-content: flex-start;
.el-table__row{
.grid-uiaction-divider {
padding:0 10px 0 10px;
border-left: 1px #b3b3b3 solid;
}
.grid-first-uiaction {
padding:0 10px 0 10px;
}
}
.quick-toolbar{
display: inline-block;
button{
background: #ebf3fb;
color: #2575ca;
border: 0;
}
}
.el-tooltip{
.ivu-form-item{
margin-bottom: unset !important;
}
}
.el-table__body .edit-cell{
padding:0;
.app-form-item{
margin-top: 20px;
margin-bottom: 20px;
}
}
.el-table__header-wrapper{
min-height: 45px;
max-height: 100px;
height: auto;
}
.el-table__footer-wrapper{
min-height: 45px;
max-height: 100px;
height: auto;
}
}
.grid-pagination {
height: 50px;
padding: 6px 0px;
.page-button {
button {
padding: 0;
font-size: 16px;
min-width: 32px;
height: 32px;
margin-right: 4px;
}
}
.page-column {
position: absolute;
left: 0;
}
.batch-toolbar{
position: absolute;
left: 105px;
>.toolbar-container{
button {
font-size: 16px;
min-width: 32px;
height: 32px;
margin-right: 4px;
margin-top: 0;
margin-bottom: 0;
}
}
}
}
}
.ivu-modal-content{
.footer{
.ivu-row{
text-align: right;
}
}
}
.cell-indeterminate {
>div>label {
>span {
.el-checkbox__inner {
background-color: #409eff;
border-color: #409eff;
}
.el-checkbox__inner:before {
content: "";
position: absolute;
display: block;
background-color: #fff;
height: 2px;
transform: scale(.5);
left: 0;
right: 0;
top: 5px;
}
}
>span.is-checked {
.el-checkbox__inner {
background-color: #409eff;
border-color: #409eff;
}
.el-checkbox__inner:after {
border: 0px;
}
}
}
}
.cell-select-all {
>div>label {
>span {
.el-checkbox__inner {
background-color: #409eff;
border-color: #409eff;
}
.el-checkbox__inner:after {
box-sizing: content-box;
content: "";
border: 1px solid #fff;
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
position: absolute;
top: 1px;
transform: rotate(45deg) scaleY(1);
width: 3px;
transition: transform .15s ease-in .05s;
transform-origin: center;
}
}
}
}
// this is less
app_Web/src/widgets/ibizorder/proivate-table-grid/proivate-table-grid.vue
浏览文件 @ 57ee811a
......@@ -3,7 +3,7 @@ import { Component } from 'vue-property-decorator';
import ProivateTableBase from './proivate-table-grid-base.vue';
// 基于 @CONTROL/表格（透视表）/CONTROL.vue.ftl 生成
// 基于 @CONTROL/表格/CONTROL.vue.ftl 生成
@Component({
components: {
......
demo-boot/src/main/resources/static/remotemodel/PSSYSAPPS/Web/PSAPPDATAENTITIES/IBIZOrder/PSGRIDS/ProivateTable.json
浏览文件 @ 57ee811a
......@@ -2,7 +2,6 @@
"aggMode" : "NONE",
"codeName" : "ProivateTable",
"columnEnableLink" : 2,
"controlStyle" : "PivotTable",
"controlType" : "GRID",
"dynaModelFilePath" : "PSSYSAPPS/Web/PSAPPDATAENTITIES/IBIZOrder/PSGRIDS/ProivateTable.json",
"getFetchPSControlAction" : {
......@@ -148,10 +147,6 @@
},
"allowEmpty" : true
} ],
"getPSSysPFPlugin" : {
"pluginType" : "GRID_RENDER",
"pluginCode" : "PivotTable"
},
"pagingSize" : 20,
"getRemovePSControlAction" : {
"actionName" : "Remove",
......
demo-boot/src/main/resources/static/remotemodel/PSSYSAPPS/Web/PSAPPDEVIEWS/IBIZOrderProivatePluginGridView.json
浏览文件 @ 57ee811a
......@@ -1018,7 +1018,6 @@
"aggMode" : "NONE",
"codeName" : "ProivateTable",
"columnEnableLink" : 2,
"controlStyle" : "PivotTable",
"controlType" : "GRID",
"dynaModelFilePath" : "PSSYSAPPS/Web/PSAPPDATAENTITIES/IBIZOrder/PSGRIDS/ProivateTable.json",
"getFetchPSControlAction" : {
......@@ -1251,10 +1250,6 @@
},
"allowEmpty" : true
} ],
"getPSSysPFPlugin" : {
"pluginType" : "GRID_RENDER",
"pluginCode" : "PivotTable"
},
"pagingSize" : 20,
"getRemovePSControlAction" : {
"actionName" : "Remove",
......
demo-boot/src/main/resources/static/remotemodel/PSSYSAPPS/Web/PSSYSAPP.json
浏览文件 @ 57ee811a
......@@ -4129,12 +4129,6 @@
"pluginType" : "EDITFORM_RENDER",
"refMode" : "CONTROL",
"refTag" : "FORM"
}, {
"name" : "表格（透视表）",
"pluginCode" : "PivotTable",
"pluginType" : "GRID_RENDER",
"refMode" : "CONTROL",
"refTag" : "GRID"
}, {
"name" : "视图数量",
"pluginCode" : "PFPlugin8",
......
demo-boot/src/main/resources/static/remotemodel/PSSYSAPPS/Web/PSSYSAPP.simple.json
浏览文件 @ 57ee811a
......@@ -83,12 +83,6 @@
"pluginType" : "EDITFORM_RENDER",
"refMode" : "CONTROL",
"refTag" : "FORM"
}, {
"name" : "表格（透视表）",
"pluginCode" : "PivotTable",
"pluginType" : "GRID_RENDER",
"refMode" : "CONTROL",
"refTag" : "GRID"
}, {
"name" : "视图数量",
"pluginCode" : "PFPlugin8",
......
demo-core/src/main/resources/liquibase/h2_table.xml
浏览文件 @ 57ee811a
......@@ -340,7 +340,7 @@
<!--输出实体[IBIZORDER]数据结构 -->
<changeSet author="a_LAB01_df847bdfd" id="tab-ibizorder-696-14">
<changeSet author="a_LAB01_df847bdfd" id="tab-ibizorder-698-14">
<createTable tableName="T_IBIZORDER">
<column name="TP" remarks="" type="TEXT(1048576)">
</column>
......
demo-core/src/main/resources/liquibase/view.xml
浏览文件 @ 57ee811a
......@@ -37,7 +37,7 @@
</createView>
</changeSet>
<!--输出实体[IBIZORDER]视图结构信息 runOnChange="true" 当视图发生变更时，通过liquibase强刷prod的视图，实现视图的同步-->
<changeSet author="a_LAB01_df847bdfd" id="view-ibizorder-696-8" runOnChange="true">
<changeSet author="a_LAB01_df847bdfd" id="view-ibizorder-698-8" runOnChange="true">
<createView fullDefinition="false" replaceIfExists="true" viewName="V_IBIZORDER">
<![CDATA[ SELECT t1.[AMOUNT], t1.[CREATEDATE], t1.[CREATEMAN], t1.[DETAILNUM], t1.[IBIZCUSTOMERID], t11.[IBIZCUSTOMERNAME], t1.[IBIZORDERID], t1.[IBIZORDERNAME], t1.[MEMO], t1.[ORDERSTATE], t1.[ORDERTIME], t1.[ORDERTYPE], t1.[ORDERUID], t1.[UPDATEDATE], t1.[UPDATEMAN], t1.[WFINSTANCEID], t1.[WFSTATE], t1.[WFSTEP] FROM [T_IBIZORDER] t1 LEFT JOIN T_IBIZCUSTOMER t11 ON t1.IBIZCUSTOMERID = t11.IBIZCUSTOMERID ]]>
</createView>
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或