提交 f7877f9f 编写于 作者: ibizdev's avatar ibizdev

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

上级 1dde36fc
......@@ -823,6 +823,14 @@
"viewname": "IBIZSample0017F20EditView",
"viewtag": "9147f210be1f0751245496a40be86fad"
},
"ibizorderusr2calendarexpview": {
"title": "订单日历导航视图(时间轴)",
"caption": "订单",
"viewtype": "DECALENDAREXPVIEW",
"viewmodule": "Sample",
"viewname": "IBIZOrderUsr2CalendarExpView",
"viewtag": "92cca69539c77ba96bfc384fc570bfa7"
},
"ibizbookusr4gridview": {
"title": "表格当前页本地聚合",
"caption": "表格当前页本地聚合",
......
......@@ -256,6 +256,7 @@ export default {
menuitem136: "树导航",
menuitem137: "卡片导航",
menuitem138: "日历导航",
menuitem139: "时间轴导航",
menuitem129: "选项操作",
menuitem130: "选项操作视图",
menuitem131: "表格选项操作",
......
......@@ -256,6 +256,7 @@ export default {
menuitem136: "树导航",
menuitem137: "卡片导航",
menuitem138: "日历导航",
menuitem139: "时间轴导航",
menuitem129: "选项操作",
menuitem130: "选项操作视图",
menuitem131: "表格选项操作",
......
......@@ -137,6 +137,10 @@ export default {
caption: "订单",
title: "订单列表导航视图",
},
usr2calendarexpview: {
caption: "订单",
title: "订单日历导航视图(时间轴)",
},
piechartview: {
caption: "订单",
title: "订单图表视图",
......@@ -2003,4 +2007,9 @@ export default {
uiactions: {
},
},
ordercalendartimelinenavigation_calendar: {
nodata:"",
uiactions: {
},
},
};
\ No newline at end of file
......@@ -136,6 +136,10 @@ export default {
caption: "订单",
title: "订单列表导航视图",
},
usr2calendarexpview: {
caption: "订单",
title: "订单日历导航视图(时间轴)",
},
piechartview: {
caption: "订单",
title: "订单图表视图",
......@@ -2002,4 +2006,9 @@ export default {
uiactions: {
},
},
ordercalendartimelinenavigation_calendar: {
nodata:"",
uiactions: {
},
},
};
\ No newline at end of file
......@@ -1715,6 +1715,24 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
textcls: '',
appfunctag: 'AppFunc59',
resourcetag: '',
},
{
id: 'A375C0EE-6D4F-42F1-B32F-6A23C2642F40',
name: 'menuitem139',
text: '时间轴导航',
type: 'MENUITEM',
counterid: '',
tooltip: '时间轴导航',
expanded: false,
separator: false,
hidden: false,
hidesidebar: false,
opendefault: false,
iconcls: '',
icon: '',
textcls: '',
appfunctag: 'AppFunc60',
resourcetag: '',
},
],
},
......
......@@ -831,6 +831,14 @@ mock.onGet('./assets/json/view-config.json').reply((config: any) => {
"viewname": "IBIZSample0017F20EditView",
"viewtag": "9147f210be1f0751245496a40be86fad"
},
"ibizorderusr2calendarexpview": {
"title": "订单日历导航视图(时间轴)",
"caption": "订单",
"viewtype": "DECALENDAREXPVIEW",
"viewmodule": "Sample",
"viewname": "IBIZOrderUsr2CalendarExpView",
"viewtag": "92cca69539c77ba96bfc384fc570bfa7"
},
"ibizbookusr4gridview": {
"title": "表格当前页本地聚合",
"caption": "表格当前页本地聚合",
......
.ibizorder-usr2-calendar-exp-view{
position: relative;
}
.ibizorder-usr2-calendar-exp-view{
display: block;
}
\ No newline at end of file
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import IBIZOrderUsr2CalendarExpViewBase from './ibizorder-usr2-calendar-exp-view-base.vue';
import view_calendarexpbar from '@widgets/ibizorder/usr2-calendar-exp-viewcalendarexpbar-calendarexpbar/usr2-calendar-exp-viewcalendarexpbar-calendarexpbar.vue';
@Component({
components: {
view_calendarexpbar,
},
beforeRouteEnter: (to: any, from: any, next: any) => {
next((vm: any) => {
if(!Object.is(vm.navModel,"route")){
vm.initNavDataWithTab(vm.viewCacheData);
}
vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
});
},
})
export default class IBIZOrderUsr2CalendarExpView extends IBIZOrderUsr2CalendarExpViewBase {
}
</script>
\ No newline at end of file
......@@ -12,6 +12,7 @@ export const PageComponents = {
Vue.component('ibizsample0002-edit-view', () => import('@pages/sample/ibizsample0002-edit-view/ibizsample0002-edit-view.vue'));
Vue.component('ibizorder-bar-chart-view', () => import('@pages/sample/ibizorder-bar-chart-view/ibizorder-bar-chart-view.vue'));
Vue.component('ibizsample0003-stree-exp-view2', () => import('@pages/sample/ibizsample0003-stree-exp-view2/ibizsample0003-stree-exp-view2.vue'));
Vue.component('ibizorder-usr2-calendar-exp-view', () => import('@pages/sample/ibizorder-usr2-calendar-exp-view/ibizorder-usr2-calendar-exp-view.vue'));
Vue.component('ibizbookwizard-view', () => import('@pages/sample/ibizbookwizard-view/ibizbookwizard-view.vue'));
Vue.component('ibizbookusr5-grid-view', () => import('@pages/sample/ibizbookusr5-grid-view/ibizbookusr5-grid-view.vue'));
Vue.component('ibizbookusr2-grid-view', () => import('@pages/sample/ibizbookusr2-grid-view/ibizbookusr2-grid-view.vue'));
......
......@@ -263,6 +263,20 @@ const router = new Router({
},
component: () => import('@pages/sample/ibizsample0003-stree-exp-view2/ibizsample0003-stree-exp-view2.vue'),
},
{
path: 'ibizorders/:ibizorder?/usr2calendarexpview/:usr2calendarexpview?',
meta: {
caption: 'entities.ibizorder.views.usr2calendarexpview.caption',
info:'',
parameters: [
{ pathName: 'index', parameterName: 'index' },
{ pathName: 'ibizorders', parameterName: 'ibizorder' },
{ pathName: 'usr2calendarexpview', parameterName: 'usr2calendarexpview' },
],
requireAuth: true,
},
component: () => import('@pages/sample/ibizorder-usr2-calendar-exp-view/ibizorder-usr2-calendar-exp-view.vue'),
},
{
path: 'ibizbooks/:ibizbook?/wizardview/:wizardview?',
meta: {
......@@ -3929,6 +3943,19 @@ const router = new Router({
},
component: () => import('@pages/sample/ibizsample0017-f20-edit-view/ibizsample0017-f20-edit-view.vue'),
},
{
path: '/ibizorders/:ibizorder?/usr2calendarexpview/:usr2calendarexpview?',
meta: {
caption: 'entities.ibizorder.views.usr2calendarexpview.caption',
info:'',
parameters: [
{ pathName: 'ibizorders', parameterName: 'ibizorder' },
{ pathName: 'usr2calendarexpview', parameterName: 'usr2calendarexpview' },
],
requireAuth: true,
},
component: () => import('@pages/sample/ibizorder-usr2-calendar-exp-view/ibizorder-usr2-calendar-exp-view.vue'),
},
{
path: '/ibizbooks/:ibizbook?/usr4gridview/:usr4gridview?',
meta: {
......
......@@ -188,6 +188,7 @@ export const viewstate: any = {
'0c1093afa96df2832f707495afec541e',
'7d37165f2f535b4a6d2116188fe83d18',
'53269c1ea73ad6fae5d2ac4eced7f9d1',
'92cca69539c77ba96bfc384fc570bfa7',
'a3e8c166f876e0dd8eb09be4f9f907ab',
'703686dd4e6aa6f55aca5d92c00d9ee3',
'39e841c85d9bbfc7ecf009c4202dbf0c',
......@@ -1005,6 +1006,16 @@ export const viewstate: any = {
refviews: [
],
},
{
viewtag: '92cca69539c77ba96bfc384fc570bfa7',
viewmodule: 'Sample',
viewname: 'IBIZOrderUsr2CalendarExpView',
viewaction: '',
viewdatachange: false,
refviews: [
'b4db5cb272d2da535285852bc436e9de',
],
},
{
viewtag: '94e6694a65d9cacb171b6e0b581216ba',
viewmodule: 'Sample',
......
......@@ -124,6 +124,7 @@ export default class IBIZOrderUIServiceBase extends UIService {
this.allViewMap.set(':',{viewname:'dashboardview',srfappde:'ibizorders',component:'ibizorder-dashboard-view'});
this.allViewMap.set(':',{viewname:'sf1editview',srfappde:'ibizorders',component:'ibizorder-sf1-edit-view'});
this.allViewMap.set(':',{viewname:'listexpview',srfappde:'ibizorders',component:'ibizorder-list-exp-view'});
this.allViewMap.set(':',{viewname:'usr2calendarexpview',srfappde:'ibizorders',component:'ibizorder-usr2-calendar-exp-view'});
this.allViewMap.set(':',{viewname:'piechartview',srfappde:'ibizorders',component:'ibizorder-pie-chart-view'});
this.allViewMap.set('WFMDATAVIEW:ODSP:W:10',{viewname:'odsp_w10_wfgridview',srfappde:'ibizorders',component:'ibizorder-odsp-w10-wfgrid-view'});
this.allViewMap.set(':',{viewname:'sf3editview',srfappde:'ibizorders',component:'ibizorder-sf3-edit-view'});
......
......@@ -737,12 +737,12 @@ export default class MainMenuBase extends Vue implements ControlInterface {
case 'Auto185':
this.clickAuto185(item);
return;
case 'AppFunc30':
this.clickAppFunc30(item);
return;
case 'Auto243':
this.clickAuto243(item);
return;
case 'AppFunc30':
this.clickAppFunc30(item);
return;
case 'AppFunc5':
this.clickAppFunc5(item);
return;
......@@ -767,6 +767,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
case 'AppFunc':
this.clickAppFunc(item);
return;
case 'AppFunc60':
this.clickAppFunc60(item);
return;
case 'Auto233':
this.clickAuto233(item);
return;
......@@ -2531,18 +2534,18 @@ export default class MainMenuBase extends Vue implements ControlInterface {
}
/**
* 图书实体树表格
* 主状态
*
* @param {*} [item={}]
* @memberof MainMenu
*/
public clickAppFunc30(item: any = {}) {
public clickAuto243(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'ibizbooks', parameterName: 'ibizbook' },
{ pathName: 'treegridexview', parameterName: 'treegridexview' },
{ pathName: 'ibizorders', parameterName: 'ibizorder' },
{ pathName: 'sgridview', parameterName: 'sgridview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
......@@ -2554,18 +2557,18 @@ export default class MainMenuBase extends Vue implements ControlInterface {
}
/**
* 主状态
* 图书实体树表格
*
* @param {*} [item={}]
* @memberof MainMenu
*/
public clickAuto243(item: any = {}) {
public clickAppFunc30(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'ibizorders', parameterName: 'ibizorder' },
{ pathName: 'sgridview', parameterName: 'sgridview' },
{ pathName: 'ibizbooks', parameterName: 'ibizbook' },
{ pathName: 'treegridexview', parameterName: 'treegridexview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
......@@ -2762,6 +2765,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
})
}
/**
* 功能名称
*
* @param {*} [item={}]
* @memberof MainMenu
*/
public clickAppFunc60(item: any = {}) {
const viewparam: any = {};
Object.assign(viewparam, {});
const deResParameters: any[] = [];
const parameters: any[] = [
{ pathName: 'ibizorders', parameterName: 'ibizorder' },
{ pathName: 'usr2calendarexpview', parameterName: 'usr2calendarexpview' },
];
const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
if(Object.is(this.$route.fullPath,path)){
return;
}
this.$nextTick(function(){
this.$router.push(path);
})
}
/**
* 分页关系编辑
*
......
......@@ -1812,6 +1812,25 @@ export default class MainMenuModel {
appfunctag: 'AppFunc59',
resourcetag: '',
authtag:'Web-MainMenu-menuitem138',
},
{
id: 'A375C0EE-6D4F-42F1-B32F-6A23C2642F40',
name: 'menuitem139',
text: '时间轴导航',
type: 'MENUITEM',
counterid: '',
tooltip: '时间轴导航',
expanded: false,
separator: false,
hidden: false,
hidesidebar: false,
opendefault: false,
iconcls: '',
icon: '',
textcls: '',
appfunctag: 'AppFunc60',
resourcetag: '',
authtag:'Web-MainMenu-menuitem139',
},
],
},
......
/**
* OrderCalendarTimelineNavigation 部件模型
*
* @export
* @class OrderCalendarTimelineNavigationModel
*/
export default class OrderCalendarTimelineNavigationModel {
/**
* 日历项类型
*
* @returns {any[]}
* @memberof OrderCalendarTimelineNavigationCalendarexpbar_calendarMode
*/
public itemType: string = "";
/**
* 获取数据项集合
*
* @returns {any[]}
* @memberof OrderCalendarTimelineNavigationCalendarexpbar_calendarMode
*/
public getDataItems(): any[] {
let dataItems: any = [
// 前端新增修改标识,新增为"0",修改为"1"或未设值
{
name: 'srffrontuf',
prop: 'srffrontuf',
dataType: 'TEXT',
},
{
name: 'color',
},
{
name: 'textColor',
},
{
name: 'itemType',
},
{
name: 'query',
prop: 'query',
},
];
switch(this.itemType){
case "item1":
dataItems = [...dataItems,
{
name: 'ibizorder',
prop: 'ibizorderid'
},
{
name: 'title',
prop: 'ibizordername'
},
{
name:'start',
prop:'starttime'
},
{
name:'end',
prop:'endtime'
},
];
break;
}
return dataItems;
}
}
\ No newline at end of file
import { Http,Util,Errorlog } from '@/utils';
import ControlService from '@/widgets/control-service';
import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
import OrderCalendarTimelineNavigationModel from './order-calendar-timeline-navigation-calendar-model';
/**
* OrderCalendarTimelineNavigation 部件服务对象
*
* @export
* @class OrderCalendarTimelineNavigationService
*/
export default class OrderCalendarTimelineNavigationService extends ControlService {
/**
* 订单服务对象
*
* @type {IBIZOrderService}
* @memberof OrderCalendarTimelineNavigationService
*/
public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.getStore() });
/**
* 设置从数据模式
*
* @type {boolean}
* @memberof OrderCalendarTimelineNavigationService
*/
public setTempMode(){
this.isTempMode = false;
}
/**
* Creates an instance of OrderCalendarTimelineNavigationService.
*
* @param {*} [opts={}]
* @memberof OrderCalendarTimelineNavigationService
*/
constructor(opts: any = {}) {
super(opts);
this.model = new OrderCalendarTimelineNavigationModel();
}
/**
* 事件配置集合
*
* @public
* @type {any[]}
* @memberof OrderCalendarTimelineNavigation
*/
public eventsConfig: any[] = [
{
itemName : '订单',
itemType : 'item1',
color : '',
textColor : '',
},
];
/**
* 查询数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof OrderCalendarTimelineNavigationService
*/
@Errorlog
public search(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
let _this = this;
return new Promise((resolve: any, reject: any) => {
let promises:any = [];
let tempRequest:any;
tempRequest = this.handleRequestData(action,context,data,true,"item1");
promises.push(this.appEntityService.FetchDefault(tempRequest.context, tempRequest.data, isloading));
Promise.all(promises).then((resArray: any) => {
let _data:any = [];
resArray.forEach((response:any,resIndex:number) => {
if (!response || response.status !== 200) {
return;
}
let _response: any = JSON.parse(JSON.stringify(response));
_response.data.forEach((item:any,index:number) =>{
_response.data[index].color = _this.eventsConfig[resIndex].color;
_response.data[index].textColor = _this.eventsConfig[resIndex].textColor;
_response.data[index].itemType = _this.eventsConfig[resIndex].itemType;
});
;
_this.handleResponse(action, _response,false,_this.eventsConfig[resIndex].itemType);
_data.push(..._response.data);
});
// 排序
_data.sort((a:any, b:any)=>{
let dateA = new Date(Date.parse(a.start.replace(/-/g, "/")));
let dateB = new Date(Date.parse(b.start.replace(/-/g, "/")));
return dateA > dateB ? 1 : -1 ;
});
let result = {status: 200, data: _data};
resolve(result);
}).catch((response: any) => {
reject(response);
});
});
}
/**
* 修改数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof OrderCalendarTimelineNavigationService
*/
@Errorlog
public update(itemType: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
return new Promise((resolve: any, reject: any) => {
let result: any;
let tempRequest:any;
switch(itemType) {
case "item1":
tempRequest = this.handleRequestData("",context,data,false,"item1");
result = this.appEntityService.Update(tempRequest.context, tempRequest.data, isloading);
break;
}
if(result){
result.then((response: any) => {
this.handleResponse("", response);
resolve(response);
}).catch((response: any) => {
reject(response);
});
}else{
reject("没有匹配的实体服务");
}
});
}
/**
* 处理request请求数据
*
* @param action 行为
* @param data 数据
* @memberof ControlService
*/
public handleRequestData(action: string,context:any ={},data: any = {},isMerge:boolean = false,itemType:string=""){
let model: any = this.getMode();
model.itemType = itemType;
return super.handleRequestData(action,context,data,isMerge);
}
/**
* 处理response返回数据
*
* @param {string} action
* @param {*} response
* @memberof ControlService
*/
public async handleResponse(action: string, response: any,isCreate:boolean = false,itemType:string=""){
let model: any = this.getMode();
model.itemType = itemType;
super.handleResponse(action,response,isCreate);
}
}
\ No newline at end of file
// this is less
@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '~@fullcalendar/timegrid/main.css';
@import '~@fullcalendar/list/main.css';
.calendar{
height:100%;
overflow: auto;
.context-menu-container {
height: calc(100% - 70px);
}
.el-timeline{
padding-left: 2px;
}
.app-data-empty{
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.event-legends{
width: 100%;
text-align: center;
.event-lengend{
display: inline-block;
margin-left: 10px;
height: 20px;
.lengend-icon{
display: inline-block;
width: 30px;
height: 20px;
border-radius: 5px;
}
span{
display: inline-block;
margin-left: 5px;
line-height: 20px;
vertical-align: top;
}
}
.event-lengend.event-disabled{
.lengend-icon{
background:#cccccc !important;
}
span{
color:#cccccc !important;
}
}
}
}
// 选中样式
.calendar .selected-event,
.select-first-calendar .select-first-event{
border: 2px solid #ff8711 !important;
}
.calendar .fc-dayGrid-view .selected-event:before,
.select-first-calendar .fc-dayGrid-view .select-first-event:before,
.calendar .fc-timeGrid-view .selected-event:before,
.select-first-calendar .fc-timeGrid-view .select-first-event:before{
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
border: 9px solid #ff8711;
border-top-color: transparent;
border-left-color: transparent;
color: #fff;
}
.calendar .fc-dayGrid-view .selected-event:after,
.select-first-calendar .fc-dayGrid-view .select-first-event:after,
.calendar .fc-timeGrid-view .selected-event:after,
.select-first-calendar .fc-timeGrid-view .select-first-event:after{
content: '';
display: block;
width: 4px;
height: 11px;
position: absolute;
right: 1px;
bottom: 0px;
border: 2px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: content-box;
}
// 选择跳转日期模态
.date-select-modal{
display: flex;
align-items: center;
justify-content: center;
.ivu-modal{
top: 0;
.ivu-modal-body {
text-align: center;
}
}
}
\ No newline at end of file
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import OrderCalendarTimelineNavigationBase from './order-calendar-timeline-navigation-calendar-base.vue';
@Component({
components: {
}
})
export default class OrderCalendarTimelineNavigation extends OrderCalendarTimelineNavigationBase {
}
</script>
\ No newline at end of file
/**
* Usr2CalendarExpViewcalendarexpbar 部件模型
*
* @export
* @class Usr2CalendarExpViewcalendarexpbarModel
*/
export default class Usr2CalendarExpViewcalendarexpbarModel {
/**
* 获取数据项集合
*
* @returns {any[]}
* @memberof Usr2CalendarExpViewcalendarexpbarCalendarexpbarMode
*/
public getDataItems(): any[] {
return [
]
}
}
\ No newline at end of file
import { Http,Util,Errorlog } from '@/utils';
import ControlService from '@/widgets/control-service';
import IBIZOrderService from '@/service/ibizorder/ibizorder-service';
import Usr2CalendarExpViewcalendarexpbarModel from './usr2-calendar-exp-viewcalendarexpbar-calendarexpbar-model';
/**
* Usr2CalendarExpViewcalendarexpbar 部件服务对象
*
* @export
* @class Usr2CalendarExpViewcalendarexpbarService
*/
export default class Usr2CalendarExpViewcalendarexpbarService extends ControlService {
/**
* 订单服务对象
*
* @type {IBIZOrderService}
* @memberof Usr2CalendarExpViewcalendarexpbarService
*/
public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.getStore() });
/**
* 设置从数据模式
*
* @type {boolean}
* @memberof Usr2CalendarExpViewcalendarexpbarService
*/
public setTempMode(){
this.isTempMode = false;
}
/**
* Creates an instance of Usr2CalendarExpViewcalendarexpbarService.
*
* @param {*} [opts={}]
* @memberof Usr2CalendarExpViewcalendarexpbarService
*/
constructor(opts: any = {}) {
super(opts);
this.model = new Usr2CalendarExpViewcalendarexpbarModel();
}
}
\ No newline at end of file
.app-calendar-exp-bar {
> .ivu-split-horizontal {
> .ivu-split-trigger-con {
height: 100%;
width: 1px;
}
> .ivu-split-pane {
> div {
height: 100%;
overflow: auto;
display: flex;
flex-direction: column;
.calendar-exp-bar-header {
line-height: 50px;
border-bottom: 1px solid #ddd;
>div {
font-size: 18px;
i {
font-size: 20px;
margin-top: -2px;
}
}
}
.container-header{
display: flex;
justify-content: space-between;
align-items: center;
.search-container {
width: 30%;
height: 48px;
padding: 10px;
min-width: 200px;
max-width: 400px;
}
.toolbar-container{
padding: 4px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
.calendar-exp-bar-content {
height: calc(100% - 40px);
overflow: auto;
padding: 16px 0;
margin-bottom: 10px;
}
.calendar-exp-bar-content2 {
height: 100%;
overflow: auto;
flex-grow: 1;
}
}
}
> .right-pane.ivu-split-pane {
> div {
padding-left: 10px;
}
}
> .left-pane.ivu-split-pane {
padding-right: 10px;
}
}
> .ivu-split-vertical{
> .ivu-split-pane {
> div {
height: 100%;
overflow: auto;
display: flex;
flex-direction: column;
.calendar-exp-bar-header {
line-height: 50px;
border-bottom: 1px solid #ddd;
>div {
font-size: 18px;
i {
font-size: 20px;
margin-top: -2px;
}
}
}
.container-header{
display: flex;
justify-content: space-between;
align-items: center;
.search-container {
width: 30%;
height: 48px;
padding: 10px 10px 10px 0;
min-width: 200px;
max-width: 400px;
}
.toolbar-container{
padding: 4px;
}
}
.calendar-exp-bar-content {
height: calc(100% - 40px);
overflow: auto;
margin-bottom: 10px;
}
.calendar-exp-bar-content2 {
height: 100%;
overflow: auto;
flex-grow: 1;
}
}
}
> .top-pane.ivu-split-pane {
> div {
padding-bottom: 10px;
}
}
> .bottom-pane.ivu-split-pane {
padding-top: 10px;
}
}
}
// this is less
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import Usr2CalendarExpViewcalendarexpbarBase from './usr2-calendar-exp-viewcalendarexpbar-calendarexpbar-base.vue';
import view_calendarexpbar_calendar from '@widgets/ibizorder/order-calendar-timeline-navigation-calendar/order-calendar-timeline-navigation-calendar.vue';
@Component({
components: {
view_calendarexpbar_calendar,
}
})
export default class Usr2CalendarExpViewcalendarexpbar extends Usr2CalendarExpViewcalendarexpbarBase {
}
</script>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册