ttk-app-core
Version:
enterprise develop framework
242 lines (239 loc) • 6.54 kB
JavaScript
export function getMeta() {
return {
name: 'root',
component: 'Layout',
className: 'ttk-omp-app-message',
children: [/*{
name: 'left',
component: 'Card',
className: 'ttk-omp-app-message-left',
children: {
name: 'buttonTree',
component: 'Layout',
children: [
{
name: 'div',
component: '::div',
className: 'menuList bgColor',
// style: { marginTop: '14px' },
children: '创建消息'
}, {
name: 'div',
component: '::div',
className: 'menuList',
children: '创建通知'
}, {
name: 'div',
component: '::div',
className: 'menuList',
children: '草稿箱'
}, {
name: 'div',
component: '::div',
className: 'menuList bgColor',
children: '消息列表'
}, {
name: 'div',
component: '::div',
className: 'menuList',
children: '推送消息列表'
}
]
}
}, {
name: 'resizer',
component: 'Resizer'
},*/ {
name: 'content',
component: 'Card',
className: 'ttk-omp-app-message-content',
title: '{{data.showModal ? data.persName : ""}}',
children: [{
name: 'layout',
component: '::div',
className: 'ttk-omp-app-message-content-content',
children: [{
name: 'genderItem',
component: 'Form.Item',
className: 'radio',
label: '发送类型',
children: [{
name: 'type',
component: 'Radio.Group',
options: '{{data.other.sendType}}',
value: '{{data.select.sendType}}',
onChange: `{{function(v){$setField('data.select.sendType',v.target.value);$setField('data.form.messageType',v.target.value);if(v.target.value == 2){$setField('data.form.title',"产品新功能更新("+data.other.version+")")}else{$setField('data.form.title',"")}}}}`
}]
}, {
name: 'codeItem',
component: 'Form.Item',
label: '标题',
required: true,
// validateStatus: "{{data.other.error.name?'error':'success'}}",
// help: '{{data.other.error.name}}',
children: [{
name: 'code',
component: 'Input',
maxlength: '50',
value: '{{data.form.title}}',
onChange: '{{function(e){$sf("data.form.title",e.target.value)}}}'
}]
}, {
name: 'nameItem',
component: 'Form.Item',
label: '内容',
required: true,
// validateStatus: "{{data.other.error.name?'error':'success'}}",
// help: '{{data.other.error.name}}',
children: [{
name: 'name',
component: 'Quill',
className: 'TextArea',
// value: '{{data.form.content}}',
dataState:'{{data.dataState}}',
onChange: `{{function(e){$sf('data.form.content',e)}}}`
}]
}, {
name: 'genderItem',
component: 'Form.Item',
style:{color:'#F56F23',marginBottom:'10px'},
label: '注',
children: '如需粘贴，请粘贴纯文本！'
}, {
name: 'genderItem',
component: 'Form.Item',
className: 'radio',
label: '用户范围',
children: [{
name: 'type',
component: 'Radio.Group',
options: '{{data.other.userGroup}}',
value: '{{data.select.userGroup}}',
onChange: `{{function(v){$setField('data.form.userGroup',v.target.value)}}}`
}]
}, {
name: 'genderItem',
component: 'Form.Item',
className: 'radio',
label: '发送时间',
children: [{
name: 'type',
component: 'Radio.Group',
options: '{{data.other.sendTime}}',
value: '{{data.select.sendTime}}',
onChange: `{{function(v){$setField('data.form.sendTime',v.target.value)}}}`
}]
}, {
name: 'buttonList',
component: '::div',
_visible: '{{data.buttonList}}',
className: 'buttonList',
children: [
{
name: 'add',
component: 'Button',
style: { marginRight: '8px' },
onClick:'{{function(){$setField("data.form.title","");$setField("data.form.content","");$clear()}}}',
children: '取消'
}, {
name: 'setting',
component: 'Button',
// type: 'primary',
style: { marginRight: '8px' },
onClick:'{{$preview}}',
children: '预览'
}, {
name: 'setting',
component: 'Button',
type: 'primary',
onClick:'{{$create}}',
children: '发送'
}
]
}]
}]
},
{
name: 'modalcontainer',
component: '::div',
_visible: '{{data.showModal}}',
className: 'ttk-omp-app-message-modalContainer',
children: [{
name: 'shandow',
component:'::div',
className: 'ttk-omp-app-message-modalContainer-shadow',
onClick: '{{$hideModal}}',
}, {
name: 'modal',
component: '::div',
className: 'ttk-omp-app-message-modalContainer-modal',
children: [{
name: 'modalTitle',
component: '::div',
className: 'modalTitle',
children: [{
name: 'title',
component: '::span',
className: 'title',
children: '{{data.modalTitle}}',
}, {
name: 'close',
component: 'Icon',
className: 'close',
fontFamily: 'edficon',
type: 'guanbi',
onClick: '{{$hideModal}}'
}]
}, {
name: 'modalBody',
component: '::div',
className: 'modalBody',
children: '{{data.modalData}}'
// children: '{{$getMessageContent()}}'
}, {
name: 'modalFooter',
component: '::div',
className: 'modalFooter',
children: [{
name: 'close',
component: 'Button',
type: 'primary',
children: '关闭',
onClick: '{{$hideModal}}'
}]
}]
}]
}]
};
}
export function getInitState() {
return {
data: {
persName: '创建通知',
showModal: false,
modalTitle: '',
modalData: '',
dataState: '',
buttonList: true,
form: {
appId: 100,
messageType: 1,
versionNum: '1',
title: '',
content: '',
sendTime: '2018-06-12'
},
select: {
sendType: 1,
userGroup: '所有用户',
sendTime: '立即发送'
},
other: {
sendType: [{ label: '系统维护', value: 1 }, { label: '新功能更新', value: 2 }],
userGroup: [{ label: '所有用户', value: '所有用户' }],
sendTime: [{ label: '立即发送', value: '立即发送' }],
version:''
}
}
};
}