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

chitanda 发布系统代码

上级 d4ab5cfd
......@@ -247,7 +247,7 @@ export interface IBizList {
utcconversiontimezonecode?: any;
/**
* 市场营销列表成员类型
* 成员类型
*
* @returns {*}
* @memberof IBizList
......
export default {
List__CreatedFromCode: {
'1': 'Account',
'2': 'Contact',
'4': 'Lead',
empty: '',
},
Campaignactivity__ChannelTypeCode: {
'2': 'Appointment',
'7': 'Email',
......@@ -16,60 +22,6 @@ export default {
'2': 'Inactive',
empty: '',
},
SysOperator: {
empty: '',
},
Account__OwnershipCode: {
'4': 'Other',
'2': 'Private',
'1': 'Public',
'3': 'Subsidiary',
empty: '',
},
Contact__ShippingMethodCode: {
'1': 'Default Value',
empty: '',
},
YesNo: {
'1': '是',
'0': '否',
empty: '',
},
Task__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
Contact__FamilyStatusCode: {
'3': 'Divorced',
'2': 'Married',
'1': 'Single',
'4': 'Widowed',
empty: '',
},
Account__CustomerTypeCode: {
'1': 'Competitor',
'2': 'Consultant',
'3': 'Customer',
'6': 'Influencer',
'4': 'Investor',
'12': 'Other',
'5': 'Partner',
'7': 'Press',
'8': 'Prospect',
'9': 'Reseller',
'10': 'Supplier',
'11': 'Vendor',
empty: '',
},
Account__Address1_AddressTypeCode: {
'1': 'Bill To',
'4': 'Other',
'3': 'Primary',
'2': 'Ship To',
empty: '',
},
Contact__PaymentTermsCode: {
'2': '2% 10, Net 30',
'1': 'Net 30',
......@@ -87,13 +39,6 @@ export default {
'7': 'Will Call',
empty: '',
},
Product__ProductTypeCode: {
'4': 'Flat Fees',
'2': 'Miscellaneous Charges',
'1': 'Sales Inventory',
'3': 'Services',
empty: '',
},
ActivityTypeCode: {
'TASK': '任务',
'EMAIL': '电子邮件',
......@@ -105,24 +50,6 @@ export default {
'CAMPAIGNRESPONSE': '市场活动响应',
empty: '',
},
Contact__GenderCode: {
'2': 'Female',
'1': 'Male',
empty: '',
},
FQG_ActivityPointer: {
'ALL': '全部活动',
'TASK': '任务',
'EMAIL': '电子邮件',
'APPOINTMENT': '约会',
'PHONECALL': '电话联络',
'OTHER': '其他',
'LETTER': '信件',
'FAX': '传真',
'SERVICEAPPOINTMENT': '服务活动',
'CAMPAIGNRESPONSE': '市场活动响应',
empty: '',
},
Activitypointer__PriorityCode: {
'2': 'High',
'0': 'Low',
......@@ -191,6 +118,91 @@ export default {
'33': 'Wholesale',
empty: '',
},
Phonecall__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
SysOperator: {
empty: '',
},
Account__OwnershipCode: {
'4': 'Other',
'2': 'Private',
'1': 'Public',
'3': 'Subsidiary',
empty: '',
},
Contact__ShippingMethodCode: {
'1': 'Default Value',
empty: '',
},
YesNo: {
'1': '是',
'0': '否',
empty: '',
},
Task__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
Contact__FamilyStatusCode: {
'3': 'Divorced',
'2': 'Married',
'1': 'Single',
'4': 'Widowed',
empty: '',
},
Account__CustomerTypeCode: {
'1': 'Competitor',
'2': 'Consultant',
'3': 'Customer',
'6': 'Influencer',
'4': 'Investor',
'12': 'Other',
'5': 'Partner',
'7': 'Press',
'8': 'Prospect',
'9': 'Reseller',
'10': 'Supplier',
'11': 'Vendor',
empty: '',
},
Account__Address1_AddressTypeCode: {
'1': 'Bill To',
'4': 'Other',
'3': 'Primary',
'2': 'Ship To',
empty: '',
},
Product__ProductTypeCode: {
'4': 'Flat Fees',
'2': 'Miscellaneous Charges',
'1': 'Sales Inventory',
'3': 'Services',
empty: '',
},
Contact__GenderCode: {
'2': 'Female',
'1': 'Male',
empty: '',
},
FQG_ActivityPointer: {
'ALL': '全部活动',
'TASK': '任务',
'EMAIL': '电子邮件',
'APPOINTMENT': '约会',
'PHONECALL': '电话联络',
'OTHER': '其他',
'LETTER': '信件',
'FAX': '传真',
'SERVICEAPPOINTMENT': '服务活动',
'CAMPAIGNRESPONSE': '市场活动响应',
empty: '',
},
State: {
'0': 'Active',
'1': 'Inactive',
......@@ -204,10 +216,4 @@ export default {
'3': 'Phone',
empty: '',
},
Phonecall__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
};
\ No newline at end of file
export default {
List__CreatedFromCode: {
'1': 'Account',
'2': 'Contact',
'4': 'Lead',
empty: '',
},
Campaignactivity__ChannelTypeCode: {
'2': 'Appointment',
'7': 'Email',
......@@ -16,60 +22,6 @@ export default {
'2': 'Inactive',
empty: '',
},
SysOperator: {
empty: '',
},
Account__OwnershipCode: {
'4': 'Other',
'2': 'Private',
'1': 'Public',
'3': 'Subsidiary',
empty: '',
},
Contact__ShippingMethodCode: {
'1': 'Default Value',
empty: '',
},
YesNo: {
'1': '是',
'0': '否',
empty: '',
},
Task__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
Contact__FamilyStatusCode: {
'3': 'Divorced',
'2': 'Married',
'1': 'Single',
'4': 'Widowed',
empty: '',
},
Account__CustomerTypeCode: {
'1': 'Competitor',
'2': 'Consultant',
'3': 'Customer',
'6': 'Influencer',
'4': 'Investor',
'12': 'Other',
'5': 'Partner',
'7': 'Press',
'8': 'Prospect',
'9': 'Reseller',
'10': 'Supplier',
'11': 'Vendor',
empty: '',
},
Account__Address1_AddressTypeCode: {
'1': 'Bill To',
'4': 'Other',
'3': 'Primary',
'2': 'Ship To',
empty: '',
},
Contact__PaymentTermsCode: {
'2': '2% 10, Net 30',
'1': 'Net 30',
......@@ -87,13 +39,6 @@ export default {
'7': 'Will Call',
empty: '',
},
Product__ProductTypeCode: {
'4': 'Flat Fees',
'2': 'Miscellaneous Charges',
'1': 'Sales Inventory',
'3': 'Services',
empty: '',
},
ActivityTypeCode: {
'TASK': '任务',
'EMAIL': '电子邮件',
......@@ -105,24 +50,6 @@ export default {
'CAMPAIGNRESPONSE': '市场活动响应',
empty: '',
},
Contact__GenderCode: {
'2': 'Female',
'1': 'Male',
empty: '',
},
FQG_ActivityPointer: {
'ALL': '全部活动',
'TASK': '任务',
'EMAIL': '电子邮件',
'APPOINTMENT': '约会',
'PHONECALL': '电话联络',
'OTHER': '其他',
'LETTER': '信件',
'FAX': '传真',
'SERVICEAPPOINTMENT': '服务活动',
'CAMPAIGNRESPONSE': '市场活动响应',
empty: '',
},
Activitypointer__PriorityCode: {
'2': 'High',
'0': 'Low',
......@@ -191,6 +118,91 @@ export default {
'33': 'Wholesale',
empty: '',
},
Phonecall__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
SysOperator: {
empty: '',
},
Account__OwnershipCode: {
'4': 'Other',
'2': 'Private',
'1': 'Public',
'3': 'Subsidiary',
empty: '',
},
Contact__ShippingMethodCode: {
'1': 'Default Value',
empty: '',
},
YesNo: {
'1': '是',
'0': '否',
empty: '',
},
Task__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
Contact__FamilyStatusCode: {
'3': 'Divorced',
'2': 'Married',
'1': 'Single',
'4': 'Widowed',
empty: '',
},
Account__CustomerTypeCode: {
'1': 'Competitor',
'2': 'Consultant',
'3': 'Customer',
'6': 'Influencer',
'4': 'Investor',
'12': 'Other',
'5': 'Partner',
'7': 'Press',
'8': 'Prospect',
'9': 'Reseller',
'10': 'Supplier',
'11': 'Vendor',
empty: '',
},
Account__Address1_AddressTypeCode: {
'1': 'Bill To',
'4': 'Other',
'3': 'Primary',
'2': 'Ship To',
empty: '',
},
Product__ProductTypeCode: {
'4': 'Flat Fees',
'2': 'Miscellaneous Charges',
'1': 'Sales Inventory',
'3': 'Services',
empty: '',
},
Contact__GenderCode: {
'2': 'Female',
'1': 'Male',
empty: '',
},
FQG_ActivityPointer: {
'ALL': '全部活动',
'TASK': '任务',
'EMAIL': '电子邮件',
'APPOINTMENT': '约会',
'PHONECALL': '电话联络',
'OTHER': '其他',
'LETTER': '信件',
'FAX': '传真',
'SERVICEAPPOINTMENT': '服务活动',
'CAMPAIGNRESPONSE': '市场活动响应',
empty: '',
},
State: {
'0': 'Active',
'1': 'Inactive',
......@@ -204,10 +216,4 @@ export default {
'3': 'Phone',
empty: '',
},
Phonecall__PriorityCode: {
'2': 'High',
'0': 'Low',
'1': 'Normal',
empty: '',
},
};
\ No newline at end of file
......@@ -369,7 +369,6 @@ export default {
lastusedincampaign: "上次参与市场活动的日期",
donotsendmm: "发送市场营销资料",
shippingmethodcode: "送货方式",
originatingleadid: "原始潜在顾客",
contactid: "联系人",
},
uiactions: {
......
......@@ -368,7 +368,6 @@ export default {
lastusedincampaign: '上次参与市场活动的日期',
donotsendmm: '发送市场营销资料',
shippingmethodcode: '送货方式',
originatingleadid: '原始潜在顾客',
contactid: '联系人',
},
uiactions: {
......
......@@ -31,7 +31,7 @@ export default {
source: '来源',
updatedate: '更新时间',
utcconversiontimezonecode: 'UTC Conversion Time Zone Code',
createdfromcode: '市场营销列表成员类型',
createdfromcode: '成员类型',
overriddencreatedon: 'Record Created On',
timezoneruleversionnumber: 'Time Zone Rule Version Number',
traversedpath: 'Traversed Path',
......@@ -124,8 +124,10 @@ export default {
main_grid: {
columns: {
listname: "名称",
updateman: "更新人",
updatedate: "更新时间",
type: "类型",
createdfromcode: "成员类型",
lastusedon: "上次使用时间",
purpose: "用途",
},
uiactions: {
},
......
......@@ -30,7 +30,7 @@ export default {
source: '来源',
updatedate: '更新时间',
utcconversiontimezonecode: 'UTC Conversion Time Zone Code',
createdfromcode: '市场营销列表成员类型',
createdfromcode: '成员类型',
overriddencreatedon: 'Record Created On',
timezoneruleversionnumber: 'Time Zone Rule Version Number',
traversedpath: 'Traversed Path',
......@@ -123,8 +123,10 @@ export default {
main_grid: {
columns: {
listname: '名称',
updateman: '更新人',
updatedate: '更新时间',
type: '类型',
createdfromcode: '成员类型',
lastusedon: '上次使用时间',
purpose: '用途',
},
uiactions: {
},
......
......@@ -204,7 +204,7 @@ mock.onGet('v7/centralappmenu').reply((config: any) => {
hidden: false,
hidesidebar: false,
opendefault: false,
iconcls: 'fa fa-paper-plane',
iconcls: 'fa fa-file-o',
icon: '',
textcls: '',
appfunctag: 'Auto9',
......
......@@ -12,7 +12,6 @@ export const PageComponents = {
Vue.component('account-edit-view', () => import('@pages/base/account-edit-view/account-edit-view.vue'));
Vue.component('list-contact-grid-view', () => import('@pages/marketing/list-contact-grid-view/list-contact-grid-view.vue'));
Vue.component('fax-edit-view', () => import('@pages/base/fax-edit-view/fax-edit-view.vue'));
Vue.component('lead-pickup-view', () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'));
Vue.component('incident-edit-view', () => import('@pages/service/incident-edit-view/incident-edit-view.vue'));
Vue.component('campaign-list-grid-view', () => import('@pages/marketing/campaign-list-grid-view/campaign-list-grid-view.vue'));
Vue.component('activity-pointer-edit-view', () => import('@pages/base/activity-pointer-edit-view/activity-pointer-edit-view.vue'));
......@@ -56,7 +55,6 @@ export const PageComponents = {
Vue.component('sales-literature-edit-view', () => import('@pages/sales/sales-literature-edit-view/sales-literature-edit-view.vue'));
Vue.component('ibiz-list-info', () => import('@pages/marketing/ibiz-list-info/ibiz-list-info.vue'));
Vue.component('ibiz-list-summary', () => import('@pages/marketing/ibiz-list-summary/ibiz-list-summary.vue'));
Vue.component('lead-pickup-grid-view', () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'));
Vue.component('list-account-quick-create-by-list', () => import('@pages/marketing/list-account-quick-create-by-list/list-account-quick-create-by-list.vue'));
Vue.component('list-lead-edit-view', () => import('@pages/marketing/list-lead-edit-view/list-lead-edit-view.vue'));
Vue.component('campaign-list-edit-view', () => import('@pages/marketing/campaign-list-edit-view/campaign-list-edit-view.vue'));
......
......@@ -263,50 +263,6 @@ const router = new Router({
},
component: () => import('@pages/base/fax-edit-view/fax-edit-view.vue'),
},
{
path: 'contacts/:contact?/leads/:lead?/pickupview/:pickupview?',
meta: {
caption: 'entities.lead.views.pickupview.title',
info:'',
parameters: [
{ pathName: 'central', parameterName: 'central' },
{ pathName: 'contacts', parameterName: 'contact' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupview', parameterName: 'pickupview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'),
},
{
path: 'campaigns/:campaign?/leads/:lead?/pickupview/:pickupview?',
meta: {
caption: 'entities.lead.views.pickupview.title',
info:'',
parameters: [
{ pathName: 'central', parameterName: 'central' },
{ pathName: 'campaigns', parameterName: 'campaign' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupview', parameterName: 'pickupview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'),
},
{
path: 'leads/:lead?/pickupview/:pickupview?',
meta: {
caption: 'entities.lead.views.pickupview.title',
info:'',
parameters: [
{ pathName: 'central', parameterName: 'central' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupview', parameterName: 'pickupview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'),
},
{
path: 'incidents/:incident?/editview/:editview?',
meta: {
......@@ -1011,50 +967,6 @@ const router = new Router({
},
component: () => import('@pages/marketing/campaign-response-quick-create/campaign-response-quick-create.vue'),
},
{
path: 'contacts/:contact?/leads/:lead?/pickupgridview/:pickupgridview?',
meta: {
caption: 'entities.lead.views.pickupgridview.title',
info:'',
parameters: [
{ pathName: 'central', parameterName: 'central' },
{ pathName: 'contacts', parameterName: 'contact' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupgridview', parameterName: 'pickupgridview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'),
},
{
path: 'campaigns/:campaign?/leads/:lead?/pickupgridview/:pickupgridview?',
meta: {
caption: 'entities.lead.views.pickupgridview.title',
info:'',
parameters: [
{ pathName: 'central', parameterName: 'central' },
{ pathName: 'campaigns', parameterName: 'campaign' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupgridview', parameterName: 'pickupgridview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'),
},
{
path: 'leads/:lead?/pickupgridview/:pickupgridview?',
meta: {
caption: 'entities.lead.views.pickupgridview.title',
info:'',
parameters: [
{ pathName: 'central', parameterName: 'central' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupgridview', parameterName: 'pickupgridview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'),
},
{
path: 'ibizlists/:ibizlist?/listaccounts/:listaccount?/quickcreatebylist/:quickcreatebylist?',
meta: {
......@@ -1965,47 +1877,6 @@ const router = new Router({
},
component: () => import('@pages/sales/lead-grid-view/lead-grid-view.vue'),
},
{
path: '/contacts/:contact?/leads/:lead?/pickupview/:pickupview?',
meta: {
caption: 'entities.lead.views.pickupview.title',
info:'',
parameters: [
{ pathName: 'contacts', parameterName: 'contact' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupview', parameterName: 'pickupview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'),
},
{
path: '/campaigns/:campaign?/leads/:lead?/pickupview/:pickupview?',
meta: {
caption: 'entities.lead.views.pickupview.title',
info:'',
parameters: [
{ pathName: 'campaigns', parameterName: 'campaign' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupview', parameterName: 'pickupview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'),
},
{
path: '/leads/:lead?/pickupview/:pickupview?',
meta: {
caption: 'entities.lead.views.pickupview.title',
info:'',
parameters: [
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupview', parameterName: 'pickupview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-view/lead-pickup-view.vue'),
},
{
path: '/accounts/:account?/info_account/:info_account?',
meta: {
......@@ -2739,47 +2610,6 @@ const router = new Router({
},
component: () => import('@pages/sales/opportunity-edit-view/opportunity-edit-view.vue'),
},
{
path: '/contacts/:contact?/leads/:lead?/pickupgridview/:pickupgridview?',
meta: {
caption: 'entities.lead.views.pickupgridview.title',
info:'',
parameters: [
{ pathName: 'contacts', parameterName: 'contact' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupgridview', parameterName: 'pickupgridview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'),
},
{
path: '/campaigns/:campaign?/leads/:lead?/pickupgridview/:pickupgridview?',
meta: {
caption: 'entities.lead.views.pickupgridview.title',
info:'',
parameters: [
{ pathName: 'campaigns', parameterName: 'campaign' },
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupgridview', parameterName: 'pickupgridview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'),
},
{
path: '/leads/:lead?/pickupgridview/:pickupgridview?',
meta: {
caption: 'entities.lead.views.pickupgridview.title',
info:'',
parameters: [
{ pathName: 'leads', parameterName: 'lead' },
{ pathName: 'pickupgridview', parameterName: 'pickupgridview' },
],
requireAuth: true,
},
component: () => import('@pages/sales/lead-pickup-grid-view/lead-pickup-grid-view.vue'),
},
{
path: '/centeralportal/:centeralportal?',
meta: {
......
......@@ -132,16 +132,6 @@ export const viewstate: any = {
'4745ca10fe4421ea043cb9ace1840224',
],
},
{
viewtag: '1bc48b15dbe69c5f30dafe489f58aacb',
viewmodule: 'Sales',
viewname: 'LeadPickupView',
viewaction: '',
viewdatachange: false,
refviews: [
'7d00f63c306adf3537efeabb3326095d',
],
},
{
viewtag: '1d3b94223a5d3f8ab1d2fe334c8c4afd',
viewmodule: 'Base',
......@@ -409,7 +399,6 @@ export const viewstate: any = {
viewaction: '',
viewdatachange: false,
refviews: [
'1bc48b15dbe69c5f30dafe489f58aacb',
],
},
{
......@@ -531,15 +520,6 @@ export const viewstate: any = {
refviews: [
],
},
{
viewtag: '7d00f63c306adf3537efeabb3326095d',
viewmodule: 'Sales',
viewname: 'LeadPickupGridView',
viewaction: '',
viewdatachange: false,
refviews: [
],
},
{
viewtag: '7FCD2E75-E34A-493C-922E-8AE47BCE08CA',
viewmodule: 'Ungroup',
......
.studio-view.embed-view.view-container {
position: relative;
}
@import './studio-embed-view-style2-layout.less';
\ No newline at end of file
import { Component } from 'vue-property-decorator';
import { VueLifeCycleProcessing } from '@/studio-core/decorators/VueLifeCycleProcessing';
import { StudioViewStyle2Base } from '../studio-view-style2/studio-view-style2-base';
import './studio-embed-view-style2.less';
/**
* 嵌入视图布局容器
*
* @export
* @class StudioEmbedViewStyle2
* @extends {Vue}
*/
@Component({})
@VueLifeCycleProcessing()
export class StudioEmbedViewStyle2 extends StudioViewStyle2Base {
/**
* 计算容器样式
*
* @protected
* @param {{ [str: string]: boolean }} [classNames] 样式名称对象
* @returns {{ [str: string]: boolean }}
* @memberof StudioEmbedViewStyle2
*/
protected getContainerClass(classNames?: { [str: string]: boolean }): { [str: string]: boolean } {
return super.getContainerClass({
'embed-view-style2': true
});
}
}
\ No newline at end of file
import { StudioViewBase } from '../studio-view/studio-view-base';
import './studio-view-style2.less';
/**
* 视图布局模式2
*
* @export
* @class StudioViewStyle2Base
* @extends {Vue}
*/
export class StudioViewStyle2Base extends StudioViewBase {
/**
* 组件创建完毕
*
* @memberof StudioViewStyle2Base
*/
public created(): void {
if (this.hiddenHeader) {
this.isShowHeader = false;
} else {
this.isShowHeader = (this.$slots.title || this.$slots.quickSearchForm || this.$slots.quickGroupSearch) ? true : false;
}
}
/**
* 容器样式
*
* @protected
* @param {{ [str: string]: boolean }} [classNames]
* @returns {{ [str: string]: boolean }}
* @memberof StudioViewStyle2Base
*/
protected getContainerClass(classNames?: { [str: string]: boolean }): { [str: string]: boolean } {
return super.getContainerClass({
'mode-style2': true
});
}
/**
* 绘制视图布局内容
*
* @protected
* @returns {*}
* @memberof StudioViewStyle2Base
*/
protected renderContent(): any {
return [
(this.$slots.toolbar || this.$slots.quickSearch) ? <div class="view-top">
{this.$slots.toolbar ? <div class="view-toolbar">{this.$slots.toolbar}</div> : null}
{this.$slots.quickSearch ? <div class="quick-search">
<transition name="opacity-transition">
{this.$slots.quickSearch}
</transition>
</div> : null}
</div> : null,
this.isShowHeader ? <div class="view-header">
{this.$slots.title ? <div class="title">{this.$slots.title}</div> : null}
{this.$slots.quickGroupSearch ? <div class="quick-group-search">
{this.$slots.quickGroupSearch}
</div> : null}
{this.$slots.quickSearchForm ? <div class="quick-search-form">{this.$slots.quickSearchForm}</div> : null}
</div> : null,
<div class={{ 'view-content': true, 'show-search-form': this.$slots.searchForm }}>
{this.$slots.searchForm ? <div class="search-form-wrapper">
<transition name="width-transition">
{this.$slots.searchForm}
</transition>
</div> : null}
<div class="content-wrapper">
{this.$slots.default}
</div>
</div>,
this.$slots.footer ? <div class="view-footer">
{this.$slots.footer}
</div> : null
];
}
}
\ No newline at end of file
......@@ -45,15 +45,34 @@
}
}
.view-search-wrapper {
flex-shrink: 0;
}
.view-content {
flex-grow: 1;
height: auto;
}
.view-content.show-search-form {
flex-direction: row;
overflow: hidden;
>.search-form-wrapper {
flex-shrink: 0;
overflow-y: auto;
overflow-x: hidden;
.app-search-form {
width: 300px;
height: 100%;
border-right: 1px solid var(--app-dividing-line-color-bright);
}
}
>.content-wrapper {
flex-grow: 1;
overflow-y: auto;
overflow-x: hidden;
}
}
.view-footer {
flex-shrink: 0;
}
......
import { Component } from 'vue-property-decorator';
import { VueLifeCycleProcessing } from '@/studio-core';
import { StudioViewBase } from '../studio-view/studio-view-base';
import { StudioViewStyle2Base } from './studio-view-style2-base';
import './studio-view-style2.less';
/**
......@@ -12,67 +12,6 @@ import './studio-view-style2.less';
*/
@Component({})
@VueLifeCycleProcessing()
export class StudioViewStyle2 extends StudioViewBase {
/**
* 组件创建完毕
*
* @memberof StudioViewBase
*/
public created(): void {
if (this.hiddenHeader) {
this.isShowHeader = false;
} else {
this.isShowHeader = (this.$slots.title || this.$slots.quickSearchForm || this.$slots.quickGroupSearch) ? true : false;
}
}
/**
* 容器样式
*
* @protected
* @param {{ [str: string]: boolean }} [classNames]
* @returns {{ [str: string]: boolean }}
* @memberof StudioViewStyle2
*/
protected getContainerClass(classNames?: { [str: string]: boolean }): { [str: string]: boolean } {
return super.getContainerClass({
'mode-style2': true
});
}
/**
* 绘制视图布局内容
*
* @protected
* @returns {*}
* @memberof StudioViewStyle2
*/
protected renderContent(): any {
return [
(this.$slots.toolbar || this.$slots.quickSearch) ? <div class="view-top">
{this.$slots.toolbar ? <div class="view-toolbar">{this.$slots.toolbar}</div> : null}
{this.$slots.quickSearch ? <div class="quick-search">{this.$slots.quickSearch}</div> : null}
</div> : null,
this.isShowHeader ? <div class="view-header">
{this.$slots.title ? <div class="title">{this.$slots.title}</div> : null}
{this.$slots.quickGroupSearch ? <div class="quick-group-search">{this.$slots.quickGroupSearch}</div> : null}
{this.$slots.quickSearchForm ? <div class="quick-search-form">{this.$slots.quickSearchForm}</div> : null}
</div> : null,
this.$slots.searchForm ? <div class="view-search-wrapper">
<div class="search-form-wrapper">
{this.$slots.searchForm}
</div>
</div> : null,
<div class="view-content">
<div class="content-wrapper">
{this.$slots.default}
</div>
</div>,
this.$slots.footer ? <div class="view-footer">
{this.$slots.footer}
</div> : null
];
}
export class StudioViewStyle2 extends StudioViewStyle2Base {
}
\ No newline at end of file
......@@ -18,7 +18,7 @@ export class ViewToolbar extends Vue {
* @type {('DEFAULT' | 'STYLE2')}
* @memberof ViewToolbar
*/
@Prop({ default: 'STYLE2' })
@Prop({ default: 'DEFAULT' })
public mode!: 'DEFAULT' | 'STYLE2';
/**
......
......@@ -3,6 +3,7 @@
@import '../theme/app-dark.less';
@import '../theme/app-light.less';
@import './var.css';
@import './vue-transition.less';
// 滚动条宽度
div::-webkit-scrollbar {
......
.width-transition-enter-active,
.width-transition-leave-active {
transition: width .3s ease-in-out !important;
}
.width-transition-enter,
.width-transition-leave-to {
width: 0 !important;
}
.opacity-transition-enter-active,
.opacity-transition-leave-active {
transition: opacity .3s ease-in-out !important;
}
.opacity-transition-enter,
.opacity-transition-leave-to {
opacity: 0 !important;
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册