Skip to content

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

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

上级 74270adb
显示空白字符变更
内嵌 并排
正在显示 包含 543 行增加 和 186 行删除
app_Web/src/app-register.ts
浏览文件 @ 486240fd
...@@ -109,9 +109,9 @@ import AppInputIp from './components/app-input-ip/app-input-ip.vue'; ...@@ -109,9 +109,9 @@ import AppInputIp from './components/app-input-ip/app-input-ip.vue';
import Loadding from './directive/loadding/loadding'; import Loadding from './directive/loadding/loadding';
import AppColorSpan from './components/app-color-span/app-color-span.vue'; import AppColorSpan from './components/app-color-span/app-color-span.vue';
import AppColorPicker from './components/app-color-picker/app-color-picker.vue'; import AppColorPicker from './components/app-color-picker/app-color-picker.vue';
import AppScrollContainer from './components/layout-container/app-scroll-container/app-scroll-container.vue'; import AppScrollContainer from './components/layout-element/container/app-scroll-container/app-scroll-container.vue';
import AppSimpleFlexContainer from './components/layout-container/app-simpleflex-container/app-simpleflex-container.vue'; import AppSimpleFlexContainer from './components/layout-element/container/app-simpleflex-container/app-simpleflex-container.vue';
import AppStandardContainer from './components/layout-element/container/app-standard-container/app-standard-container.vue';
// 全局挂载UI实体服务注册中心 // 全局挂载UI实体服务注册中心
window['uiServiceRegister'] = uiServiceRegister; window['uiServiceRegister'] = uiServiceRegister;
// 全局挂载实体权限服务注册中心 // 全局挂载实体权限服务注册中心
...@@ -237,5 +237,6 @@ export const AppComponents = { ...@@ -237,5 +237,6 @@ export const AppComponents = {
v.component('app-color-picker', AppColorPicker); v.component('app-color-picker', AppColorPicker);
v.component('app-scroll-container', AppScrollContainer); v.component('app-scroll-container', AppScrollContainer);
v.component('app-simpleflex-container',AppSimpleFlexContainer); v.component('app-simpleflex-container',AppSimpleFlexContainer);
v.component('app-standard-container',AppStandardContainer);
}, },
}; };
\ No newline at end of file
app_Web/src/components/layout-element/container/app-scroll-container/app-scroll-container.less 0 → 100644
浏览文件 @ 486240fd
.app-scroll-container {
height: 100%;
width: 100%;
border: 1px solid red;
.app-scroll-container__header,
.app-scroll-container__bottom {
width: 100%;
}
.app-scroll-container__middle {
display: flex;
width: 100%;
.app-scroll-container__left,
.app-scroll-container__center,
.app-scroll-container__right {
height: 100%;
}
}
.no-style {
padding: 0;
margin: 0;
}
.overflow-auto {
overflow: auto;
}
}
\ No newline at end of file
app_Web/src/components/layout-element/container/app-scroll-container/app-scroll-container.vue 0 → 100644
浏览文件 @ 486240fd
<template>
<div :class="curClassName">
<div v-if="containerModel.NORTH" :style="containerModel.NORTH.style"
class="no-style overflow-auto app-scroll-container__header">
<template v-for="name of containerModel.NORTH.name">
<slot :name="name"></slot>
</template>
</div>
<div class="app-scroll-container__middle" :style="middleContainerStyle">
<div v-if="containerModel.WEST" :style="containerModel.WEST.style"
class="no-style overflow-auto app-scroll-container__left">
<template v-for="name of containerModel.WEST.name">
<slot :name="name"></slot>
</template>
</div>
<div v-if="containerModel.CENTER" :style="containerModel.CENTER.style"
class="no-style overflow-auto app-scroll-container__center">
<template v-for="name of containerModel.CENTER.name">
<slot :name="name"></slot>
</template>
</div>
<div v-if="containerModel.EAST" :style="containerModel.EAST.style"
class="no-style overflow-auto app-scroll-container__right">
<template v-for="name of containerModel.EAST.name">
<slot :name="name"></slot>
</template>
</div>
</div>
<div v-if="containerModel.SOUTH" :style="containerModel.SOUTH.style"
class="no-style overflow-auto app-scroll-container__bottom">
<template v-for="name of containerModel.SOUTH.name">
<slot :name="name"></slot>
</template>
</div>
</div>
</template>
<script lang="ts">
import { Util } from '@/utils';
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component({})
export default class AppScrollContainer extends Vue {
/**
* 名称
*
* @type {string}
* @memberof AppScrollContainer
*/
@Prop() public name!: string;
/**
* 布局模型详情
*
* @type {string}
* @memberof AppScrollContainer
*/
@Prop() public layoutModelDetails: any;
/**
* 插槽对象
*
* @memberof AppScrollContainer
*/
public containerModel: any = {};
/**
* 中间区域样式
*
* @memberof AppScrollContainer
*/
public middleContainerStyle: any = {};
/**
* 当前容器样式类
*/
get curClassName(){
return `app-scroll-container ${this.name}`;
}
/**
* 组件初始化
*
* @memberof AppScrollContainer
*/
public created() {
this.initScrollContainer();
}
/**
* 初始化滚动容器
*
* @memberof AppScrollContainer
*/
public initScrollContainer() {
let minusHeight = '';
let minusWidth:string = '';
const curLayoutModel = this.layoutModelDetails[this.name];
if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
curLayoutModel.details.forEach((key: string) => {
const { name, layoutWidth, widthMode, layoutHeight, heightMode, layoutPos } = this.layoutModelDetails[key];
const style = {};
if (layoutWidth) {
Object.assign(style, { width: Util.getBoxSize('WIDTH', widthMode, layoutWidth).width });
if (layoutPos && (Object.is(layoutPos, 'WEST') || Object.is(layoutPos, 'EAST'))) {
minusWidth += ` - ${Util.getBoxSize('WIDTH', widthMode, layoutWidth).width}`;
}
}
if (layoutHeight) {
Object.assign(style, { height: Util.getBoxSize('HEIGHT', heightMode, layoutHeight).height });
if (layoutPos && (Object.is(layoutPos, 'NORTH') || Object.is(layoutPos, 'SOUTH'))) {
minusHeight += ` - ${Util.getBoxSize('HEIGHT', heightMode, layoutHeight).height}`;
}
}
if (this.containerModel.hasOwnProperty(layoutPos)) {
Object.assign(this.containerModel[layoutPos], { style });
this.containerModel[layoutPos].name.push(name);
} else {
this.containerModel[layoutPos] = { style, name: [name] };
}
});
}
this.middleContainerStyle.height = minusHeight ? `calc(100%${minusHeight})` : '100%';
if (this.containerModel.CENTER) {
this.containerModel.CENTER.style.width = minusWidth ? `calc(100%${minusWidth})` : '100%';
}
}
}
</script>
<style lang='less'>
@import 'app-scroll-container.less';
</style>
\ No newline at end of file
app_Web/src/components/layout-element/container/app-simpleflex-container/app-simpleflex-container.less 0 → 100644
浏览文件 @ 486240fd
.app-simpleflex-container{
width: 100%;
height: 100%;
display: flex;
border: 1px solid blue;
}
\ No newline at end of file
app_Web/src/components/layout-element/container/app-simpleflex-container/app-simpleflex-container.vue 0 → 100644
浏览文件 @ 486240fd
<template>
<div :class="curClassName" :style="curStyleContent">
<template v-if="containerModel.length > 0">
<template v-for="name of containerModel">
<slot :name="name"></slot>
</template>
</template>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component({})
export default class AppSimpleFlexContainer extends Vue {
/**
* 名称
*
* @type {string}
* @memberof AppSimpleFlexContainer
*/
@Prop() public name!: string;
/**
* 布局模型详情
*
* @type {string}
* @memberof AppSimpleFlexContainer
*/
@Prop() public layoutModelDetails: any;
/**
* 插槽对象
*
* @memberof AppSimpleFlexContainer
*/
public containerModel: any[] = [];
/**
* 组件初始化
*
* @memberof SimpleFlexContainer
*/
public created() {
this.initSimpleFlexContainer();
}
/**
* 初始化SIMPLEFLEX容器
*
* @memberof SimpleFlexContainer
*/
public initSimpleFlexContainer() {
const curLayoutModel = this.layoutModelDetails[this.name];
if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
curLayoutModel.details.forEach((key: string) => {
this.containerModel.push(key);
})
}
}
/**
* 当前容器样式类
*/
get curClassName() {
return `app-simpleflex-container ${this.name}`;
}
/**
* 当前容器样式
*/
get curStyleContent() {
let boxLayoutPosStyle = "";
const curLayoutModel = this.layoutModelDetails[this.name];
if (curLayoutModel) {
const { layout, flexGrow } = curLayoutModel;
// 识别FLEX占位属性
if (layout && layout == 'FLEX') {
boxLayoutPosStyle += `'flex-grow': ${flexGrow ? flexGrow : 0};`;
}
// 识别SIMPLEFLEX占位属性
if (layout == 'SIMPLEFLEX') {
if (flexGrow) {
boxLayoutPosStyle += `width: ${(100 / 12) * flexGrow}%;height: 100%;`;
} else {
// 简单FLEX布局自适应
boxLayoutPosStyle += `flex-grow:1;min-width:${(100 / 12)}%;height:100%;`;
}
}
// 识别边缘布局占位属性
if (layout == 'BORDER') {
boxLayoutPosStyle += `display:flex;`;
}
}
return boxLayoutPosStyle;
}
}
</script>
<style lang='less'>
@import 'app-simpleflex-container.less';
</style>
\ No newline at end of file
app_Web/src/components/layout-element/container/app-standard-container/app-standard-container.less 0 → 100644
浏览文件 @ 486240fd
.app-standard-container{
width: 100%;
height: 100%;
}
\ No newline at end of file
app_Web/src/components/layout-element/container/app-standard-container/app-standard-container.vue 0 → 100644
浏览文件 @ 486240fd
<template>
<div :class="curClassName" :style="curStyleContent">
<template v-if="containerModel.length > 0">
<template v-for="name of containerModel">
<slot :name="name"></slot>
</template>
</template>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component({})
export default class AppStandardContainer extends Vue {
/**
* 名称
*
* @type {string}
* @memberof AppStandardContainer
*/
@Prop() public name!: string;
/**
* 布局模型详情
*
* @type {string}
* @memberof AppStandardContainer
*/
@Prop() public layoutModelDetails: any;
/**
* 插槽对象
*
* @memberof AppStandardContainer
*/
public containerModel: any[] = [];
/**
* 组件初始化
*
* @memberof SimpleFlexContainer
*/
public created() {
this.initSimpleFlexContainer();
}
/**
* 初始化SIMPLEFLEX容器
*
* @memberof SimpleFlexContainer
*/
public initSimpleFlexContainer() {
const curLayoutModel = this.layoutModelDetails[this.name];
if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
curLayoutModel.details.forEach((key: string) => {
this.containerModel.push(key);
})
}
}
/**
* 当前容器样式类
*/
get curClassName() {
return `app-standard-container ${this.name}`;
}
/**
* 当前容器样式
*/
get curStyleContent() {
let boxLayoutPosStyle = "";
const curLayoutModel = this.layoutModelDetails[this.name];
console.log(curLayoutModel);
return boxLayoutPosStyle;
}
}
</script>
<style lang='less'>
@import 'app-standard-container.less';
</style>
\ No newline at end of file
app_Web/src/components/layout-element/index/index.md 0 → 100644
浏览文件 @ 486240fd
// 首页元素
\ No newline at end of file
app_Web/src/components/layout-element/interactive/index.md 0 → 100644
浏览文件 @ 486240fd
// 输入交互
\ No newline at end of file
app_Web/src/components/layout-element/login/index.md 0 → 100644
浏览文件 @ 486240fd
// 身份校验
\ No newline at end of file
app_Web/src/components/layout-element/media/index.md 0 → 100644
浏览文件 @ 486240fd
// 多媒体
\ No newline at end of file
app_Web/src/components/layout-element/text/index.md 0 → 100644
浏览文件 @ 486240fd
// 文本项
\ No newline at end of file
app_Web/src/pages/ungroup/app-login-view/app-login-view-base.vue
浏览文件 @ 486240fd
...@@ -2,72 +2,51 @@ ...@@ -2,72 +2,51 @@
<template> <template>
<div class="app-login-view app-login-view"> <div class="app-view-layout" style="height: '100%'; width: '100%';'display': 'flex'; 'flex-direction': 'column';">
<app-studioaction <app-standard-container name="page_container" :layoutModelDetails="layoutModelDetails">
:viewTitle="$t(model.srfCaption)" <template #container1>
viewName="apploginview" <app-standard-container name="container1" :layoutModelDetails="layoutModelDetails">
></app-studioaction> <template #app_apptitle>
<img class="login-bg" src="/assets/img/background.png" /> <span>属性项</span>
<div class="login-container"> </template>
<div class="login-title">{{appTitle}}</div> <template #auth_password>
<i-form ref='loginForm' class="login-form" :rules="rules" :model="formData"> <span>属性项</span>
<form-item prop="loginname"> </template>
<i-input <template #container_grid1>
size="large" <app-simpleflex-container name="container_grid1" :layoutModelDetails="layoutModelDetails">
prefix="ios-contact" <template #container4>
v-model.trim="formData.loginname" <app-simpleflex-container name="container4" :layoutModelDetails="layoutModelDetails">
:placeholder="$t('components.login.placeholder1')" <template #auth_loginbutton1>
@keyup.enter.native="handleSubmit" <span>按钮</span>
> </template>
</i-input> </app-simpleflex-container>
</form-item> </template>
<form-item prop="password"> <template #container5>
<i-input <app-simpleflex-container name="container5" :layoutModelDetails="layoutModelDetails">
size="large" <template #auth_resetinput1>
prefix="ios-key" <span>按钮</span>
v-model.trim="formData.password" </template>
type="password" </app-simpleflex-container>
:placeholder="$t('components.login.placeholder2')" </template>
@keyup.enter.native="handleSubmit" </app-simpleflex-container>
> </template>
</i-input> <template #container3>
</form-item> <app-standard-container name="container3" :layoutModelDetails="layoutModelDetails">
<form-item class="app-login-view__buttons"> <template #static_text1>
<i-button @click="handleSubmit" type="primary" class="login_btn" <span>直接内容</span>
>{{ $t("components.login.name") }} </template>
</i-button> <template #auth_sso1>
<i-button @click="goReset" type="success" class="login_reset" <span>用户自定义控件</span>
>{{ $t("components.login.reset") }} </template>
</i-button> </app-standard-container>
</form-item> </template>
<template #auth_userid>
<form-item class="app-login-view__icons"> <span>属性项</span>
<div style="text-align: center"> </template>
<span class="form_tipinfo">{{ $t("components.login.other") }}</span> </app-standard-container>
</template>
</app-standard-container>
</div> </div>
<div style="text-align: center">
<div class="icon" @click="tencentHandleClick('tencent')">
<img src="/assets/img/QQ.svg" draggable="false" />
</div>
<div class="icon" @click="wechatHandleClick('wechat')">
<img src="/assets/img/weixin.svg" draggable="false" />
</div>
</div>
</form-item>
</i-form>
<p class="login-tip">
{{ this.loginTip }}
</p>
<div class="app-login-view__footer">
<div class="copyright">
<a href="https://www.ibizlab.cn/" target="_blank"
>{{ appTitle }} is based on ibizlab .</a
>
</div>
</div>
</div>
</div>
</template> </template>
<script lang='tsx'> <script lang='tsx'>
...@@ -77,6 +56,7 @@ import NavDataService from '@/service/app/navdata-service'; ...@@ -77,6 +56,7 @@ import NavDataService from '@/service/app/navdata-service';
import { Subject,Subscription } from 'rxjs'; import { Subject,Subscription } from 'rxjs';
import { PanelContainerModel, PanelRawitemModel, PanelFieldModel, PanelControlModel, PanelButtonModel, PanelUserControlModel, PanelTabPanelModel, PanelTabPageModel, PanelCtrlPosModel} from '@/model/panel-detail';
import { Environment } from '@/environments/environment'; import { Environment } from '@/environments/environment';
...@@ -246,6 +226,99 @@ export default class AppLoginViewBase extends Vue { ...@@ -246,6 +226,99 @@ export default class AppLoginViewBase extends Vue {
*/ */
public viewState: Subject<ViewState> = new Subject(); public viewState: Subject<ViewState> = new Subject();
/**
* 视图布局面板模型对象
*
* @public
* @memberof AppLoginViewBase
*/
public layoutModelDetails:any = {
app_apptitle:new PanelFieldModel({ name: 'app_apptitle',caption: '应用标题',itemType: 'FIELD',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'CENTER',vAlignSelf:'',
flexGrow:-1,panel: this }),
auth_password:new PanelFieldModel({ name: 'auth_password',caption: '密码',itemType: 'FIELD',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this }),
auth_loginbutton1:new PanelButtonModel({ name: 'auth_loginbutton1',caption: '登陆',itemType: 'BUTTON',visible: true,
disabled: false,layout:'SIMPLEFLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this }),
container4:new PanelContainerModel({ name: 'container4',caption: '面板容器',itemType: 'CONTAINER',visible: true,
disabled: false,layout:'SIMPLEFLEX',
layoutPos:'',layoutHeight:0,heightMode:'',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:6,panel: this,
details:['auth_loginbutton1']}),
auth_resetinput1:new PanelButtonModel({ name: 'auth_resetinput1',caption: '重置',itemType: 'BUTTON',visible: true,
disabled: false,layout:'SIMPLEFLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this }),
container5:new PanelContainerModel({ name: 'container5',caption: '面板容器',itemType: 'CONTAINER',visible: true,
disabled: false,layout:'SIMPLEFLEX',
layoutPos:'',layoutHeight:0,heightMode:'',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:6,panel: this,
details:['auth_resetinput1']}),
container_grid1:new PanelContainerModel({ name: 'container_grid1',caption: '栅格容器',itemType: 'CONTAINER',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this,
details:['container4','container5']}),
static_text1:new PanelRawitemModel({ name: 'static_text1',caption: '文本',itemType: 'RAWITEM',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:0,widthMode:'FULL',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this }),
auth_sso1:new PanelUserControlModel({ name: 'auth_sso1',caption: '第三方登陆',itemType: 'USERCONTROL',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this }),
container3:new PanelContainerModel({ name: 'container3',caption: '容器',itemType: 'CONTAINER',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this,
details:['static_text1','auth_sso1']}),
auth_userid:new PanelFieldModel({ name: 'auth_userid',caption: '用户名',itemType: 'FIELD',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'',
layoutWidth:0,widthMode:'',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this }),
container1:new PanelContainerModel({ name: 'container1',caption: '容器',itemType: 'CONTAINER',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:0,heightMode:'FULL',
layoutWidth:450,widthMode:'PX',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'CENTER',vAlignSelf:'',
flexGrow:-1,panel: this,
details:['app_apptitle','auth_password','container_grid1','container3','auth_userid']}),
page_container:new PanelContainerModel({ name: 'page_container',caption: '图片背景容器',itemType: 'CONTAINER',visible: true,
disabled: false,layout:'FLEX',
layoutPos:'',layoutHeight:100,heightMode:'PERCENTAGE',
layoutWidth:100,widthMode:'PERCENTAGE',spacingBottom:'',spacingLeft:'',
spacingRight:'',spacingTop:'',hAlignSelf:'',vAlignSelf:'',
flexGrow:-1,panel: this,
details:['container1']})
};
/** /**
......
app_Web/src/pages/ungroup/app-login-view/app-login-view.less
浏览文件 @ 486240fd
.app-login-view{ .app-login-view{
position: relative;
}
.app-login-view {
display: flex;
flex-direction: column;
min-height: 100%;
background: #108cee;
position: relative;
.login-bg {
width: 100vw;
height: 100vh;
}
.login-container {
width: 450px;
height: 430px;
position: absolute;
z-index: 1;
background: #fff;
top: calc((100% - 430px) / 2);
left: calc((100% - 450px) / 2);
border-radius: 10px;
.login-title {
text-align: center;
padding: 30px 0 20px 0;
font-weight: 600;
line-height: 30px;
font-size: 20px;
color: #666;
}
.login-form {
width: 380px;
margin: 0 auto;
.ivu-form-item {
margin-bottom: 36px;
.ivu-input-group {
height: 44px;
font-size: 30px;
.ivu-input {
height: 44px;
font-size: 18px;
}
.ivu-input-icon {
height: 44px;
line-height: 44px;
}
}
}
}
}
.app-login-view__buttons .ivu-form-item-content {
display: flex;
justify-content: space-between;
align-items: center;
.ivu-btn {
width: 175px;
height: 40px;
font-size: 18px;
}
}
.app-login-view__icons {
.icon {
display: inline-block;
cursor: pointer;
margin-left: 10px;
img {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding-top: 1px;
border-radius: 4px;
margin-bottom: -20px;
margin-top: 10px;
}
}
}
.app-login-view__footer {
display: block; display: block;
padding: 0 16px;
padding: 48px 0 24px;
text-align: center;
a {
color: #fff;
text-decoration: none;
}
}
} }
app_Web/src/widgets/ibizbook/default-searchform/default-searchform-base.vue
浏览文件 @ 486240fd
...@@ -663,7 +663,7 @@ export default class DefaultBase extends Vue implements ControlInterface { ...@@ -663,7 +663,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
*/ */
public load(opt: any = {}): void { public load(opt: any = {}): void {
if(!this.loadAction){ if(!this.loadAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr5GridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) }); this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr9GridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
return; return;
} }
const arg: any = { ...opt }; const arg: any = { ...opt };
...@@ -699,7 +699,7 @@ export default class DefaultBase extends Vue implements ControlInterface { ...@@ -699,7 +699,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
*/ */
public loadDraft(opt: any = {},mode?:string): void { public loadDraft(opt: any = {},mode?:string): void {
if(!this.loaddraftAction){ if(!this.loaddraftAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr5GridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) }); this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr9GridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
return; return;
} }
const arg: any = { ...opt } ; const arg: any = { ...opt } ;
......
app_Web/src/widgets/ibizbook/usr2-dataview/usr2-dataview-base.vue
浏览文件 @ 486240fd
...@@ -48,18 +48,18 @@ ...@@ -48,18 +48,18 @@
<div v-show="flag" class="batch-toolbar"> <div v-show="flag" class="batch-toolbar">
<div class='toolbar-container'> <div class='toolbar-container'>
<tooltip :transfer="true" :max-width="600"> <tooltip :transfer="true" :max-width="600">
<i-button v-show="dataviewexpviewdataviewexpbar_dataview_batchtoolbarModels.deuiaction1.visabled" :disabled="dataviewexpviewdataviewexpbar_dataview_batchtoolbarModels.deuiaction1.disabled" class='' v-loading:i-button @click="dataviewexpbar_dataview_batchtoolbar_click({ tag: 'deuiaction1' }, $event)"> <i-button v-show="usr2dataviewdataview_batchtoolbarModels.deuiaction1.visabled" :disabled="usr2dataviewdataview_batchtoolbarModels.deuiaction1.disabled" class='' v-loading:i-button @click="dataview_batchtoolbar_click({ tag: 'deuiaction1' }, $event)">
<i class='fa fa-edit'></i> <i class='fa fa-edit'></i>
<span class='caption'>{{$t('entities.ibizbook.dataviewexpviewdataviewexpbar_dataview_batchtoolbar_toolbar.deuiaction1.caption')}}</span> <span class='caption'>{{$t('entities.ibizbook.usr2dataviewdataview_batchtoolbar_toolbar.deuiaction1.caption')}}</span>
</i-button> </i-button>
<div slot='content'>{{$t('entities.ibizbook.dataviewexpviewdataviewexpbar_dataview_batchtoolbar_toolbar.deuiaction1.tip')}}</div> <div slot='content'>{{$t('entities.ibizbook.usr2dataviewdataview_batchtoolbar_toolbar.deuiaction1.tip')}}</div>
</tooltip> </tooltip>
<tooltip :transfer="true" :max-width="600"> <tooltip :transfer="true" :max-width="600">
<i-button v-show="dataviewexpviewdataviewexpbar_dataview_batchtoolbarModels.deuiaction2.visabled" :disabled="dataviewexpviewdataviewexpbar_dataview_batchtoolbarModels.deuiaction2.disabled" class='' v-loading:i-button @click="dataviewexpbar_dataview_batchtoolbar_click({ tag: 'deuiaction2' }, $event)"> <i-button v-show="usr2dataviewdataview_batchtoolbarModels.deuiaction2.visabled" :disabled="usr2dataviewdataview_batchtoolbarModels.deuiaction2.disabled" class='' v-loading:i-button @click="dataview_batchtoolbar_click({ tag: 'deuiaction2' }, $event)">
<i class='fa fa-remove'></i> <i class='fa fa-remove'></i>
<span class='caption'>{{$t('entities.ibizbook.dataviewexpviewdataviewexpbar_dataview_batchtoolbar_toolbar.deuiaction2.caption')}}</span> <span class='caption'>{{$t('entities.ibizbook.usr2dataviewdataview_batchtoolbar_toolbar.deuiaction2.caption')}}</span>
</i-button> </i-button>
<div slot='content'>{{$t('entities.ibizbook.dataviewexpviewdataviewexpbar_dataview_batchtoolbar_toolbar.deuiaction2.tip')}}</div> <div slot='content'>{{$t('entities.ibizbook.usr2dataviewdataview_batchtoolbar_toolbar.deuiaction2.tip')}}</div>
</tooltip> </tooltip>
</div> </div>
</div> </div>
...@@ -174,18 +174,18 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -174,18 +174,18 @@ export default class Usr2Base extends Vue implements ControlInterface {
public appEntityService: IBIZBOOKEntityService = new IBIZBOOKEntityService({ $store: this.$store }); public appEntityService: IBIZBOOKEntityService = new IBIZBOOKEntityService({ $store: this.$store });
/** /**
* dataviewexpbar_dataview_batchtoolbar 部件 click 事件 * dataview_batchtoolbar 部件 click 事件
* *
* @param {*} [args={}] * @param {*} [args={}]
* @param {*} $event * @param {*} $event
* @memberof Usr2Base * @memberof Usr2Base
*/ */
public dataviewexpbar_dataview_batchtoolbar_click($event: any, $event2?: any) { public dataview_batchtoolbar_click($event: any, $event2?: any) {
if (Object.is($event.tag, 'deuiaction1')) { if (Object.is($event.tag, 'deuiaction1')) {
this.dataviewexpbar_dataview_batchtoolbar_deuiaction1_click(null, 'dataviewexpbar_dataview_batchtoolbar', $event2); this.dataview_batchtoolbar_deuiaction1_click(null, 'dataview_batchtoolbar', $event2);
} }
if (Object.is($event.tag, 'deuiaction2')) { if (Object.is($event.tag, 'deuiaction2')) {
this.dataviewexpbar_dataview_batchtoolbar_deuiaction2_click(null, 'dataviewexpbar_dataview_batchtoolbar', $event2); this.dataview_batchtoolbar_deuiaction2_click(null, 'dataview_batchtoolbar', $event2);
} }
} }
...@@ -198,7 +198,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -198,7 +198,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
* @param {*} [$event] * @param {*} [$event]
* @memberof * @memberof
*/ */
public dataviewexpbar_dataview_batchtoolbar_deuiaction1_click(params: any = {}, tag?: any, $event?: any) { public dataview_batchtoolbar_deuiaction1_click(params: any = {}, tag?: any, $event?: any) {
// 参数 // 参数
// 取数 // 取数
let datas: any[] = []; let datas: any[] = [];
...@@ -226,7 +226,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -226,7 +226,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
* @param {*} [$event] * @param {*} [$event]
* @memberof * @memberof
*/ */
public dataviewexpbar_dataview_batchtoolbar_deuiaction2_click(params: any = {}, tag?: any, $event?: any) { public dataview_batchtoolbar_deuiaction2_click(params: any = {}, tag?: any, $event?: any) {
// 参数 // 参数
// 取数 // 取数
let datas: any[] = []; let datas: any[] = [];
...@@ -254,7 +254,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -254,7 +254,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
* @param {*} [$event] * @param {*} [$event]
* @memberof * @memberof
*/ */
public dataviewexpbar_dataview_memo1_u37f11a8_click(params: any = {}, tag?: any, $event?: any) { public dataview_memo1_u37f11a8_click(params: any = {}, tag?: any, $event?: any) {
// 取数 // 取数
let datas: any[] = []; let datas: any[] = [];
let xData: any = null; let xData: any = null;
...@@ -281,7 +281,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -281,7 +281,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
* @param {*} [$event] * @param {*} [$event]
* @memberof * @memberof
*/ */
public dataviewexpbar_dataview_memo1_uc365542_click(params: any = {}, tag?: any, $event?: any) { public dataview_memo1_uc365542_click(params: any = {}, tag?: any, $event?: any) {
// 取数 // 取数
let datas: any[] = []; let datas: any[] = [];
let xData: any = null; let xData: any = null;
...@@ -309,7 +309,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -309,7 +309,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
* @param {*} [$event] 事件源 * @param {*} [$event] 事件源
* @param {*} [xData] 执行行为所需当前部件 * @param {*} [xData] 执行行为所需当前部件
* @param {*} [actionContext] 执行行为上下文 * @param {*} [actionContext] 执行行为上下文
* @memberof IBIZBOOKDataViewExpViewBase * @memberof IBIZBOOKUsr2DataViewBase
*/ */
public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
if (args.length === 0) { if (args.length === 0) {
...@@ -335,7 +335,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -335,7 +335,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
* @param {*} [$event] 事件源 * @param {*} [$event] 事件源
* @param {*} [xData] 执行行为所需当前部件 * @param {*} [xData] 执行行为所需当前部件
* @param {*} [actionContext] 执行行为上下文 * @param {*} [actionContext] 执行行为上下文
* @memberof IBIZBOOKDataViewExpViewBase * @memberof IBIZBOOKUsr2DataViewBase
*/ */
public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
const _this: any = this; const _this: any = this;
...@@ -629,9 +629,9 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -629,9 +629,9 @@ export default class Usr2Base extends Vue implements ControlInterface {
* 工具栏模型 * 工具栏模型
* *
* @type {*} * @type {*}
* @memberof IBIZBOOKDataViewExpView * @memberof IBIZBOOKUsr2DataView
*/ */
public dataviewexpviewdataviewexpbar_dataview_batchtoolbarModels: any = { public usr2dataviewdataview_batchtoolbarModels: any = {
deuiaction1: { name: 'deuiaction1', actiontarget: 'NONE', caption: '编辑', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' } }, deuiaction1: { name: 'deuiaction1', actiontarget: 'NONE', caption: '编辑', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' } },
deuiaction2: { name: 'deuiaction2', actiontarget: 'NONE', caption: '删除', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' } }, deuiaction2: { name: 'deuiaction2', actiontarget: 'NONE', caption: '删除', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' } },
...@@ -956,7 +956,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -956,7 +956,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
*/ */
public load(opt: any = {}, isReset: boolean = false): void { public load(opt: any = {}, isReset: boolean = false): void {
if(!this.fetchAction){ if(!this.fetchAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataViewExpView' + (this.$t('app.list.notConfig.fetchAction') as string) }); this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr2DataView' + (this.$t('app.list.notConfig.fetchAction') as string) });
return; return;
} }
const arg: any = {...opt}; const arg: any = {...opt};
...@@ -1036,7 +1036,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -1036,7 +1036,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
*/ */
public async remove(datas: any[]): Promise<any> { public async remove(datas: any[]): Promise<any> {
if(!this.removeAction){ if(!this.removeAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataViewExpView' + (this.$t('app.gridpage.notConfig.removeAction') as string) }); this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr2DataView' + (this.$t('app.gridpage.notConfig.removeAction') as string) });
return; return;
} }
let _datas:any[] = []; let _datas:any[] = [];
...@@ -1146,7 +1146,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -1146,7 +1146,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
try { try {
if(Object.is(item.rowDataState, 'create')){ if(Object.is(item.rowDataState, 'create')){
if(!this.createAction){ if(!this.createAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataViewExpView' + (this.$t('app.list.notConfig.createAction') as string) }); this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr2DataView' + (this.$t('app.list.notConfig.createAction') as string) });
}else{ }else{
Object.assign(item,{viewparams:this.viewparams}); Object.assign(item,{viewparams:this.viewparams});
let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator); let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
...@@ -1154,7 +1154,7 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -1154,7 +1154,7 @@ export default class Usr2Base extends Vue implements ControlInterface {
} }
}else if(Object.is(item.rowDataState, 'update')){ }else if(Object.is(item.rowDataState, 'update')){
if(!this.updateAction){ if(!this.updateAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKDataViewExpView' + (this.$t('app.list.notConfig.updateAction') as string) }); this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZBOOKUsr2DataView' + (this.$t('app.list.notConfig.updateAction') as string) });
}else{ }else{
Object.assign(item,{viewparams:this.viewparams}); Object.assign(item,{viewparams:this.viewparams});
if(item.ibizbook){ if(item.ibizbook){
...@@ -1245,16 +1245,16 @@ export default class Usr2Base extends Vue implements ControlInterface { ...@@ -1245,16 +1245,16 @@ export default class Usr2Base extends Vue implements ControlInterface {
public uiAction(data: any, tag: any, $event: any) { public uiAction(data: any, tag: any, $event: any) {
$event.stopPropagation(); $event.stopPropagation();
if(Object.is('Edit', tag)) { if(Object.is('Edit', tag)) {
this.dataviewexpbar_dataview_batchtoolbar_deuiaction1_click(data, tag, $event); this.dataview_batchtoolbar_deuiaction1_click(data, tag, $event);
} }
if(Object.is('Remove', tag)) { if(Object.is('Remove', tag)) {
this.dataviewexpbar_dataview_batchtoolbar_deuiaction2_click(data, tag, $event); this.dataview_batchtoolbar_deuiaction2_click(data, tag, $event);
} }
if(Object.is('Edit', tag)) { if(Object.is('Edit', tag)) {
this.dataviewexpbar_dataview_memo1_u37f11a8_click(data, tag, $event); this.dataview_memo1_u37f11a8_click(data, tag, $event);
} }
if(Object.is('Remove', tag)) { if(Object.is('Remove', tag)) {
this.dataviewexpbar_dataview_memo1_uc365542_click(data, tag, $event); this.dataview_memo1_uc365542_click(data, tag, $event);
} }
} }
......
app_Web/src/widgets/ibizbook/usr2-dataview/usr2-dataview-model.ts
浏览文件 @ 486240fd
...@@ -10,7 +10,7 @@ export default class Usr2Model { ...@@ -10,7 +10,7 @@ export default class Usr2Model {
* 获取数据项集合 * 获取数据项集合
* *
* @returns {any[]} * @returns {any[]}
* @memberof Usr2Dataviewexpbar_dataviewMode * @memberof Usr2DataViewMode
*/ */
public getDataItems(): any[] { public getDataItems(): any[] {
return [ return [
...@@ -39,6 +39,17 @@ export default class Usr2Model { ...@@ -39,6 +39,17 @@ export default class Usr2Model {
dataType: 'FONTKEY', dataType: 'FONTKEY',
}, },
{
name: 'n_ibizbookname_like',
prop: 'n_ibizbookname_like',
dataType: 'QUERYPARAM'
},
{
name: 'n_price_gtandeq',
prop: 'n_price_gtandeq',
dataType: 'QUERYPARAM'
},
{ {
name:'size', name:'size',
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或