568 lines
16 KiB
TypeScript
568 lines
16 KiB
TypeScript
|
export default {
|
|||
|
|
componentName: 'Page',
|
|||
|
|
id: 'node_dockcviv8fo1',
|
|||
|
|
props: {
|
|||
|
|
ref: 'outterView',
|
|||
|
|
autoLoading: true,
|
|||
|
|
style: {
|
|||
|
|
padding: '0 5px 0 5px',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
fileName: 'test',
|
|||
|
|
dataSource: {
|
|||
|
|
list: [],
|
|||
|
|
},
|
|||
|
|
state: {
|
|||
|
|
text: 'outter',
|
|||
|
|
isShowDialog: false,
|
|||
|
|
},
|
|||
|
|
css: 'body {font-size: 12px;} .botton{width:100px;color:#ff00ff}',
|
|||
|
|
lifeCycles: {
|
|||
|
|
componentDidMount: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: "function() {\n console.log('did mount');\n }",
|
|||
|
|
},
|
|||
|
|
componentWillUnmount: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: "function() {\n console.log('will umount');\n }",
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
testFunc: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: "function() {\n console.log('test func');\n }",
|
|||
|
|
},
|
|||
|
|
onClick: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: 'function() {\n this.setState({\n isShowDialog: true\n })\n }',
|
|||
|
|
},
|
|||
|
|
closeDialog: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: 'function() {\n this.setState({\n isShowDialog: false\n })\n }',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Box',
|
|||
|
|
id: 'node_dockcy8n9xed',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
backgroundColor: 'rgba(31,56,88,0.1)',
|
|||
|
|
padding: '12px 12px 12px 12px',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Box',
|
|||
|
|
id: 'node_dockcy8n9xee',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
padding: '12px 12px 12px 12px',
|
|||
|
|
backgroundColor: '#ffffff',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Breadcrumb',
|
|||
|
|
id: 'node_dockcy8n9xef',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
maxNode: 100,
|
|||
|
|
component: 'nav',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Breadcrumb.Item',
|
|||
|
|
id: 'node_dockcy8n9xeg',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
children: '首页',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Breadcrumb.Item',
|
|||
|
|
id: 'node_dockcy8n9xei',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
children: '品质中台',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Breadcrumb.Item',
|
|||
|
|
id: 'node_dockcy8n9xek',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
children: '商家品质页面管理',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Breadcrumb.Item',
|
|||
|
|
id: 'node_dockcy8n9xem',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
children: '质检知识条配置',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Box',
|
|||
|
|
id: 'node_dockcy8n9xeo',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginTop: '12px',
|
|||
|
|
backgroundColor: '#ffffff',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Form',
|
|||
|
|
id: 'node_dockcy8n9xep',
|
|||
|
|
props: {
|
|||
|
|
inline: true,
|
|||
|
|
style: {
|
|||
|
|
marginTop: '12px',
|
|||
|
|
marginRight: '12px',
|
|||
|
|
marginLeft: '12px',
|
|||
|
|
},
|
|||
|
|
__events: [],
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockcy8n9xeq',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
},
|
|||
|
|
label: '类目名：',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Select',
|
|||
|
|
id: 'node_dockcy8n9xer',
|
|||
|
|
props: {
|
|||
|
|
mode: 'single',
|
|||
|
|
hasArrow: true,
|
|||
|
|
cacheValue: true,
|
|||
|
|
style: {
|
|||
|
|
width: '150px',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockcy8n9xes',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
},
|
|||
|
|
label: '项目类型：',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Select',
|
|||
|
|
id: 'node_dockcy8n9xet',
|
|||
|
|
props: {
|
|||
|
|
mode: 'single',
|
|||
|
|
hasArrow: true,
|
|||
|
|
cacheValue: true,
|
|||
|
|
style: {
|
|||
|
|
width: '200px',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockcy8n9xeu',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
},
|
|||
|
|
label: '项目 ID：',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Input',
|
|||
|
|
id: 'node_dockcy8n9xev',
|
|||
|
|
props: {
|
|||
|
|
hasBorder: true,
|
|||
|
|
size: 'medium',
|
|||
|
|
autoComplete: 'off',
|
|||
|
|
style: {
|
|||
|
|
width: '200px',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Button.Group',
|
|||
|
|
id: 'node_dockcy8n9xew',
|
|||
|
|
props: {},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Button',
|
|||
|
|
id: 'node_dockcy8n9xex',
|
|||
|
|
props: {
|
|||
|
|
type: 'primary',
|
|||
|
|
style: {
|
|||
|
|
margin: '0 5px 0 5px',
|
|||
|
|
},
|
|||
|
|
htmlType: 'submit',
|
|||
|
|
children: '搜索',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Button',
|
|||
|
|
id: 'node_dockcy8n9xe10',
|
|||
|
|
props: {
|
|||
|
|
type: 'normal',
|
|||
|
|
style: {
|
|||
|
|
margin: '0 5px 0 5px',
|
|||
|
|
},
|
|||
|
|
htmlType: 'reset',
|
|||
|
|
children: '清空',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Box',
|
|||
|
|
id: 'node_dockcy8n9xe1f',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
backgroundColor: '#ffffff',
|
|||
|
|
paddingBottom: '24px',
|
|||
|
|
display: 'flex',
|
|||
|
|
flexDirection: 'row',
|
|||
|
|
justifyContent: 'flex-end',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Button',
|
|||
|
|
id: 'node_dockd5nrh9p4',
|
|||
|
|
props: {
|
|||
|
|
type: 'primary',
|
|||
|
|
size: 'medium',
|
|||
|
|
htmlType: 'button',
|
|||
|
|
component: 'button',
|
|||
|
|
children: '新建配置',
|
|||
|
|
style: {},
|
|||
|
|
__events: [
|
|||
|
|
{
|
|||
|
|
type: 'componentEvent',
|
|||
|
|
name: 'onClick',
|
|||
|
|
relatedEventName: 'onClick',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
onClick: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: 'function(){ this.onClick() }',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Box',
|
|||
|
|
id: 'node_dockd5nrh9p5',
|
|||
|
|
props: {},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Table',
|
|||
|
|
id: 'node_dockjielosj1',
|
|||
|
|
props: {
|
|||
|
|
showMiniPager: true,
|
|||
|
|
showActionBar: true,
|
|||
|
|
actionBar: [
|
|||
|
|
{
|
|||
|
|
title: '新增',
|
|||
|
|
type: 'primary',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '编辑',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
dataKey: 'name',
|
|||
|
|
width: 200,
|
|||
|
|
align: 'center',
|
|||
|
|
title: '姓名',
|
|||
|
|
editType: 'text',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataKey: 'age',
|
|||
|
|
width: 200,
|
|||
|
|
align: 'center',
|
|||
|
|
title: '年龄',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataKey: 'email',
|
|||
|
|
width: 200,
|
|||
|
|
align: 'center',
|
|||
|
|
title: '邮箱',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
data: [
|
|||
|
|
{
|
|||
|
|
name: '王小',
|
|||
|
|
id: '1',
|
|||
|
|
age: 15000,
|
|||
|
|
email: 'aaa@abc.com',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '王中',
|
|||
|
|
id: '2',
|
|||
|
|
age: 25000,
|
|||
|
|
email: 'bbb@abc.com',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '王大',
|
|||
|
|
id: '3',
|
|||
|
|
age: 35000,
|
|||
|
|
email: 'ccc@abc.com',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
actionTitle: '操作',
|
|||
|
|
actionWidth: 180,
|
|||
|
|
actionType: 'link',
|
|||
|
|
actionFixed: 'right',
|
|||
|
|
actionHidden: false,
|
|||
|
|
maxWebShownActionCount: 2,
|
|||
|
|
actionColumn: [
|
|||
|
|
{
|
|||
|
|
title: '编辑',
|
|||
|
|
callback: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: '(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n });\n }',
|
|||
|
|
},
|
|||
|
|
device: [
|
|||
|
|
'desktop',
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '保存',
|
|||
|
|
callback: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: '(rowData, action, table) => { \nreturn table.saveRow(rowData).then((row) => { \nconsole.log(row); \n}); \n}',
|
|||
|
|
},
|
|||
|
|
mode: 'EDIT',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Box',
|
|||
|
|
id: 'node_dockd5nrh9pg',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
display: 'flex',
|
|||
|
|
flexDirection: 'row',
|
|||
|
|
justifyContent: 'flex-end',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Pagination',
|
|||
|
|
id: 'node_dockd5nrh9pf',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
type: 'normal',
|
|||
|
|
shape: 'normal',
|
|||
|
|
size: 'medium',
|
|||
|
|
defaultCurrent: 1,
|
|||
|
|
total: 100,
|
|||
|
|
pageShowCount: 5,
|
|||
|
|
pageSize: 10,
|
|||
|
|
pageSizePosition: 'start',
|
|||
|
|
showJump: true,
|
|||
|
|
style: {},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Dialog',
|
|||
|
|
id: 'node_dockcy8n9xe1h',
|
|||
|
|
props: {
|
|||
|
|
prefix: 'next-',
|
|||
|
|
footerAlign: 'right',
|
|||
|
|
footerActions: [
|
|||
|
|
'ok',
|
|||
|
|
'cancel',
|
|||
|
|
],
|
|||
|
|
closeable: 'esc,close',
|
|||
|
|
hasMask: true,
|
|||
|
|
align: 'cc cc',
|
|||
|
|
minMargin: 40,
|
|||
|
|
visible: {
|
|||
|
|
type: 'JSExpression',
|
|||
|
|
value: 'this.state.isShowDialog',
|
|||
|
|
},
|
|||
|
|
title: '标题',
|
|||
|
|
events: [],
|
|||
|
|
__events: [
|
|||
|
|
{
|
|||
|
|
type: 'componentEvent',
|
|||
|
|
name: 'onCancel',
|
|||
|
|
relatedEventName: 'closeDialog',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 'componentEvent',
|
|||
|
|
name: 'onClose',
|
|||
|
|
relatedEventName: 'closeDialog',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 'componentEvent',
|
|||
|
|
name: 'onOk',
|
|||
|
|
relatedEventName: 'testFunc',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
onCancel: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: 'function(){ this.closeDialog() }',
|
|||
|
|
},
|
|||
|
|
onClose: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: 'function(){ this.closeDialog() }',
|
|||
|
|
},
|
|||
|
|
onOk: {
|
|||
|
|
type: 'JSFunction',
|
|||
|
|
value: 'function(){ this.testFunc() }',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Form',
|
|||
|
|
id: 'node_dockd5nrh9pi',
|
|||
|
|
props: {
|
|||
|
|
inline: false,
|
|||
|
|
labelAlign: 'top',
|
|||
|
|
labelTextAlign: 'right',
|
|||
|
|
size: 'medium',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockd5nrh9pj',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
minWidth: '200px',
|
|||
|
|
minHeight: '28px',
|
|||
|
|
},
|
|||
|
|
label: '商品类目',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Select',
|
|||
|
|
id: 'node_dockd5nrh9pk',
|
|||
|
|
props: {
|
|||
|
|
mode: 'single',
|
|||
|
|
hasArrow: true,
|
|||
|
|
cacheValue: true,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockd5nrh9pl',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
minWidth: '200px',
|
|||
|
|
minHeight: '28px',
|
|||
|
|
},
|
|||
|
|
label: '商品类目',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Select',
|
|||
|
|
id: 'node_dockd5nrh9pm',
|
|||
|
|
props: {
|
|||
|
|
mode: 'single',
|
|||
|
|
hasArrow: true,
|
|||
|
|
cacheValue: true,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockd5nrh9pn',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
minWidth: '200px',
|
|||
|
|
minHeight: '28px',
|
|||
|
|
},
|
|||
|
|
label: '商品类目',
|
|||
|
|
asterisk: true,
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Select',
|
|||
|
|
id: 'node_dockd5nrh9po',
|
|||
|
|
props: {
|
|||
|
|
mode: 'single',
|
|||
|
|
hasArrow: true,
|
|||
|
|
cacheValue: true,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'Form.Item',
|
|||
|
|
id: 'node_dockd5nrh9pp',
|
|||
|
|
props: {
|
|||
|
|
style: {
|
|||
|
|
marginBottom: '0',
|
|||
|
|
minWidth: '200px',
|
|||
|
|
minHeight: '28px',
|
|||
|
|
},
|
|||
|
|
label: '商品类目',
|
|||
|
|
},
|
|||
|
|
children: [
|
|||
|
|
{
|
|||
|
|
componentName: 'Input',
|
|||
|
|
id: 'node_dockd5nrh9pr',
|
|||
|
|
props: {
|
|||
|
|
hasBorder: true,
|
|||
|
|
size: 'medium',
|
|||
|
|
autoComplete: 'off',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
componentName: 'ErrorComponent',
|
|||
|
|
id: 'node_dockd5nrh9pr',
|
|||
|
|
props: {
|
|||
|
|
name: 'error',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|