Skip to content

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

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

上级 ba7b0464
隐藏空白字符变更
内嵌 并排
正在显示 包含 1874 行增加 和 41 行删除
app_Web/src/locale/lanres/entities/ibizbook/ibizbook_en_US.ts
浏览文件 @ 8ab773b4
......@@ -567,12 +567,9 @@ export default {
uiactions: {
},
},
usr_dataview: {
usr5_dataview: {
nodata:"",
uiactions: {
new: "New",
edit: "Edit",
remove: "Remove",
},
},
usr2_dataview: {
......@@ -585,6 +582,14 @@ export default {
uiactions: {
},
},
usr_dataview: {
nodata:"",
uiactions: {
new: "New",
edit: "Edit",
remove: "Remove",
},
},
usr4_dataview: {
nodata:"",
uiactions: {
......@@ -699,22 +704,6 @@ export default {
},
usr5dataviewtoolbar_toolbar: {
},
usr5dataviewdataview_quicktoolbar_toolbar: {
deuiaction1: {
caption: "New",
tip: "New",
},
},
usr5dataviewdataview_batchtoolbar_toolbar: {
deuiaction1: {
caption: "Edit",
tip: "Edit {0}",
},
deuiaction2: {
caption: "Remove",
tip: "Remove {0}",
},
},
roweditgridviewtoolbar_toolbar: {
tbitem3: {
caption: "New",
......
app_Web/src/locale/lanres/entities/ibizbook/ibizbook_zh_CN.ts
浏览文件 @ 8ab773b4
......@@ -566,12 +566,9 @@ export default {
uiactions: {
},
},
usr_dataview: {
usr5_dataview: {
nodata:"",
uiactions: {
new: "新建",
edit: "编辑",
remove: "删除",
},
},
usr2_dataview: {
......@@ -584,6 +581,14 @@ export default {
uiactions: {
},
},
usr_dataview: {
nodata:"",
uiactions: {
new: "新建",
edit: "编辑",
remove: "删除",
},
},
usr4_dataview: {
nodata:"",
uiactions: {
......@@ -698,22 +703,6 @@ export default {
},
usr5dataviewtoolbar_toolbar: {
},
usr5dataviewdataview_quicktoolbar_toolbar: {
deuiaction1: {
caption: "新建",
tip: "新建",
},
},
usr5dataviewdataview_batchtoolbar_toolbar: {
deuiaction1: {
caption: "编辑",
tip: "编辑",
},
deuiaction2: {
caption: "删除",
tip: "删除",
},
},
roweditgridviewtoolbar_toolbar: {
tbitem3: {
caption: "新建",
......
app_Web/src/pages/sample/ibizbookusr5-data-view/ibizbookusr5-data-view.vue
浏览文件 @ 8ab773b4
......@@ -3,7 +3,7 @@ import { Component } from 'vue-property-decorator';
import IBIZBOOKUsr5DataViewBase from './ibizbookusr5-data-view-base.vue';
import view_searchform from '@widgets/ibizbook/default-searchform/default-searchform.vue';
import view_dataview from '@widgets/ibizbook/usr-dataview/usr-dataview.vue';
import view_dataview from '@widgets/ibizbook/usr5-dataview/usr5-dataview.vue';
@Component({
components: {
view_searchform,
......
app_Web/src/widgets/ibizbook/usr5-dataview/usr5-dataview-base.vue 0 → 100644
浏览文件 @ 8ab773b4
<template>
<div class="app-data-view">
<app-sort-bar
:sortModel="sortModel"
:sortField="sortField"
:sortDir="sortDir"
entityName="ibizbook"
@clickSort="(val) => {sortClick(val);}">
</app-sort-bar>
<row class="data-view-container" v-if="items.length > 0" :gutter="20" type="flex" justify="start" style="margin:0px;">
<a v-for="(item,index) in items" :key="index" :href = "item.starturl">
<i-col style="min-height: 170px;margin-bottom: 10px;">
<el-card shadow="always" :class="[ item.isselected === true ? 'isselected' : false, 'single-card-data' ]" @click.native="handleClick(item)" @dblclick.native="handleDblClick(item)">
<layout_itemlayoutpanel
:viewState="viewState"
:viewparams="viewparams"
:context="context"
:parentRef="thisRef"
:inputData="item"
@panelDataChange="($event)=>{onPanelDataChange(item,$event)}"
name="itemlayoutpanel"
ref='itemlayoutpanel'>
</layout_itemlayoutpanel>
</el-card>
</i-col>
</a>
</row>
<div v-else class="app-data-empty">
{{ $t('entities.ibizbook.usr5_dataview.nodata') }}
</div>
<el-backtop target=".content-container .app-data-view"></el-backtop>
</div>
</template>
<script lang='tsx'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { Subject, Subscription } from 'rxjs';
import { ControlInterface } from '@/interface/control';
import { UIActionTool,Util,ViewTool } from '@/utils';
import NavDataService from '@/service/app/navdata-service';
import AppCenterService from "@service/app/app-center-service";
import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
import Usr5Service from './usr5-dataview-service';
import IBIZBOOKUIService from '@/uiservice/ibizbook/ibizbook-ui-service';
import CodeListService from "@/codelist/codelist-service";
@Component({
components: {
}
})
export default class Usr5Base extends Vue implements ControlInterface {
/**
* 名称
*
* @type {string}
* @memberof Usr5Base
*/
@Prop() public name?: string;
/**
* 视图通讯对象
*
* @type {Subject<ViewState>}
* @memberof Usr5Base
*/
@Prop() public viewState!: Subject<ViewState>;
/**
* 应用上下文
*
* @type {*}
* @memberof Usr5Base
*/
@Prop() public context!: any;
/**
* 视图参数
*
* @type {*}
* @memberof Usr5Base
*/
@Prop() public viewparams!: any;
/**
* 视图状态事件
*
* @public
* @type {(Subscription | undefined)}
* @memberof Usr5Base
*/
public viewStateEvent: Subscription | undefined;
/**
* 获取部件类型
*
* @returns {string}
* @memberof Usr5Base
*/
public getControlType(): string {
return 'DATAVIEW'
}
/**
* 计数器服务对象集合
*
* @type {Array<*>}
* @memberof Usr5Base
*/
public counterServiceArray:Array<any> = [];
/**
* 建构部件服务对象
*
* @type {Usr5Service}
* @memberof Usr5Base
*/
public service: Usr5Service = new Usr5Service({ $store: this.$store });
/**
* 实体服务对象
*
* @type {IBIZBOOKService}
* @memberof Usr5Base
*/
public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.$store });
/**
* 转化数据
*
* @param {any} args
* @memberof Usr5Base
*/
public transformData(args: any) {
let _this: any = this;
if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
return _this.service.handleRequestData('transform',_this.context,args)['data'];
}
}
/**
* 关闭视图
*
* @param {any} args
* @memberof Usr5Base
*/
public closeView(args: any): void {
let _this: any = this;
_this.$emit('closeview', [args]);
}
/**
* 计数器刷新
*
* @memberof Usr5Base
*/
public counterRefresh(){
const _this:any =this;
if(_this.counterServiceArray && _this.counterServiceArray.length >0){
_this.counterServiceArray.forEach((item:any) =>{
if(item.refreshData && item.refreshData instanceof Function){
item.refreshData();
}
})
}
}
/**
* 代码表服务对象
*
* @type {CodeListService}
* @memberof Usr5Base
*/
public codeListService:CodeListService = new CodeListService({ $store: this.$store });
/**
* 获取多项数据
*
* @returns {any[]}
* @memberof Usr5Base
*/
public getDatas(): any[] {
return this.selections;
}
/**
* 获取单项树
*
* @returns {*}
* @memberof Usr5Base
*/
public getData(): any {
return null;
}
/**
* 是否默认选中第一条数据
*
* @type {boolean}
* @memberof Usr5Base
*/
@Prop({ default: false }) public isSelectFirstDefault!: boolean;
/**
* 显示处理提示
*
* @type {boolean}
* @memberof Usr5Base
*/
@Prop({ default: true }) public showBusyIndicator?: boolean;
/**
* 部件行为--create
*
* @type {string}
* @memberof Usr5Base
*/
@Prop() public createAction!: string;
/**
* 部件行为--remove
*
* @type {string}
* @memberof Usr5Base
*/
@Prop() public removeAction!: string;
/**
* 部件行为--update
*
* @type {string}
* @memberof Usr5Base
*/
@Prop() public updateAction!: string;
/**
* 部件行为--fetch
*
* @type {string}
* @memberof Usr5Base
*/
@Prop() public fetchAction!: string;
/**
* 打开新建数据视图
*
* @type {any}
* @memberof Usr5Base
*/
@Prop() public newdata: any;
/**
* 打开编辑数据视图
*
* @type {any}
* @memberof Usr5Base
*/
@Prop() public opendata: any;
/**
* this引用
*
* @type {number}
* @memberof Usr5Base
*/
public thisRef: any = this;
/**
* 拖拽元素对象
*
* @type {boolean}
* @memberof Usr5Base
*/
public dragEle:any;
/**
* 拖拽后位置left
*
* @type {boolean}
* @memberof Usr5Base
*/
public leftP:any;
/**
* 拖拽后位置top
*
* @type {boolean}
* @memberof Usr5Base
*/
public topP:any;
/**
* 拖拽标识
*
* @type {boolean}
* @memberof Usr5Base
*/
public dragflag:boolean=false;
/**
* 为拖拽不是点击
*
* @type {boolean}
* @memberof Usr5Base
*/
public moveflag:boolean = false;
/**
* 是否单选
*
* @type {boolean}
* @memberof Usr5Base
*/
@Prop() public isSingleSelect?: boolean;
/**
* 数据
*
* @type {any[]}
* @memberof Usr5Base
*/
public items: any[] = [];
/**
* 操作栏模型数据
*
* @type {*}
* @memberof Usr5Base
*/
public ActionModel:any ={
};
/**
* 是否支持分页
*
* @type {boolean}
* @memberof Usr5Base
*/
public isEnablePagingBar: boolean = true;;
/**
* 总条数
*
* @type {number}
* @memberof Usr5Base
*/
public totalRecord: number = 0;
/**
* 加载的数据是否附加在items之后
*
* @type {boolean}
* @memberof Usr5Base
*/
public isAddBehind:boolean = false;
/**
* 选中数组
* @type {Array<any>}
* @memberof Usr5Base
*/
public selections: Array<any> = [];
/**
* 当前页
*
* @type {number}
* @memberof Usr5Base
*/
public curPage: number = 1;
/**
* 分页条数
*
* @type {number}
* @memberof Usr5Base
*/
public limit: number = 20;
/**
* 排序方向
*
* @type {string}
* @memberof Usr5Base
*/
public sortDir:string = '';
/**
* 排序字段
*
* @type {string}
* @memberof Usr5Base
*/
public sortField: string = '';
/**
* 排序模型数据集
*
* @type {string}
* @memberof Usr5Base
*/
public sortModel: any[] = [
'icon',
'subtext',
]
/**
* 应用状态事件
*
* @public
* @type {(Subscription | undefined)}
* @memberof Usr5Base
*/
public appStateEvent: Subscription | undefined;
/**
* 默认隐藏批量操作工具栏
*
* @type {boolean}
* @memberof Usr5Base
*/
public flag: boolean = false;
/**
* 更改批量操作工具栏显示状态
*
* @param $event
* @memberof Usr5Base
*/
public onClick($event: any){
if(!this.moveflag){
this.flag = !this.flag;
}
this.moveflag = false;
}
/**
* 排序点击事件
* @param {string} field 属性名
*
* @memberof Usr5Base
*/
public sortClick(field:string) {
if(this.sortField !== field){
this.sortField = field;
this.sortDir = 'asc';
}else if(this.sortDir === 'asc'){
this.sortDir = 'desc';
}else if(this.sortDir === 'desc'){
this.sortDir = '';
}else{
this.sortDir = 'asc';
}
this.refresh();
}
/**
* 排序class变更
* @param {string} field 属性名
*
* @memberof Usr5Base
*/
public getsortClass(field:string) {
if(this.sortField !== field || this.sortDir === ''){
return '';
}else if(this.sortDir === 'asc'){
return 'sort-ascending'
}else if(this.sortDir === 'desc'){
return 'sort-descending'
}
}
/**
* Vue声明周期，组件挂载完毕
*
* @memberof Usr5Base
*/
public mounted () {
this.afterMounted();
}
/**
* 执行mounted后的逻辑
*
* @memberof Usr5Base
*/
public afterMounted(){
this.$el.addEventListener('scroll', ()=> {
let el: any = this.$el.getElementsByClassName('dataview-pagination')[0];
el.style.top = 40 + this.$el.scrollTop + 'px';
if( this.$el.scrollTop + this.$el.clientHeight >= this.$el.scrollHeight) {
this.loadMore();
}
})
}
/**
* Vue声明周期，组件创建完毕
*
* @memberof Usr5Base
*/
public created() {
this.afterCreated();
this.$nextTick(()=>{
this.mouseEvent();
})
}
/**
* 执行created后的逻辑
*
* @memberof Usr5Base
*/
public afterCreated(){
if (this.viewState) {
this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
if (!Object.is(this.name, tag)) {
return;
}
if (Object.is(action,'load')) {
this.refresh(data)
}
if (Object.is(action,'filter')) {
this.refresh(data)
}
});
}
if(AppCenterService && AppCenterService.getMessageCenter()){
this.appStateEvent = AppCenterService.getMessageCenter().subscribe(({ name, action, data }) =>{
if(!Object.is(name,"IBIZBOOK")){
return;
}
if(Object.is(action,'appRefresh')){
this.refresh([data]);
}
})
}
}
/**
* 鼠标移动+放下
*
* @memberof Usr5Base
*/
public mouseEvent(){
this.dragEle = document.getElementsByClassName('drag-filed')[0];
document.onmousemove=(e:any)=>{
if(this.dragflag){
this.dragEle.style.left = (e.clientX - this.leftP) + 'px';
this.dragEle.style.top = (e.clientY - this.topP) + 'px';
this.moveflag = true;
}
}
document.onmouseup=(e:any)=>{
this.dragflag = false;
}
}
/**
* mousedown事件
*
* @param $event
* @memberof Usr5Base
*/
public down(e:any){
this.leftP = e.clientX - this.dragEle.offsetLeft;
this.topP = e.clientY - this.dragEle.offsetTop;
this.dragflag = true;
}
/**
* 加载更多
*
* @memberof Usr5Base
*/
public loadMore(){
if(this.totalRecord>this.items.length)
{
this.curPage = ++this.curPage;
this.isAddBehind = true;
this.load({});
}
}
/**
* 刷新
*
* @param {*} [args={}]
* @memberof Usr5Base
*/
public refresh(args?: any) {
this.curPage = 1;
this.load(args, true);
}
/**
* vue 生命周期
*
* @memberof Usr5Base
*/
public destroyed() {
this.afterDestroy();
}
/**
* 执行destroyed后的逻辑
*
* @memberof Usr5Base
*/
public afterDestroy() {
if (this.viewStateEvent) {
this.viewStateEvent.unsubscribe();
}
if(this.appStateEvent){
this.appStateEvent.unsubscribe();
}
}
/**
* 表格数据加载
*
* @public
* @param {*} [arg={}]
* @param {boolean} [isReset=false] 是否重置items
* @memberof Usr5Base
*/
public load(opt: any = {}, isReset: boolean = false): void {
if(!this.fetchAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr5DataView' + (this.$t('app.list.notConfig.fetchAction') as string) });
return;
}
const arg: any = {...opt};
const page: any = {};
if (this.isEnablePagingBar) {
Object.assign(page, { page: this.curPage-1, size: this.limit });
}
// 设置排序
if (!Object.is(this.sortDir, '') && !Object.is(this.sortField, '')) {
const sort: string = this.sortField+","+this.sortDir;
Object.assign(page, { sort: sort });
}
Object.assign(arg, page);
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) {
if (response.errorMessage) {
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
}
return;
}
const data: any = response.data;
if(!this.isAddBehind){
this.items = [];
}
if (Object.keys(data).length > 0) {
let datas = JSON.parse(JSON.stringify(data));
datas.map((item: any) => {
Object.assign(item, { isselected: false });
});
this.totalRecord = response.total;
if(isReset){
this.items = datas;
}else{
this.items.push(...datas);
}
}
this.isAddBehind = false;
this.$emit('load', this.items);
//在导航视图中，如已有选中数据，则右侧展开已选中数据的视图，如无选中数据则默认选中第一条
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.handleClick(this.items[index]);
}
})
}else{
this.handleClick(this.items[0]);
}
}
}, (response: any) => {
if (response && response.status === 401) {
return;
}
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.errorMessage });
});
}
/**
* 删除
*
* @param {any[]} datas
* @returns {Promise<any>}
* @memberof Usr5Base
*/
public async remove(datas: any[]): Promise<any> {
if(!this.removeAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr5DataView' + (this.$t('app.gridpage.notConfig.removeAction') as string) });
return;
}
let _datas:any[] = [];
datas.forEach((record: any, index: number) => {
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);
return true;
}
});
}else{
_datas.push(datas[index]);
}
});
if (_datas.length === 0) {
return;
}
let dataInfo = '';
_datas.forEach((record: any, index: number) => {
let srfmajortext = record.srfmajortext;
if (index < 5) {
if (!Object.is(dataInfo, '')) {
dataInfo += '、';
}
dataInfo += srfmajortext;
} else {
return false;
}
});
if (_datas.length < 5) {
dataInfo = dataInfo + ' ' + (this.$t('app.dataView.sum') as string) + _datas.length + (this.$t('app.dataView.data') as string);
} else {
dataInfo = dataInfo + '...' + ' ' + (this.$t('app.dataView.sum') as string) + _datas.length + (this.$t('app.dataView.data') as string);
}
const removeData = () => {
let keys: any[] = [];
_datas.forEach((data: any) => {
keys.push(data.srfkey);
});
let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction ;
const context:any = JSON.parse(JSON.stringify(this.context));
const post: Promise<any> = this.service.delete(_removeAction,Object.assign(context,{ ibizbook: keys.join(';') }),Object.assign({ ibizbook: keys.join(';') },{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: (this.$t('app.commonWords.delDataFail') as string) + ',' + response.info });
return;
} else {
this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.deleteSuccess') 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);
return true;
}
});
});
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: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
reject(response);
return;
}
reject(response);
});
});
}
dataInfo = dataInfo.replace(/[null]/g, '').replace(/[undefined]/g, '').replace(/[ ]/g, '');
this.$Modal.confirm({
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();
},
onCancel: () => { }
});
return removeData;
}
/**
* 保存
*
* @param {*} $event
* @returns {Promise<any>}
* @memberof Usr5Base
*/
public async save(args: any[], params?: any, $event?: any, xData?: any){
let _this = this;
let successItems:any = [];
let errorItems:any = [];
let errorMessage:any = [];
for (const item of _this.items) {
try {
if(Object.is(item.rowDataState, 'create')){
if(!this.createAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr5DataView' + (this.$t('app.list.notConfig.createAction') as string) });
}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)));
}
}else if(Object.is(item.rowDataState, 'update')){
if(!this.updateAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr5DataView' + (this.$t('app.list.notConfig.updateAction') as string) });
}else{
Object.assign(item,{viewparams:this.viewparams});
if(item.ibizbook){
Object.assign(this.context,{ibizbook:item.ibizbook});
}
let response = await this.service.add(this.updateAction,JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
successItems.push(JSON.parse(JSON.stringify(response.data)));
}
}
} catch (error) {
errorItems.push(JSON.parse(JSON.stringify(item)));
errorMessage.push(error);
}
}
this.$emit('save', successItems);
this.refresh();
if(errorItems.length === 0){
this.$Notice.success({ title: '', desc: (this.$t('app.commonWords.saveSuccess') as string) });
}else{
errorItems.forEach((item:any,index:number)=>{
this.$Notice.error({ title: (this.$t('app.commonWords.saveFailed') as string), desc: item.majorentityname + (this.$t('app.commonWords.saveFailed') as string) + '！' });
console.error(errorMessage[index]);
});
}
return successItems;
}
/**
* 面板数据变化处理事件
* @param {any} item 当前卡片数据
* @param {any} $event 面板事件数据
*
* @memberof Usr5Base
*/
public onPanelDataChange(item:any,$event:any) {
Object.assign(item, $event, {rowDataState:'update'});
}
/**
* 选择数据
* @memberof Usr5Base
*
*/
public handleClick(args: any) {
args.isselected = !args.isselected;
if(this.isSingleSelect) {
this.items.forEach((item:any) =>{
if(item.srfkey !== args.srfkey){
item.isselected =false;
}
})
}
this.selectchange();
}
/**
* 双击数据
* @memberof Usr5Base
*
*/
public handleDblClick(args: any) {
this.$emit('rowdblclick', args);
}
/**
* 触发事件
* @memberof Usr5Base
*
*/
public selectchange() {
this.selections = [];
this.items.map((item: any) => {
if (item.isselected) {
this.selections.push(item);
}
});
this.$emit('selectionchange', this.selections);
}
/**
* 操作列界面行为
*
* @param {*} data
* @param {*} tag
* @param {*} $event
* @memberof Usr5Base
*/
public uiAction(data: any, tag: any, $event: any) {
$event.stopPropagation();
}
}
</script>
<style lang='less'>
@import './usr5-dataview.less';
</style>
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-dataview/usr5-dataview-model.ts 0 → 100644
浏览文件 @ 8ab773b4
/**
* Usr5 部件模型
*
* @export
* @class Usr5Model
*/
export default class Usr5Model {
/**
* 获取数据项集合
*
* @returns {any[]}
* @memberof Usr5DataViewMode
*/
public getDataItems(): any[] {
return [
{
name: 'srficon',
prop: 'icon',
dataType: 'TEXT',
},
{
name: 'srfdescription',
prop: 'subtext',
dataType: 'TEXT',
},
{
name: 'srfkey',
prop: 'ibizbookid',
dataType: 'GUID',
},
{
name: 'srfmajortext',
},
{
name: 'ibizbook',
prop: 'ibizbookid',
dataType: 'FONTKEY',
},
{
name: 'n_ibizbookname_like',
prop: 'n_ibizbookname_like',
dataType: 'QUERYPARAM'
},
{
name: 'n_price_gtandeq',
prop: 'n_price_gtandeq',
dataType: 'QUERYPARAM'
},
{
name:'size',
prop:'size'
},
{
name:'query',
prop:'query'
},
{
name:'sort',
prop:'sort'
},
{
name:'page',
prop:'page'
},
{
name:'srfparentdata',
prop:'srfparentdata'
},
// 前端新增修改标识，新增为"0",修改为"1"或未设值
{
name: 'srffrontuf',
prop: 'srffrontuf',
dataType: 'TEXT',
},
]
}
}
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-dataview/usr5-dataview-service.ts 0 → 100644
浏览文件 @ 8ab773b4
import { Http,Util,Errorlog } from '@/utils';
import ControlService from '@/widgets/control-service';
import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
import Usr5Model from './usr5-dataview-model';
/**
* Usr5 部件服务对象
*
* @export
* @class Usr5Service
*/
export default class Usr5Service extends ControlService {
/**
* 图书服务对象
*
* @type {IBIZBOOKService}
* @memberof Usr5Service
*/
public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.getStore() });
/**
* 设置从数据模式
*
* @type {boolean}
* @memberof Usr5Service
*/
public setTempMode(){
this.isTempMode = false;
}
/**
* Creates an instance of Usr5Service.
*
* @param {*} [opts={}]
* @memberof Usr5Service
*/
constructor(opts: any = {}) {
super(opts);
this.model = new Usr5Model();
}
/**
* 查询数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof Usr5Service
*/
@Errorlog
public search(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data, isloading);
}else{
result =_appEntityService.FetchDefault(Context,Data, isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 删除数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof Usr5Service
*/
@Errorlog
public delete(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data, isloading);
}else{
result =_appEntityService.remove(Context,Data, isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 添加数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof Usr5Service
*/
@Errorlog
public add(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data, isloading);
}else{
result =_appEntityService.Create(Context,Data, isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 修改数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof Usr5Service
*/
@Errorlog
public update(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data,isloading);
}else{
result =_appEntityService.Update(Context,Data,isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
}
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-dataview/usr5-dataview.less 0 → 100644
浏览文件 @ 8ab773b4
.app-data-view {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
position: relative;
// 排序栏样式
.bar-container{
padding: 6px 8px;
background-color: #F1F1F1;
.ivu-row-flex.page-sort-bar{
width: 100%;
height: 30px;
.ivu-col{
user-select: none;
text-align: center;
display: flex;
align-items: flex-end;
padding-bottom: 4px;
background-color: #FFF;
border: 1px solid #CCC;
margin-left: -1px;
.sort-field-text{
margin-left: 7px;
}
.caret-wrapper{
width: 15px;
display: inline-block;
padding-bottom: 2px;
.ivu-icon{
display: block;
line-height: 0.5;
color: #c5c8ce;
}
}
}
// 悬浮样式
.ivu-col:hover{
border:1px solid #82bff7;
position:relative;
z-index:2;
.sort-field-text{
color: #82bff7;
}
}
// 选中样式
.sort-ascending, .sort-descending{
border:1px solid #82bff7;
position:relative;
z-index:2;
.sort-field-text{
color:#82bff7;
font-weight: 800;
}
}
.sort-ascending .caret-wrapper .ivu-icon.ivu-icon-md-arrow-dropup,
.sort-descending .caret-wrapper .ivu-icon.ivu-icon-md-arrow-dropdown{
color: #82bff7;
}
}
}
.data-view-container {
height: calc(100% - 42px);
align-content: start;
.el-collapse{
width: 100%;
.el-collapse-item__content{
padding: 10px 0px 0px 0px;
display: flex;
.item-nodata {
padding-bottom: 10px;
width: 100%;
text-align: center;
}
}
}
.el-collapse-item__header.is-active{
color: #409eff;
background-color: #ecf5ff;
}
.ivu-col{
padding: 10px;
.el-card__body{
padding: 10px;
}
}
.el-card{
background-color: #f6f6f6;
color: #666666;
box-shadow: 0 2px 12px 0 #909399;
}
.single-card-data{
height: 100%;
width: 100%;
cursor: pointer;
border: 2px solid transparent;
.data-view-item{
.single-card-default {
.ivu-tooltip{
.ivu-tooltip-rel{
width: 150px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
padding-left: 5px;
font-size: 18px;
font-weight: 800;
}
}
}
.single-card-img {
width: 150px;
height: calc(100% - 32px);
}
}
.data-view-item-action{
button{
margin: 0 3px;
cursor: pointer;
padding:3px;
}
button:hover{
color: #409eff;
}
}
}
.isselected{
border: 2px solid #82bff7;
box-shadow: 5px 5px 12px 0 #82bff7;
.ivu-tooltip{
color: #82bff7;
font-weight: 800;
}
}
.single-card-data:hover{
border: 2px solid #82bff7;
box-shadow: 5px 5px 12px 0 #82bff7;
.ivu-tooltip{
color: #82bff7;
font-weight: 800;
}
}
}
// 空值文本
.app-data-empty {
height: calc(100% - 42px);
color: #909399;
display: flex;
justify-content: center;
align-items: center;
}
.el-backtop {
position: absolute;
}
}
// this is less
app_Web/src/widgets/ibizbook/usr5-dataview/usr5-dataview.vue 0 → 100644
浏览文件 @ 8ab773b4
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import Usr5Base from './usr5-dataview-base.vue';
import layout_itemlayoutpanel from '@widgets/ibizbook/usr5-panel/usr5-panel.vue';
@Component({
components: {
layout_itemlayoutpanel,
}
})
export default class Usr5 extends Usr5Base {
}
</script>
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-panel/usr5-panel-base.vue 0 → 100644
浏览文件 @ 8ab773b4
<template>
<row class="app-layoutpanel " style="width:100%;height:100%;">
</row>
</template>
<script lang='tsx'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { Subject, Subscription } from 'rxjs';
import { ControlInterface } from '@/interface/control';
import { UIActionTool,Util,ViewTool } from '@/utils';
import NavDataService from '@/service/app/navdata-service';
import AppCenterService from "@service/app/app-center-service";
import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
import Usr5Service from './usr5-panel-service';
import IBIZBOOKUIService from '@/uiservice/ibizbook/ibizbook-ui-service';
import { PanelDetailModel,PanelRawitemModel,PanelTabPanelModel,PanelTabPageModel,PanelFieldModel,PanelContainerModel,PanelControlModel,PanelUserControlModel,PanelButtonModel } from '@/model/panel-detail';
import Usr5Model from './usr5-panel-model';
import CodeListService from "@/codelist/codelist-service";
import UIService from '@/uiservice/ui-service';
@Component({
components: {
}
})
export default class Usr5Base extends Vue implements ControlInterface {
/**
* 名称
*
* @type {string}
* @memberof Usr5Base
*/
@Prop() public name?: string;
/**
* 视图通讯对象
*
* @type {Subject<ViewState>}
* @memberof Usr5Base
*/
@Prop() public viewState!: Subject<ViewState>;
/**
* 应用上下文
*
* @type {*}
* @memberof Usr5Base
*/
@Prop() public context!: any;
/**
* 视图参数
*
* @type {*}
* @memberof Usr5Base
*/
@Prop() public viewparams!: any;
/**
* 视图状态事件
*
* @public
* @type {(Subscription | undefined)}
* @memberof Usr5Base
*/
public viewStateEvent: Subscription | undefined;
/**
* 获取部件类型
*
* @returns {string}
* @memberof Usr5Base
*/
public getControlType(): string {
return 'PANEL'
}
/**
* 计数器服务对象集合
*
* @type {Array<*>}
* @memberof Usr5Base
*/
public counterServiceArray:Array<any> = [];
/**
* 建构部件服务对象
*
* @type {Usr5Service}
* @memberof Usr5Base
*/
public service: Usr5Service = new Usr5Service({ $store: this.$store });
/**
* 实体服务对象
*
* @type {IBIZBOOKService}
* @memberof Usr5Base
*/
public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.$store });
/**
* 转化数据
*
* @param {any} args
* @memberof Usr5Base
*/
public transformData(args: any) {
let _this: any = this;
if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
return _this.service.handleRequestData('transform',_this.context,args)['data'];
}
}
/**
* 关闭视图
*
* @param {any} args
* @memberof Usr5Base
*/
public closeView(args: any): void {
let _this: any = this;
_this.$emit('closeview', [args]);
}
/**
* 计数器刷新
*
* @memberof Usr5Base
*/
public counterRefresh(){
const _this:any =this;
if(_this.counterServiceArray && _this.counterServiceArray.length >0){
_this.counterServiceArray.forEach((item:any) =>{
if(item.refreshData && item.refreshData instanceof Function){
item.refreshData();
}
})
}
}
/**
* 接口实现
*
* @returns {any[]}
* @memberof Usr5Base
*/
getDatas(): any[] {
if (!this.panelData) {
return [];
}
return [this.panelData];
}
/**
* 接口实现
*
* @returns {*}
* @memberof Usr5Base
*/
getData() {
return this.panelData;
}
/**
* 父级部件引用
*
* @type {*}
* @memberof Usr5Base
*/
@Prop() public parentRef?: any;
/**
* 面板数据对象
*
* @type {*}
* @memberof Usr5Base
*/
@Prop() public inputData?: any;
/**
* UI数据对象
*
* @type {*}
* @memberof Usr5Base
*/
public data:any = {};
/**
* 面板数据对象
*
* @type {*}
* @memberof Usr5Base
*/
public panelData:any = null;
/**
* 数据模型对象
*
* @type {Usr5Model}
* @memberof Usr5Base
*/
public dataModel:Usr5Model = new Usr5Model();
/**
* 代码表服务对象
*
* @type {CodeListService}
* @memberof Usr5Base
*/
public codeListService:CodeListService = new CodeListService({ $store:this.$store });
/**
* 界面UI服务对象
*
* @type {IBIZBOOKUIService}
* @memberof Usr5Base
*/
public appUIService:IBIZBOOKUIService = new IBIZBOOKUIService(this.$store);
/**
* 详情模型集合
*
* @type {*}
* @memberof Usr5Base
*/
public detailsModel: any = {
};
/**
* 值规则对象
*
* @type {*}
* @memberof Usr5Base
*/
public rules:any={
};
/**
* 监听数据对象
*
* @memberof Usr5Base
*/
@Watch('inputData',{immediate:true,deep: true})
public onInputDataChange(newVal: any, oldVal: any){
if(newVal){
this.computedUIData(newVal);
this.panelData = Util.deepCopy(newVal);
this.computeButtonState(newVal);
this.panelLogic({ name: '', newVal: null, oldVal: null });
this.$forceUpdate();
}
}
/**
* 计算UI展示数据
*
* @param codelistArray 代码表模型数组
* @memberof Usr5Base
*/
public computedUIData(newVal:any){
if((this.dataModel.getDataItems instanceof Function) && this.dataModel.getDataItems().length >0){
this.dataModel.getDataItems().forEach((item:any) =>{
this.data[item.name] = newVal[item.prop];
})
}
}
/**
* 计算面板按钮权限状态
*
* @param {*} [data] 传入数据
* @memberof Usr5Base
*/
public computeButtonState(data:any){
// 若为项布局面板，存在parentRef
if(this.parentRef){
let targetData:any = this.parentRef.transformData(data);
if(this.detailsModel && Object.keys(this.detailsModel).length >0){
Object.keys(this.detailsModel).forEach((name:any) =>{
if(this.detailsModel[name] && this.detailsModel[name].uiaction && this.detailsModel[name].uiaction.dataaccaction && Object.is(this.detailsModel[name].itemType,"BUTTON")){
this.detailsModel[name].isPower = true;
let tempUIAction:any = JSON.parse(JSON.stringify(this.detailsModel[name].uiaction));
let result: any[] = ViewTool.calcActionItemAuthState(targetData,[tempUIAction],this.appUIService?this.appUIService:null);
this.detailsModel[name].visible = tempUIAction.visabled;
this.detailsModel[name].disabled = tempUIAction.disabled;
this.detailsModel[name].isPower = result[0] === 1 ? true : false;
}
})
}
}
}
/**
* 界面行为
*
* @param {*} row
* @param {*} tag
* @param {*} $event
* @memberof Usr5Base
*/
public uiAction(row: any, tag: any, $event: any) {
}
/**
* 打开编辑数据视图
*
* @type {any}
* @memberof Usr5Base
*/
public opendata(args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any){
if (this.parentRef.opendata && this.parentRef.opendata instanceof Function) {
this.parentRef.opendata(args,fullargs,params, $event, xData);
}
}
/**
* 打开新建数据视图
*
* @type {any}
* @memberof Usr5Base
*/
public newdata(args: any[],fullargs?:any[], params?: any, $event?: any, xData?: any) {
if (this.parentRef.newdata && this.parentRef.newdata instanceof Function) {
this.parentRef.newdata(args,fullargs,params, $event, xData);
}
}
/**
* 删除
*
* @param {any[]} datas
* @returns {Promise<any>}
* @memberof Usr5Base
*/
public async remove(datas: any[]): Promise<any> {
if (this.parentRef.remove && this.parentRef.remove instanceof Function) {
return this.parentRef.remove(datas);
}
}
/**
* 刷新
*
* @param {*} [args={}]
* @memberof Usr5Base
*/
public refresh(args: any = {}) {
if (this.parentRef.refresh && this.parentRef.refresh instanceof Function) {
this.parentRef.refresh(args);
}
}
/**
* 设置变更面板编辑项的值
*
* @param data 面板数据
* @param {{ name: string, value: any }} $event
* @returns {void}
* @memberof Usr5Base
*/
public onPanelItemValueChange(data: any,$event: { name: string, value: any }): void {
if (!$event) {
return;
}
if (!$event.name || Object.is($event.name, '') || !data.hasOwnProperty($event.name)) {
return;
}
data[$event.name] = $event.value;
this.panelEditItemChange(data, $event.name, $event.value);
}
/**
* 面板编辑项值变化后续操作
*
* @public
* @param data 面板数据
* @param property 编辑项名
* @param value 编辑项值
* @returns {void}
* @memberof Usr5Base
*/
public panelEditItemChange(data: any, property: string, value: any){
// 面板数据变化事件
if((this.dataModel.getDataItems instanceof Function) && this.dataModel.getDataItems().length >0){
let modelitem =this.dataModel.getDataItems().find((item:any) =>{
return item.name === property;
})
if(modelitem){
this.$emit('panelDataChange',{[modelitem.prop]: value});
}
}
}
/**
* 分页切换事件
*
* @memberof Usr5Base
*/
public handleTabPanelClick(name:string,$event:any){
this.detailsModel[name].clickPage($event.name);
}
/**
* 面板逻辑
*
* @public
* @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
* @memberof Usr5Base
*/
public panelLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
}
}
</script>
<style lang='less'>
@import './usr5-panel.less';
</style>
app_Web/src/widgets/ibizbook/usr5-panel/usr5-panel-model.ts 0 → 100644
浏览文件 @ 8ab773b4
/**
* Usr5 部件模型
*
* @export
* @class Usr5Model
*/
export default class Usr5Model {
/**
* 获取数据项集合
*
* @returns {any[]}
* @memberof Usr5Model
*/
public getDataItems(): any[] {
return [
]
}
}
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-panel/usr5-panel-service.ts 0 → 100644
浏览文件 @ 8ab773b4
import { Http } from '@/utils';
import ControlService from '@/widgets/control-service';
/**
* Usr5 部件服务对象
*
* @export
* @class Usr5Service
*/
export default class Usr5Service extends ControlService {
}
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-panel/usr5-panel.less 0 → 100644
浏览文件 @ 8ab773b4
// this is less
.app-layoutpanel {
height: 100%;
.app-layoutpanel-container {
padding: 6px;
}
.app-layoutpanel-tabpanel{
>.el-tabs {
>.el-.el-tabs__header{
margin: 0 0 10px;
}
.app-layoutpanel-tabpage{
padding: 6px;
}
}
}
.app-layoutpanel-button,.app-layoutpanel-conctrl,.app-layoutpanel-ctrlpos,.app-layoutpanel-field,.app-layoutpanel-rowitem,.app-layoutpanel-usercontrol{
padding: 6px;
}
.item-field{
padding: 0 4px;
display: flex;
>.item-field-label{
padding: 0 8px;
}
}
}
\ No newline at end of file
app_Web/src/widgets/ibizbook/usr5-panel/usr5-panel.vue 0 → 100644
浏览文件 @ 8ab773b4
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import Usr5Base from './usr5-panel-base.vue';
@Component({
components: {
}
})
export default class Usr5 extends Usr5Base {
}
</script>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或