{ "componentName": "Page", "id": "node_dockcviv8fo1", "docId": "doclaqkk3b9", "props": { "ref": "outerView", "style": { "height": "100%" } }, "fileName": "banquetReservationPage", "dataSource": { "list": [ { "type": "fetch", "id": "node_ocmk24smc2g", "isInit": true, "options": { "uri": "/source/api/dynamicFormTableRecord/page/1203689394066821120", "params": { "pageNum": 1, "pageSize": 10, "itemList": { "type": "JSExpression", "value": "[]" } }, "method": "POST", "isCors": true, "timeout": 5000, "headers": { "Content-Type": "application/json", "authToken": { "type": "JSExpression", "value": "localStorage.getItem('authToken')" }, "siteCode": "1203698988486889472", "dcAuthType": "authToken-1203698988486889472", "authToken-1203698988486889472": { "type": "JSExpression", "value": "localStorage.getItem('authToken-1203698988486889472')" } } } }, { "type": "fetch", "isInit": false, "options": { "params": { "itemList": { "type": "JSExpression", "value": "[{}]" } }, "method": "POST", "isCors": true, "timeout": 5000, "headers": { "Content-Type": "application/json", "authToken": { "type": "JSExpression", "value": "localStorage.getItem('authToken')" }, "siteCode": "1203698988486889472", "dcAuthType": "authToken-1203698988486889472", "authToken-1203698988486889472": { "type": "JSExpression", "value": "localStorage.getItem('authToken-1203698988486889472')" }, "submitKey": { "type": "JSExpression", "value": "`${Date.now()}-${Math.floor(Math.random() * 1_000_000)}`" } }, "uri": "/source/api/dynamicFormTableRecord/1203690686210248704/" }, "id": "node_ocmk24smc3g" } ] }, "state": { "banquet_date": { "type": "JSExpression", "value": "\"\"" }, "banquet_time": { "type": "JSExpression", "value": "\"\"" }, "guest_count": { "type": "JSExpression", "value": "\"\"" }, "package_name": { "type": "JSExpression", "value": "\"\"" }, "package_name_text": { "type": "JSExpression", "value": "\"\"" }, "package_price": { "type": "JSExpression", "value": "\"\"" }, "user_name": { "type": "JSExpression", "value": "\"\"" }, "user_mobile": { "type": "JSExpression", "value": "\"\"" }, "memo": { "type": "JSExpression", "value": "\"\"" }, "order_desc": { "type": "JSExpression", "value": "\"\"" }, "order_status": { "type": "JSExpression", "value": "\"待处理\"" } }, "css": "body {\n font-size: 12px;\n}\n\n.button {\n width: 100px;\n color: #ff00ff\n}", "lifeCycles": {}, "methods": { "updateVariable": { "type": "JSFunction", "value": "function updateVariable(clickValue, extra) {\n const {\n field,\n dataSourceId\n } = extra || {};\n // 如果没有field，则不进行操作\n if (!field) {\n console.log('没有field，不进行操作');\n return;\n }\n this.setState({\n [field]: clickValue\n }, () => {\n var _this$dataSourceMap$d;\n (_this$dataSourceMap$d = this.dataSourceMap[dataSourceId]) === null || _this$dataSourceMap$d === void 0 ? void 0 : _this$dataSourceMap$d.load().then(data => {\n var _data$data, _data$data2;\n this.setState({\n [dataSourceId + '_isLastPage']: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.isLastPage,\n [dataSourceId + '_nowPage']: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.pageNum\n });\n });\n });\n}", "source": "function updateVariable(clickValue, extra) {\n const {\n field,\n dataSourceId\n } = extra || {};\n // 如果没有field，则不进行操作\n if (!field) {\n console.log('没有field，不进行操作');\n return;\n }\n this.setState({\n [field]: clickValue\n }, () => {\n this.dataSourceMap[dataSourceId]?.load().then(data => {\n this.setState({\n [dataSourceId + '_isLastPage']: data?.data?.isLastPage,\n [dataSourceId + '_nowPage']: data?.data?.pageNum\n });\n });\n });\n}" }, "goPage": { "type": "JSFunction", "value": "function goPage(params, extra) {\n console.log(params, extra);\n const pageId = (extra === null || extra === void 0 ? void 0 : extra['pathId']) || params || '';\n if (!pageId) {\n // 如果没有路径的情况下，不进行跳转\n return;\n }\n // 进行页面跳转\n this.utils.gotoByPageId(pageId, extra === null || extra === void 0 ? void 0 : extra['isNew']);\n}", "source": "function goPage(params, extra) {\n console.log(params, extra);\n const pageId = extra?.['pathId'] || params || '';\n if (!pageId) {\n // 如果没有路径的情况下，不进行跳转\n return;\n }\n // 进行页面跳转\n this.utils.gotoByPageId(pageId, extra?.['isNew']);\n}" }, "pageHelperInfo": { "type": "JSFunction", "value": "function pageHelperInfo(params, extra) {\n const {\n pageField = 'pageNum',\n pageValue = 1,\n rowsField = 'pageSize',\n rowsValue = 10,\n dataSourceId\n } = {\n ...(params || {}),\n ...(extra || {})\n };\n return new Promise(resolve => {\n var _this$dataSourceMap$d;\n (_this$dataSourceMap$d = this.dataSourceMap[dataSourceId]) === null || _this$dataSourceMap$d === void 0 ? void 0 : _this$dataSourceMap$d.load({\n [pageField]: (params === null || params === void 0 ? void 0 : params.page) || pageValue,\n [rowsField]: (params === null || params === void 0 ? void 0 : params.rows) || rowsValue\n }).then(data => {\n var _data$data, _data$data2;\n this.setState({\n [dataSourceId + '_isLastPage']: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.isLastPage,\n [dataSourceId + '_nowPage']: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.pageNum\n });\n resolve({\n page: data.data[pageField],\n rows: data.data[rowsField],\n total: data.data.total,\n isLastPage: data.data.isLastPage\n });\n });\n });\n}", "source": "function pageHelperInfo(params, extra) {\n const {\n pageField = 'pageNum',\n pageValue = 1,\n rowsField = 'pageSize',\n rowsValue = 10,\n dataSourceId\n } = {\n ...(params || {}),\n ...(extra || {})\n };\n return new Promise(resolve => {\n this.dataSourceMap[dataSourceId]?.load({\n [pageField]: params?.page || pageValue,\n [rowsField]: params?.rows || rowsValue\n }).then(data => {\n this.setState({\n [dataSourceId + '_isLastPage']: data?.data?.isLastPage,\n [dataSourceId + '_nowPage']: data?.data?.pageNum\n });\n resolve({\n page: data.data[pageField],\n rows: data.data[rowsField],\n total: data.data.total,\n isLastPage: data.data.isLastPage\n });\n });\n });\n}" }, "onDateChange": { "type": "JSFunction", "value": "function onDateChange(e) {\n this.setState({\n banquet_date: e\n });\n}", "source": "function onDateChange(e) {\n this.setState({\n banquet_date: e\n });\n}" }, "onDateTimeChange": { "type": "JSFunction", "value": "function onDateTimeChange(e) {\n this.setState({\n banquet_time: e\n });\n}", "source": "function onDateTimeChange(e) {\n this.setState({\n banquet_time: e\n });\n}" }, "onGuestsChange": { "type": "JSFunction", "value": "function onGuestsChange(e) {\n this.setState({\n guest_count: e\n });\n}", "source": "function onGuestsChange(e) {\n this.setState({\n guest_count: e\n });\n}" }, "onPackageNameChange": { "type": "JSFunction", "value": "function onPackageNameChange(e) {\n console.log(e, this.state.node_ocmk24smc2g.data.list);\n const packageList = this.state.node_ocmk24smc2g.data.list;\n const checkedPackage = packageList.filter(item => item.id === e);\n console.log(checkedPackage);\n const {\n package_name,\n package_price\n } = checkedPackage[0];\n this.setState({\n package_name: e,\n package_price: package_price,\n package_name_text: package_name\n });\n}", "source": "function onPackageNameChange(e) {\n console.log(e, this.state.node_ocmk24smc2g.data.list);\n const packageList = this.state.node_ocmk24smc2g.data.list;\n const checkedPackage = packageList.filter(item => item.id === e);\n console.log(checkedPackage);\n const {\n package_name,\n package_price\n } = checkedPackage[0];\n this.setState({\n package_name: e,\n package_price: package_price,\n package_name_text: package_name\n });\n}" }, "onNameChange": { "type": "JSFunction", "value": "function onNameChange(e) {\n this.setState({\n user_name: e\n });\n}", "source": "function onNameChange(e) {\n this.setState({\n user_name: e\n });\n}" }, "onMobileChange": { "type": "JSFunction", "value": "function onMobileChange(e) {\n this.setState({\n user_mobile: e\n });\n}", "source": "function onMobileChange(e) {\n this.setState({\n user_mobile: e\n });\n}" }, "onMemoChange": { "type": "JSFunction", "value": "function onMemoChange(e) {\n this.setState({\n memo: e\n });\n}", "source": "function onMemoChange(e) {\n this.setState({\n memo: e\n });\n}" }, "areAllFieldsFilled": { "type": "JSFunction", "value": "function areAllFieldsFilled() {\n // 替代Object.values的ES5写法\n const values = Object.keys(this.state).map(function (key) {\n return this.state[key];\n }.bind(this));\n // 普通函数替代箭头函数\n return values.every(function (value) {\n return value !== null && value !== undefined && value !== \"\";\n });\n}", "source": "function areAllFieldsFilled() {\n // 替代Object.values的ES5写法\n const values = Object.keys(this.state).map(function (key) {\n return this.state[key];\n }.bind(this));\n // 普通函数替代箭头函数\n return values.every(function (value) {\n return value !== null && value !== undefined && value !== \"\";\n });\n}" }, "onSubmitClick": { "type": "JSFunction", "value": "function onSubmitClick() {\n // 1. 先组装 order_desc 的值（避免依赖异步的 state）\n const newOrderDesc = `${this.state.package_name_text},${this.state.package_price},预订日期时间：${this.state.banquet_date} ${this.state.banquet_time},宴请人数：${this.state.guest_count}人`;\n\n // 2. 使用 setState 的回调函数，确保在状态更新后执行后续逻辑\n this.setState({\n order_desc: newOrderDesc\n }, () => {\n // 这个回调函数会在 setState 真正完成、state 更新后执行\n console.log('form submit', this.state); // 此时能看到最新的 order_desc\n const isValidate = this.areAllFieldsFilled();\n console.log('isValidate', isValidate);\n if (isValidate) {\n this.dataSourceMap.node_ocmk24smc3g.load({\n itemList: [{\n \"columnName\": \"banquet_time\",\n \"columnValue\": `${this.state.banquet_date} ${this.state.banquet_time}`\n }, {\n \"columnName\": \"guest_count\",\n \"columnValue\": this.state.guest_count\n }, {\n \"columnName\": \"package_name\",\n \"columnValue\": this.state.package_name\n }, {\n \"columnName\": \"package_name_text\",\n \"columnValue\": this.state.package_name_text\n }, {\n \"columnName\": \"package_price\",\n \"columnValue\": this.state.package_price\n }, {\n \"columnName\": \"user_name\",\n \"columnValue\": this.state.user_name\n }, {\n \"columnName\": \"user_mobile\",\n \"columnValue\": this.state.user_mobile\n }, {\n \"columnName\": \"memo\",\n \"columnValue\": this.state.memo\n }, {\n \"columnName\": \"order_desc\",\n \"columnValue\": this.state.order_desc\n },\n // 此时是最新值\n {\n \"columnName\": \"order_status\",\n \"columnValue\": this.state.order_status\n }]\n }).then(data => {\n console.log('submit success', data);\n if (data.code === '0') {\n window.Next.Message.success('新增成功');\n }\n });\n }\n });\n}", "source": "function onSubmitClick() {\n // 1. 先组装 order_desc 的值（避免依赖异步的 state）\n const newOrderDesc = `${this.state.package_name_text},${this.state.package_price},预订日期时间：${this.state.banquet_date} ${this.state.banquet_time},宴请人数：${this.state.guest_count}人`;\n\n // 2. 使用 setState 的回调函数，确保在状态更新后执行后续逻辑\n this.setState({\n order_desc: newOrderDesc\n }, () => {\n // 这个回调函数会在 setState 真正完成、state 更新后执行\n console.log('form submit', this.state); // 此时能看到最新的 order_desc\n const isValidate = this.areAllFieldsFilled();\n console.log('isValidate', isValidate);\n if (isValidate) {\n this.dataSourceMap.node_ocmk24smc3g.load({\n itemList: [{\n \"columnName\": \"banquet_time\",\n \"columnValue\": `${this.state.banquet_date} ${this.state.banquet_time}`\n }, {\n \"columnName\": \"guest_count\",\n \"columnValue\": this.state.guest_count\n }, {\n \"columnName\": \"package_name\",\n \"columnValue\": this.state.package_name\n }, {\n \"columnName\": \"package_name_text\",\n \"columnValue\": this.state.package_name_text\n }, {\n \"columnName\": \"package_price\",\n \"columnValue\": this.state.package_price\n }, {\n \"columnName\": \"user_name\",\n \"columnValue\": this.state.user_name\n }, {\n \"columnName\": \"user_mobile\",\n \"columnValue\": this.state.user_mobile\n }, {\n \"columnName\": \"memo\",\n \"columnValue\": this.state.memo\n }, {\n \"columnName\": \"order_desc\",\n \"columnValue\": this.state.order_desc\n },\n // 此时是最新值\n {\n \"columnName\": \"order_status\",\n \"columnValue\": this.state.order_status\n }]\n }).then(data => {\n console.log('submit success', data);\n if (data.code === '0') {\n window.Next.Message.success('新增成功');\n }\n });\n }\n });\n}" } }, "originCode": "class LowcodeComponent extends Component {\n state = {\n // 订单编号\n // \"order_id\": \"\",\n // 宴请日期\n \"banquet_date\": \"\",\n // 宴请时间\n \"banquet_time\": \"\",\n // 宴请人数\n \"guest_count\": \"\",\n // 套餐名称\n \"package_name\": \"\",\n // 套餐名称文本\n \"package_name_text\": \"\",\n // 套餐价格\n \"package_price\": \"\",\n // 预订人名称\n \"user_name\": \"\",\n // 预订人联系方式\n \"user_mobile\": \"\",\n // 备注\n \"memo\": \"\",\n // 订单描述\n \"order_desc\": \"\",\n // 订单状态\n \"order_status\": \"待处理\",\n }\n \n /**\n * 数据源的点击交互事件（请不要随意改动该方法）\n * @param clickValue 事件传递的原参数\n * @param extra 额外的参数（数据源相关的参数）\n */\n updateVariable(clickValue, extra) {\n const { field, dataSourceId } = extra || {}\n // 如果没有field，则不进行操作\n if (!field) {\n console.log('没有field，不进行操作')\n return\n }\n this.setState({ [field]: clickValue }, () => {\n this.dataSourceMap[dataSourceId]?.load().then((data) => {\n this.setState({\n [dataSourceId + '_isLastPage']: data?.data?.isLastPage,\n [dataSourceId + '_nowPage']: data?.data?.pageNum,\n })\n })\n })\n }\n\n /**\n * 页面跳转事件（请不要随意改动该方法）\n * @param params 默认传入的参数\n * @param extra 额外的参数\n */\n goPage(params, extra) {\n console.log(params, extra)\n const pageId = extra?.['pathId'] || params || ''\n if (!pageId) {\n // 如果没有路径的情况下，不进行跳转\n return\n }\n // 进行页面跳转\n this.utils.gotoByPageId(pageId, extra?.['isNew'])\n }\n\n /**\n * 分页助手信息\n * @param params\n * @param extra\n */\n pageHelperInfo(params, extra) {\n const {\n pageField = 'pageNum',\n pageValue = 1,\n rowsField = 'pageSize',\n rowsValue = 10,\n dataSourceId,\n } = { ...(params || {}), ...(extra || {}) }\n return new Promise((resolve) => {\n this.dataSourceMap[dataSourceId]\n ?.load({ [pageField]: params?.page || pageValue, [rowsField]: params?.rows || rowsValue })\n .then((data) => {\n this.setState({\n [dataSourceId + '_isLastPage']: data?.data?.isLastPage,\n [dataSourceId + '_nowPage']: data?.data?.pageNum,\n })\n resolve({\n page: data.data[pageField],\n rows: data.data[rowsField],\n total: data.data.total,\n isLastPage: data.data.isLastPage,\n })\n })\n })\n }\n /**\n * 宴请日期值改变事件\n */\n onDateChange(e) {\n this.setState({\n banquet_date: e\n })\n }\n /**\n * 宴请时间值改变事件\n */\n\tonDateTimeChange(e){\n this.setState({\n banquet_time: e\n })\n\t}\n /**\n * 宴请人数值改变事件\n */\n\tonGuestsChange(e){\n this.setState({\n guest_count: e\n })\n\t}\n /**\n * 套餐名称值改变事件\n */\n\tonPackageNameChange(e){\n console.log(e, this.state.node_ocmk24smc2g.data.list)\n const packageList = this.state.node_ocmk24smc2g.data.list\n const checkedPackage = packageList.filter(item => item.id === e)\n console.log(checkedPackage)\n const { package_name, package_price } = checkedPackage[0]\n this.setState({\n package_name: e,\n package_price: package_price,\n package_name_text: package_name\n })\n\t}\n /**\n * 预订人名称值改变事件\n */\n\tonNameChange(e){\n this.setState({\n user_name: e\n })\n\t}\n\n /**\n * 预订人联系方式值改变事件\n */\n onMobileChange(e){\n this.setState({\n user_mobile: e\n })\n\t}\n /**\n * 备注值改变事件\n */\n\tonMemoChange(e){\n this.setState({\n memo: e\n })\n\t}\n /**\n * 判断对象的所有字段值是否都不为空\n * @param {object} obj - 需要检查的对象\n * @returns {boolean} - 如果所有字段都不为空，返回 true；否则返回 false\n */\n areAllFieldsFilled(){\n // 替代Object.values的ES5写法\n const values = Object.keys(this.state).map(function (key) {\n return this.state[key];\n }.bind(this));\n // 普通函数替代箭头函数\n return values.every(function (value) {\n return value !== null && value !== undefined && value !== \"\";\n });\n }\n /**\n * 预订提交按钮点击事件\n */\n onSubmitClick(){\n // 1. 先组装 order_desc 的值（避免依赖异步的 state）\n const newOrderDesc = `${this.state.package_name_text},${this.state.package_price},预订日期时间：${this.state.banquet_date} ${this.state.banquet_time},宴请人数：${this.state.guest_count}人`;\n \n // 2. 使用 setState 的回调函数，确保在状态更新后执行后续逻辑\n this.setState({\n order_desc: newOrderDesc\n }, () => {\n // 这个回调函数会在 setState 真正完成、state 更新后执行\n console.log('form submit', this.state); // 此时能看到最新的 order_desc\n const isValidate = this.areAllFieldsFilled()\n console.log('isValidate', isValidate);\n\n if (isValidate) {\n this.dataSourceMap.node_ocmk24smc3g.load({\n itemList:\n [\n { \"columnName\": \"banquet_time\", \"columnValue\": `${this.state.banquet_date} ${this.state.banquet_time}` },\n { \"columnName\": \"guest_count\", \"columnValue\": this.state.guest_count },\n { \"columnName\": \"package_name\", \"columnValue\": this.state.package_name },\n { \"columnName\": \"package_name_text\", \"columnValue\": this.state.package_name_text },\n { \"columnName\": \"package_price\", \"columnValue\": this.state.package_price },\n { \"columnName\": \"user_name\", \"columnValue\": this.state.user_name },\n { \"columnName\": \"user_mobile\", \"columnValue\": this.state.user_mobile },\n { \"columnName\": \"memo\", \"columnValue\": this.state.memo },\n { \"columnName\": \"order_desc\", \"columnValue\": this.state.order_desc }, // 此时是最新值\n { \"columnName\": \"order_status\", \"columnValue\": this.state.order_status },\n ]\n }).then((data) => {\n console.log('submit success', data);\n if (data.code === '0') {\n window.Next.Message.success('新增成功');\n }\n });\n }\n });\n }\n}", "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "CustomDrawer", "id": "node_ocmk2cb04f1b", "docId": "docmmkhthpn", "props": { "visible": false, "title": "菜单", "placement": "left" }, "hidden": true, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "Box", "id": "node_ocmk2cb04f1c", "docId": "docmmkhthpn", "props": { "direction": "column", "style": { "width": "" }, "spacing": 10, "justify": "center", "align": "center" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "Button", "id": "node_ocmk2cb04f1f", "docId": "docmmkhthpn", "props": { "prefix": "next-", "type": "primary", "size": "medium", "htmlType": "button", "component": "button", "children": "首页", "iconSize": "xxs", "loading": false, "text": false, "warning": false, "disabled": false, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onClick", "relatedEventName": "goPage", "paramStr": "{\"pathId\":\"index\",\"isNew\":false}" } ], "eventList": [ { "name": "onClick", "description": "点击按钮的回调\n@param {Object} e Event Object", "disabled": true }, { "name": "onMouseUp", "disabled": false } ] }, "onClick": { "type": "JSFunction", "value": "function(){return this.goPage.apply(this,Array.prototype.slice.call(arguments).concat([{\"pathId\":\"index\",\"isNew\":false}])) }" }, "style": { "width": "100%" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Button", "id": "node_ocmk2cb04f1i", "docId": "docmmkhthpn", "props": { "prefix": "next-", "type": "primary", "size": "medium", "htmlType": "button", "component": "button", "children": "宴请预订", "iconSize": "xxs", "loading": false, "text": false, "warning": false, "disabled": false, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onClick", "relatedEventName": "goPage", "paramStr": "{\"pathId\":\"banquetReservationPage\",\"isNew\":false}" } ], "eventList": [ { "name": "onClick", "description": "点击按钮的回调\n@param {Object} e Event Object", "disabled": true }, { "name": "onMouseUp", "disabled": false } ] }, "onClick": { "type": "JSFunction", "value": "function(){return this.goPage.apply(this,Array.prototype.slice.call(arguments).concat([{\"pathId\":\"banquetReservationPage\",\"isNew\":false}])) }" }, "style": { "width": "100%" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Button", "id": "node_ocmk2cb04f1j", "docId": "docmmkhthpn", "props": { "prefix": "next-", "type": "primary", "size": "medium", "htmlType": "button", "component": "button", "children": "历史预订", "iconSize": "xxs", "loading": false, "text": false, "warning": false, "disabled": false, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onClick", "relatedEventName": "goPage", "paramStr": "{\"pathId\":\"orderHistory\",\"isNew\":false}" } ], "eventList": [ { "name": "onClick", "description": "点击按钮的回调\n@param {Object} e Event Object", "disabled": true }, { "name": "onMouseUp", "disabled": false } ] }, "onClick": { "type": "JSFunction", "value": "function(){return this.goPage.apply(this,Array.prototype.slice.call(arguments).concat([{\"pathId\":\"orderHistory\",\"isNew\":false}])) }" }, "style": { "width": "100%" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" } ] } ] }, { "componentName": "FDCell", "id": "node_ocmk0q82me1", "docId": "docmjtgdpwq", "props": { "align": "space-between", "verAlign": "middle", "style": { "backgroundColor": "rgba(255,255,255,1)", "paddingRight": "12px", "minHeight": "" }, "width": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "FDP", "id": "node_ocmk0q82me2", "docId": "docmjtgdpwq", "props": {}, "title": "段落", "hidden": false, "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "Image", "id": "node_ocmk0q82me3", "docId": "docmjtgdpwq", "props": { "src": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg", "imgSrc": "https://51ymb.com/source/api/upload/1203685972647219200/2025/202512/20251231/1203768305861660672.png", "style": { "width": "157px" } }, "title": "图片", "hidden": false, "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Image", "id": "node_ocmk0q82me4", "docId": "docmjtgdpwq", "props": { "src": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg", "imgSrc": "https://51ymb.com/source/api/upload/1203685972647219200/2025/202512/20251231/1203735293010776064.png", "style": { "width": "35px", "height": "28px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onClick", "relatedEventName": "goPage", "paramStr": "{\"pathId\":\"index\",\"isNew\":false}" } ], "eventList": [ { "name": "onClick", "disabled": true } ] }, "onClick": { "type": "JSFunction", "value": "function(){return this.goPage.apply(this,Array.prototype.slice.call(arguments).concat([{\"pathId\":\"index\",\"isNew\":false}])) }" } }, "title": "图片", "hidden": false, "isLocked": false, "condition": true, "conditionGroup": "" } ] } ] }, { "componentName": "Divider", "id": "node_ocmk24m4o84", "docId": "docmk1zx01c", "props": { "prefix": "next-", "direction": "hoz", "orientation": "center", "children": "宴请预订", "dashed": false, "style": { "fontSize": "17px" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Box", "id": "node_ocmk24smc21", "docId": "docmk24smc2", "props": { "direction": "column", "style": { "width": "", "paddingLeft": "15px", "paddingRight": "15px", "fontSize": "17px" }, "spacing": 10, "justify": "center", "align": "flex-start" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "NextText", "id": "node_ocmk24smc22", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "宴请日期", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Input", "id": "node_ocmk24smc23", "docId": "docmk24smc2", "props": { "placeholder": "请输入", "size": "medium", "hasClear": false, "disabled": false, "readOnly": false, "hasBorder": true, "autoFocus": false, "state": "", "defaultValue": "", "label": "", "hasLimitHint": false, "cutString": false, "trim": false, "hint": "", "innerBefore": "", "innerAfter": "", "addonBefore": "", "addonAfter": "", "addonTextBefore": "", "addonTextAfter": "", "id": "", "name": "", "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onDateChange" } ], "eventList": [ { "name": "onPressEnter", "disabled": false }, { "name": "onChange", "disabled": true }, { "name": "onClear", "disabled": false }, { "name": "onKeyDown", "disabled": false }, { "name": "onFocus", "disabled": false }, { "name": "onBlur", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onDateChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc24", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "宴请时间", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Input", "id": "node_ocmk24smc2e", "docId": "docmk24smc2", "props": { "placeholder": "请输入", "size": "medium", "hasClear": false, "disabled": false, "readOnly": false, "hasBorder": true, "autoFocus": false, "state": "", "defaultValue": "", "label": "", "hasLimitHint": false, "cutString": false, "trim": false, "hint": "", "innerBefore": "", "innerAfter": "", "addonBefore": "", "addonAfter": "", "addonTextBefore": "", "addonTextAfter": "", "id": "", "name": "", "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onDateTimeChange" } ], "eventList": [ { "name": "onPressEnter", "disabled": false }, { "name": "onChange", "disabled": true }, { "name": "onClear", "disabled": false }, { "name": "onKeyDown", "disabled": false }, { "name": "onFocus", "disabled": false }, { "name": "onBlur", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onDateTimeChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc25", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "宴请人数", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Input", "id": "node_ocmk24smc2f", "docId": "docmk24smc2", "props": { "placeholder": "请输入", "size": "medium", "hasClear": false, "disabled": false, "readOnly": false, "hasBorder": true, "autoFocus": false, "state": "", "defaultValue": "", "label": "", "hasLimitHint": false, "cutString": false, "trim": false, "hint": "", "innerBefore": "", "innerAfter": "", "addonBefore": "", "addonAfter": "", "addonTextBefore": "", "addonTextAfter": "", "id": "", "name": "", "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onGuestsChange" } ], "eventList": [ { "name": "onPressEnter", "disabled": false }, { "name": "onChange", "disabled": true }, { "name": "onClear", "disabled": false }, { "name": "onKeyDown", "disabled": false }, { "name": "onFocus", "disabled": false }, { "name": "onBlur", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onGuestsChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc26", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "套餐名称", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "CustomSelect", "id": "node_ocmk24smc2g", "docId": "docmk24smc2", "props": { "popType": "bottom", "selectType": "string", "dataList": [], "value": "", "prefix": "", "dialogTitle": "请选择", "btnText": "确认", "options": { "type": "JSExpression", "value": "this.state['node_ocmk24smc2g']?.data?.list?.map(item => {return {value: item.id,label: item.package_name}})" }, "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onPackageNameChange" } ], "eventList": [ { "name": "onChange", "propType": "func", "description": "值发生变化", "disabled": true }, { "name": "onVisibleChange", "propType": "func", "description": "弹层显示隐藏变化", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onPackageNameChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc27", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "套餐价格", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24ulsd1", "docId": "docmmkhthpn", "props": { "type": "inherit", "children": { "type": "JSExpression", "value": "this.state.package_price", "mock": "请选择套餐" }, "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc28", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "预订人名称", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Input", "id": "node_ocmk24smc2i", "docId": "docmk24smc2", "props": { "placeholder": "请输入", "size": "medium", "hasClear": false, "disabled": false, "readOnly": false, "hasBorder": true, "autoFocus": false, "state": "", "defaultValue": "", "label": "", "hasLimitHint": false, "cutString": false, "trim": false, "hint": "", "innerBefore": "", "innerAfter": "", "addonBefore": "", "addonAfter": "", "addonTextBefore": "", "addonTextAfter": "", "id": "", "name": "", "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onNameChange" } ], "eventList": [ { "name": "onPressEnter", "disabled": false }, { "name": "onChange", "disabled": true }, { "name": "onClear", "disabled": false }, { "name": "onKeyDown", "disabled": false }, { "name": "onFocus", "disabled": false }, { "name": "onBlur", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onNameChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc29", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "预订人联系方式", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Input", "id": "node_ocmk24smc2j", "docId": "docmk24smc2", "props": { "placeholder": "请输入", "size": "medium", "hasClear": false, "disabled": false, "readOnly": false, "hasBorder": true, "autoFocus": false, "state": "", "defaultValue": "", "label": "", "hasLimitHint": false, "cutString": false, "trim": false, "hint": "", "innerBefore": "", "innerAfter": "", "addonBefore": "", "addonAfter": "", "addonTextBefore": "", "addonTextAfter": "", "id": "", "name": "", "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onMobileChange" } ], "eventList": [ { "name": "onPressEnter", "disabled": false }, { "name": "onChange", "disabled": true }, { "name": "onClear", "disabled": false }, { "name": "onKeyDown", "disabled": false }, { "name": "onFocus", "disabled": false }, { "name": "onBlur", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onMobileChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "NextText", "id": "node_ocmk24smc2a", "docId": "docmk24smc2", "props": { "type": "inherit", "children": "备注", "mark": false, "code": false, "delete": false, "underline": false, "strong": false, "prefix": "", "classname": "" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Input", "id": "node_ocmk24smc2k", "docId": "docmk24smc2", "props": { "placeholder": "请输入", "size": "medium", "hasClear": false, "disabled": false, "readOnly": false, "hasBorder": true, "autoFocus": false, "state": "", "defaultValue": "", "label": "", "hasLimitHint": false, "cutString": false, "trim": false, "hint": "", "innerBefore": "", "innerAfter": "", "addonBefore": "", "addonAfter": "", "addonTextBefore": "", "addonTextAfter": "", "id": "", "name": "", "style": { "width": "350px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onChange", "relatedEventName": "onMemoChange" } ], "eventList": [ { "name": "onPressEnter", "disabled": false }, { "name": "onChange", "disabled": true }, { "name": "onClear", "disabled": false }, { "name": "onKeyDown", "disabled": false }, { "name": "onFocus", "disabled": false }, { "name": "onBlur", "disabled": false } ] }, "onChange": { "type": "JSFunction", "value": "function(){return this.onMemoChange.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" } ] }, { "componentName": "FDCell", "id": "node_ocmk24uufg2", "docId": "docmmkhthpn", "props": { "align": "center", "verAlign": "top", "style": { "backgroundColor": "rgba(255,255,255,1)", "marginTop": "20px", "marginBottom": "20px" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "FDP", "id": "node_ocmk24uufg3", "docId": "docmmkhthpn", "props": {}, "title": "段落", "hidden": false, "isLocked": false, "condition": true, "conditionGroup": "", "children": [ { "componentName": "Button", "id": "node_ocmk24uufg1", "docId": "docmk24smc2", "props": { "prefix": "next-", "type": "primary", "size": "medium", "htmlType": "button", "component": "button", "children": "提交预订", "iconSize": "xxs", "loading": false, "text": false, "warning": false, "disabled": false, "style": { "backgroundColor": "#f34949", "width": "40%", "borderRadius": "2px", "fontSize": "17px", "height": "42px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onClick", "relatedEventName": "onSubmitClick" } ], "eventList": [ { "name": "onClick", "description": "点击按钮的回调\n@param {Object} e Event Object", "disabled": true }, { "name": "onMouseUp", "disabled": false } ] }, "onClick": { "type": "JSFunction", "value": "function(){return this.onSubmitClick.apply(this,Array.prototype.slice.call(arguments).concat([])) }" } }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "" }, { "componentName": "Button", "id": "node_ocmk24uufg4", "docId": "docmk24smc2", "props": { "prefix": "next-", "type": "primary", "size": "medium", "htmlType": "button", "component": "button", "children": "查看历史预订", "iconSize": "xxs", "loading": false, "text": false, "warning": false, "disabled": false, "style": { "width": "40%", "borderRadius": "2px", "fontSize": "17px", "height": "42px" }, "__events": { "eventDataList": [ { "type": "componentEvent", "name": "onClick", "relatedEventName": "goPage", "paramStr": "{\"pathId\":\"orderHistory\",\"isNew\":false}" } ], "eventList": [ { "name": "onClick", "description": "点击按钮的回调\n@param {Object} e Event Object", "disabled": true }, { "name": "onMouseUp", "disabled": false } ] }, "onClick": { "type": "JSFunction", "value": "function(){return this.goPage.apply(this,Array.prototype.slice.call(arguments).concat([{\"pathId\":\"orderHistory\",\"isNew\":false}])) }" }, "ref": "button-a35c791b" }, "hidden": false, "title": "", "isLocked": false, "condition": true, "conditionGroup": "", "loopArgs": [ null, null ] } ] } ] } ] }