tiny-engine/packages/canvas/test/form.json

691 lines
27 KiB
JSON

{
"componentName": "Block",
"fileName": "CrmQuoteInfo",
"css": ".crm-quote-info .form-title {\r\n color: #252b3a;\r\n font-size: 14px;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n padding-left: 12px;\r\n}\r\n.crm-quote-info .form-fixed-layout {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-column-gap: 12px;\r\n}\r\n.crm-quote-info {\r\n background: #fff;\r\n padding: 12px;\r\n min-height: 500px;\r\n}\r\n.crm-quote-info .form-auto-layout {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n.search-form {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n width: 70%;\r\n}\r\n.icon-wrap {\r\n border: 1px solid #adb0b8;\r\n margin-left: 10px;\r\n border-radius: 3px;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 30px;\r\n display: flex;\r\n align-items: center;\r\n width: 24px;\r\n padding: 0 12px;\r\n justify-content: center;\r\n}\r\n.out-search-box {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.tag-nomal {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.tag-nomal span {\r\n display: block;\r\n background-color: #adb0b8;\r\n border: 1px solid #adb0b8;\r\n border-radius: 4px;\r\n padding: 2px;\r\n color: #fff;\r\n height: 16px;\r\n line-height: 16px;\r\n}\r\n.tag-success span {\r\n background-color: #50d4a8;\r\n border: 1px solid #50d4a8;\r\n}",
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "显示更多"
}
},
"content": [
{
"property": "isFixed",
"type": "Boolean",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "是否固定列布局"
}
},
"description": {
"zh_CN": "配置固定列布局"
},
"widget": {
"component": "MetaSwitch",
"props": {}
},
"cols": 12,
"rules": [],
"required": true,
"handle": {}
},
{
"property": "isAuto",
"type": "Boolean",
"defaultValue": false,
"label": {
"text": {
"zh_CN": "是否弹性布局"
}
},
"description": {
"zh_CN": "配置弹性布局"
},
"widget": {
"component": "MetaSwitch",
"props": {}
},
"cols": 12,
"rules": [],
"required": true,
"handle": {}
},
{
"property": "cpqId",
"type": "String",
"defaultValue": "",
"label": {
"text": {
"zh_CN": "报价ID"
}
},
"description": {
"zh_CN": "报价ID"
},
"widget": {
"component": "MetaInput",
"props": {}
},
"cols": 12,
"rules": [],
"required": true,
"handle": {}
}
]
}
]
},
"children": [
{
"componentName": "div",
"id": "ffab54ff",
"props": {
"className": "crm-quote-info"
},
"children": [
{
"componentName": "TinyForm",
"id": "85d5eae4",
"props": {
"ref": "quotaForm",
"disabled": {
"type": "JSExpression",
"value": "this.state.formDisabled"
},
"model": {
"type": "JSExpression",
"value": "this.state.quotationInfo"
},
"label-position": "left",
"label-width": "99px",
"label-align": true,
"rules": {
"type": "JSExpression",
"value": "this.state.rules"
}
},
"children": [
{
"componentName": "div",
"id": "51852926",
"props": {
"className": "form-title"
},
"children": [
{
"componentName": "span",
"id": "99ea0dcf",
"children": {
"type": "i18n",
"key": "quotes.basic_info.basic_info"
}
}
]
},
{
"componentName": "div",
"id": "d9e174ae",
"props": {
"className": {
"type": "JSExpression",
"value": "['basic-info', {'form-fixed-layout': this.props.isFixed}, {'form-auto-layout': this.props.isAuto}]"
}
},
"children": [
{
"componentName": "TinyFormItem",
"id": "eab52926",
"props": {
"label": {
"type": "i18n",
"key": "quotes.quote_list.project_name"
},
"prop": "cpqName"
},
"children": [
{
"componentName": "TinyTooltip",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.showTooltip",
"model": {
"prop": ""
}
},
"placement": "right",
"content": {
"type": "i18n",
"key": "tips.valid_err_msg_project_name"
},
"manual": true
},
"children": [
{
"componentName": "TinyInput",
"id": "eab11113",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.quotationInfo.cpqName",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "JSExpression",
"value": "`xxx客户-${new Date().toLocaleDateString()}`"
},
"onFocus": {
"type": "JSExpression",
"value": "this.state.showTooltip = true"
},
"onBlur": {
"type": "JSExpression",
"value": "this.state.showTooltip = false"
}
}
}
],
"id": "9dec979c"
}
]
},
{
"componentName": "TinyFormItem",
"id": "eab174ae",
"props": {
"label": {
"type": "i18n",
"key": "quotes.basic_info.sales_method"
},
"prop": "salesMode"
},
"children": [
{
"componentName": "TinySelect",
"id": "eab11114",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.quotationInfo.salesMode",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "i18n",
"key": "quotes.productlist.pleaseenterkeywords"
}
},
"children": [
{
"componentName": "TinyOption",
"props": {
"key": {
"type": "JSExpression",
"value": "item.key"
},
"label": {
"type": "JSExpression",
"value": "item.label"
},
"value": {
"type": "JSExpression",
"value": "item.value"
}
},
"id": "02944972"
}
]
}
]
},
{
"componentName": "TinyFormItem",
"id": "eab11111",
"props": {
"label": {
"type": "i18n",
"key": "quotes.basic_info.agreement_type_create"
},
"prop": "bizType"
},
"children": [
{
"componentName": "TinySelect",
"id": "eab11116",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.quotationInfo.bizType",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "i18n",
"key": "crm.common.pleaseselect"
}
},
"children": [
{
"componentName": "TinyOption",
"id": "eab11117",
"props": {
"key": {
"type": "JSExpression",
"value": "item.value"
},
"label": {
"type": "JSExpression",
"value": "item.text"
},
"value": {
"type": "JSExpression",
"value": "item.value"
}
}
}
]
}
]
},
{
"componentName": "TinyFormItem",
"id": "eab11112",
"props": {
"label": {
"type": "i18n",
"key": "quotes.basic_info.opportunity_name_create"
}
},
"children": [
{
"componentName": "TinyPopeditor",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.quotationInfo.opptyName",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "i18n",
"key": "quotes.basic_info.oppty_error"
},
"title": {
"type": "i18n",
"key": "business.basic_info.choose_opportunity"
},
"width": "700",
"grid-op": {
"type": "JSExpression",
"value": "this.state.gridOp"
},
"text-field": "opportunity_name",
"value-field": "opportunity_id",
"show-pager": true,
"remote-search": {
"type": "JSExpression",
"value": "this.remoteSearch"
},
"pager-op": {
"type": "JSExpression",
"value": "this.state.gridOp.pagerOp"
},
"conditions": {
"type": "JSExpression",
"value": "this.state.conditions"
},
"onChange": {
"type": "JSExpression",
"value": "this.opportunityChange"
}
},
"children": [
{
"componentName": "Template",
"props": {
"slot": {
"name": "search",
"params": "slotScope"
}
},
"children": [
{
"componentName": "div",
"props": {
"className": "out-search-box"
},
"children": [
{
"componentName": "div",
"props": {
"className": "search-form"
},
"children": [
{
"componentName": "TinySelect",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.conditionForm.oppSourceSelected",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "i18n",
"key": "crm.common.pleaseselect"
},
"onChange": {
"type": "JSExpression",
"value": "slotScope.searchOp.doSearch(this.state.conditionForm)"
}
},
"children": [
{
"componentName": "TinyOption",
"props": {
"key": {
"type": "JSExpression",
"value": "item.value"
},
"label": {
"type": "JSExpression",
"value": "item.label"
},
"value": {
"type": "JSExpression",
"value": "item.value"
}
}
}
]
},
{
"componentName": "TinySelect",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.conditionForm.searchTypeSelected",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "i18n",
"key": "crm.common.pleaseselect"
}
},
"children": [
{
"componentName": "TinyOption",
"props": {
"key": {
"type": "JSExpression",
"value": "item.value"
},
"label": {
"type": "JSExpression",
"value": "item.label"
},
"value": {
"type": "JSExpression",
"value": "item.value"
}
}
}
]
},
{
"componentName": "TinySearch",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.conditionForm.searchOpportunityValue",
"model": {
"prop": ""
}
},
"placeholder": {
"type": "i18n",
"key": "crm.common.pleaseselect"
},
"size": "mini",
"onSearch": {
"type": "JSExpression",
"value": "slotScope.searchOp.doSearch(this.state.conditionForm)"
}
}
},
{
"componentName": "div",
"props": {
"className": "icon-wrap",
"onClick": {
"type": "JSExpression",
"value": "slotScope.searchOp.doSearch(this.state.conditionForm)"
}
},
"children": [
{
"componentName": "Icon",
"props": {
"name": "IconRefres"
}
}
]
}
]
}
]
}
]
}
],
"id": "17ced631"
}
]
}
]
},
{
"componentName": "div",
"id": "eab11119",
"props": {
"className": "form-title"
},
"children": {
"type": "i18n",
"key": "quotes.basic_info.customer_info"
}
},
{
"componentName": "div",
"id": "eab11121",
"props": {
"className": {
"type": "JSExpression",
"value": "['customer-info', {'form-fixed-layout': this.props.isFixed}, {'form-auto-layout': this.props.isAuto}]"
}
},
"children": [
{
"componentName": "TinyFormItem",
"id": "eab11122",
"props": {
"label": {
"type": "i18n",
"key": "quotes.quotelistmodal.customername"
}
},
"children": [
{
"componentName": "TinyInput",
"id": "eab11124",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.quotationInfo.customerName",
"model": {
"prop": ""
}
},
"disabled": {
"type": "JSExpression",
"value": "this.state.customDisabled"
}
},
"children": [
{
"componentName": "Template",
"props": {
"slot": {
"name": "suffix"
}
},
"children": [
{
"componentName": "div",
"condition": {
"type": "JSExpression",
"value": "this.state.customerNameTrack?.customer_track_name"
},
"props": {
"className": "tag-nomal"
},
"children": [
{
"componentName": "span",
"children": {
"type": "JSExpression",
"value": "this.state.customerNameTrack?.customer_track_name"
}
}
],
"id": "ffadf00e"
}
]
}
]
}
]
},
{
"componentName": "TinyFormItem",
"id": "eab11123",
"props": {
"label": {
"type": "i18n",
"key": "quotes.quotelistmodal.amountnumber"
}
},
"children": [
{
"componentName": "TinyInput",
"id": "eab11125",
"props": {
"value": {
"type": "JSExpression",
"value": "this.state.quotationInfo.customAccount",
"model": {
"prop": ""
}
},
"onBlur": {
"type": "JSExpression",
"value": "this.customAccountChange"
}
},
"children": [
{
"componentName": "Template",
"props": {
"slot": {
"name": "suffix"
}
},
"children": [
{
"componentName": "div",
"condition": {
"type": "JSExpression",
"value": "this.state.customerAcctNoTrack?.customer_track_name"
},
"props": {
"className": "tag-nomal tag-success"
},
"children": [
{
"componentName": "span",
"children": {
"type": "JSExpression",
"value": "this.state.customerAcctNoTrack?.customer_track_name"
},
"id": "264153c5"
}
],
"id": "84b2f9c0"
}
]
}
]
},
{
"componentName": "TinyAlert",
"condition": {
"type": "JSExpression",
"value": "this.state.validateInfo.acctNoInvalidError"
},
"props": {
"type": "warning",
"description": {
"type": "JSExpression",
"value": "this.state.validateInfo.acctNoInvalidError"
}
},
"id": "c7263fd2"
},
{
"componentName": "TinyAlert",
"condition": {
"type": "JSExpression",
"value": "this.state.validateInfo.acctountNoResigteredTip"
},
"props": {
"type": "warning",
"description": {
"type": "JSExpression",
"value": "state.validateInfo.acctountNoResigteredTip"
}
},
"id": "fe165547"
}
]
}
]
}
]
}
]
}
],
"type": "block",
"component": "CrmQuoteInfo",
"label": "CrmQuoteInfo",
"methods": {}
}