JS实现字符串转DOM并渲染

逆袭的菜鸟X

已于 2022-11-03 17:42:51 修改

阅读量5.9k

点赞数 1

分类专栏：我的前端文章标签： javascript 前端开发语言

于 2020-09-23 15:21:34 首次发布

本文链接：https://blog.csdn.net/weixin_36445197/article/details/108753877

版权

我的前端专栏收录该内容

86 篇文章 4 订阅

订阅专栏

1、JS实现转换

方法:

function parseDom(arg) {

　　 var objE = document.createElement("div");

　　 objE.innerHTML = arg;

　　 return objE.childNodes;

};

使用:

var obj=parseDom('<div id="div_1" class="div1">Hello World!</div>');

结果:

2、实例纯JS解析

数据源:

let detail = { "Flow": { "FlowID": 202, "FlowName": "物业报修", "FlowCode": "WorkOrder_WYBX", "RandomProcess": false, "IsNeedArchive": false, "AccessPermission": { "Users": [], "Roles": [] }, "Process": { "ProcessType": 1, "Operates": [], "Nodes": [{ "NodeType": 0, "NodeID": 1, "NodeName": "开始", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": true }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": true }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": true }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 2, "NodeName": "提交工单", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": true }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": true }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": true }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 12, "NodeName": "待受理", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 3, "NodeName": "待估费", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": true }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 8, "NodeName": "估费待确认", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 9, "NodeName": "维修中", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 10, "NodeName": "维修完成待确认", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 4, "NodeName": "已完成", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 5, "NodeName": "已取消", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": true, "IsEditable": true }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": 1, "NodeID": 6, "NodeName": "已退回", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": true, "IsEditable": true }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, { "NodeType": -1, "NodeID": 11, "NodeName": "转派第三方", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }], "Routes": [{ "RouteID": 14, "RouteName": "维修完成", "FromNodeID": 9, "ToNodeID": 10, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderRepairCompleteTrigger" }, { "RouteID": 18, "RouteName": "受理", "FromNodeID": 12, "ToNodeID": 3, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderAcceptTrigger" }, { "RouteID": 10, "RouteName": "转派", "FromNodeID": 3, "ToNodeID": 3, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderTransferTrigger" }, { "RouteID": 11, "RouteName": "维修评估", "FromNodeID": 3, "ToNodeID": 8, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "PostConditions": [], "Permissions": [], "ShowType": 1, "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderRepairAssessmentTrigger" }, { "RouteID": 16, "RouteName": "转派第三方", "FromNodeID": 3, "ToNodeID": 11, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderTransferThirdPartyTrigger" }, { "RouteID": 6, "RouteName": "工单完成", "FromNodeID": 3, "ToNodeID": 4, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderFinishTrigger" }, { "RouteID": 22, "RouteName": "退回工单", "FromNodeID": 3, "ToNodeID": 6, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderReturnTrigger" }, { "RouteID": 23, "RouteName": "重新处理", "FromNodeID": 4, "ToNodeID": 3, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "PostConditions": [], "Permissions": [], "ShowType": 1, "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderReprocessing" }, { "RouteID": 15, "RouteName": "维修成功", "FromNodeID": 10, "ToNodeID": 4, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderRepairSuccessTrigger" }, { "RouteID": 17, "RouteName": "维修失败", "FromNodeID": 10, "ToNodeID": 9, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderRepairFailTrigger" }, { "RouteID": 24, "RouteName": "重新提交", "FromNodeID": 6, "ToNodeID": 12, "AllowParallel": false, "ParallelMerge": 0, "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderResubmitTrigger" }, { "RouteID": 19, "RouteName": "指派", "FromNodeID": 2, "ToNodeID": 12, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderAssignTrigger" }, { "RouteID": 2, "RouteName": "受理", "FromNodeID": 2, "ToNodeID": 3, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderAcceptTrigger" }, { "RouteID": 20, "RouteName": "取消工单", "FromNodeID": 2, "ToNodeID": 5, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderCancelTrigger" }, { "RouteID": 1, "RouteName": "提交工单", "FromNodeID": 1, "ToNodeID": 2, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderSubmitTrigger" }, { "RouteID": 12, "RouteName": "取消报修", "FromNodeID": 8, "ToNodeID": 5, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderRepairCancelTrigger" }, { "RouteID": 13, "RouteName": "继续报修", "FromNodeID": 8, "ToNodeID": 9, "AllowParallel": false, "ParallelMerge": 0, "Conditions": [], "PostConditions": [], "Permissions": [], "ShowType": 1, "Notification": [], "ApproverFilter": { "KeepUnit": false, "KeepDept": false, "KeepUser": false, "AuthorizedUsers": {} }, "TriggerCode": "WorkOrderRepairContinueTrigger" }], "Triggers": [{ "TriggerType": 0, "TriggerCode": "WorkOrderAcceptTrigger", "TriggerName": "受理工单" }, { "TriggerType": 0, "TriggerCode": "WorkOrderCancelTrigger", "TriggerName": "取消工单" }, { "TriggerType": 0, "TriggerCode": "WorkOrderTransferTrigger", "TriggerName": "转派工单" }, { "TriggerType": 0, "TriggerCode": "WorkOrderFinishTrigger", "TriggerName": "完成" }, { "TriggerType": 0, "TriggerCode": "WorkOrderReturnTrigger", "TriggerName": "退回" }, { "TriggerType": 0, "TriggerCode": "WorkOrderSubmitTrigger", "TriggerName": "提交工单" }] }, "Form": { "TitleFormats": [], "Controls": [{ "ControlType": "TextControl", "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "ControlName": "报修类型", "StorageRegion": 0, "DataType": 0, "Placeholder": "请选择报修类型", "UrlType": 0, "DefaultValueType": 0, "IsArchive": false, "TriggerEvent": [{ "EventType": 0, "ActionType": 8, "ActionName": "选择报修类型", "ActionArgs": "选择报修类型", "Multiple": 0, "Interactive": 0, "Source": "选择报修类型", "ShowField": "CatalogName", "BindField": "ID" }, { "EventType": 5, "ActionType": 9, "ActionName": "报修物品", "Interactive": 0, "SubordiLabel": "9a5aab5f-ad50-45a1-98a0-04d4290de81d" }], "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }] }, { "ControlType": "TextControl", "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "ControlName": "报修物品", "StorageRegion": 0, "DataType": 0, "Placeholder": "请选择报修物品", "UrlType": 0, "DefaultValueType": 0, "IsArchive": false, "TriggerEvent": [{ "EventType": 0, "ActionType": 8, "ActionName": "选择报修物品", "ActionArgs": "选择报修物品", "Multiple": 0, "Interactive": 0, "Source": "选择报修物品", "ShowField": "CatalogName", "BindField": "ID" }], "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }] }, { "ControlType": "TextControl", "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "ControlName": "报修地址", "StorageRegion": 0, "DataType": 0, "Placeholder": "请输入报修地址", "UrlType": 0, "DefaultValueType": 0, "DefaultValue": "", "IsArchive": false, "TriggerEvent": [], "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }] }, { "ControlType": "TextAreaControl", "ControlCode": "BIWorkOrder_Description", "ControlName": "问题描述", "StorageRegion": 6, "DataType": 0, "Placeholder": "请输入问题描述", "UrlType": 0, "DefaultValueType": 0, "IsArchive": false, "TriggerEvent": [] }, { "ControlType": "MainFileControl", "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "ControlName": "报修图片", "StorageRegion": 8, "DataType": 5, "UrlType": 0, "DefaultValueType": 0, "IsArchive": false, "TriggerEvent": [], "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }] }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_ContactPerson", "ControlName": "联系人", "StorageRegion": 0, "DataType": 0, "UrlType": 0, "DefaultValueType": 0, "DefaultValue": "系统变量.当前用户姓名", "Value": "管理员", "IsArchive": false, "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }] }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_ContactMobile", "ControlName": "联系人电话", "StorageRegion": 0, "DataType": 0, "UrlType": 0, "DefaultValueType": 0, "DefaultValue": "系统变量.当前用户手机号", "Value": "16602123263", "IsArchive": false, "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }, { "RuleName": "只允许手机号码", "ValidationType": 4, "ValidationArgs": "^\\d{11}$", "ErrorMessage": "{0}只允许手机号码" }] }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_ContactEmail", "ControlName": "联系人邮箱", "StorageRegion": 0, "DataType": 0, "UrlType": 0, "DefaultValueType": 0, "DefaultValue": "系统变量.当前用户邮箱", "Value": "1727835564@qq.com", "IsArchive": false, "ValidationRule": [{ "RuleName": "只允许邮箱", "ValidationType": 4, "ValidationArgs": "^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$", "ErrorMessage": "{0}只允许邮箱" }] }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_CustomerName", "ControlName": "公司名称", "StorageRegion": 0, "DataType": 0, "UrlType": 0, "DefaultValueType": 0, "DefaultValue": "系统变量.当前公司名称", "Value": "上海瑞谷拜特软件技术有限公司", "IsArchive": false }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_CancelRemarks", "ControlName": "取消原因", "StorageRegion": 0, "DataType": 0, "UrlType": 0, "DefaultValueType": 0, "IsArchive": false, "ValidationRule": [{ "RuleName": "不允许为空", "ValidationType": 4, "ValidationArgs": "(\\S+)", "ErrorMessage": "{0}不允许为空" }] }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_PrincipalUser", "ControlName": "处理人", "StorageRegion": 0, "DataType": 0, "Placeholder": "", "UrlType": 0, "DefaultValueType": 1, "DefaultValue": "", "IsArchive": false, "TriggerEvent": [{ "EventType": 0, "ActionType": 5, "ActionName": "选择人员", "Multiple": 0, "Interactive": 0 }] }, { "ControlType": "TextControl", "ControlCode": "BIWorkOrder_ReturnRemarks", "ControlName": "退回原因", "StorageRegion": 0, "DataType": 0, "UrlType": 0, "DefaultValueType": 0, "IsArchive": false }], "ControlsValue": { "3602f57b-9df4-49cf-85f5-5dccb848282d": "自用部分", "9a5aab5f-ad50-45a1-98a0-04d4290de81d": "电路", "0457214c-bdfa-4159-bb21-7adef0e6c8d4": "科海大楼", "BIWorkOrder_Description": "你码数", "42d203dd-1ce2-4a61-be3b-fb746635f7f4": "2502374581076014", "BIWorkOrder_ContactPerson": "管理员", "BIWorkOrder_ContactMobile": "16602123263", "BIWorkOrder_ContactEmail": "1727835564@qq.com", "BIWorkOrder_CustomerName": "测试自身", "BIWorkOrder_CancelRemarks": null, "BIWorkOrder_PrincipalUser": null, "BIWorkOrder_ReturnRemarks": null }, "DataSource": [{ "Name": "选择报修类型", "CommandType": 1, "CommandText": "DECLARE @ID VARCHAR(20)\nSELECT @ID=CONVERT(VARCHAR(20),ID ) FROM dbo.SYSDataCatalog WHERE BindTableName='BIWorkOrder' AND CatalogCode='WYBX'\nPRINT @ID\nSELECT CatalogName,ID FROM SYSDataCatalog WHERE CHARINDEX(','+@ID+',',Path)>1 AND BindTableName='BIWorkOrder' AND Layer=2 AND IsDelete=0" }, { "Name": "选择报修物品", "CommandType": 1, "CommandText": "DECLARE @ID VARCHAR(20)\nSELECT @ID=CONVERT(VARCHAR(20),ID ) FROM dbo.SYSDataCatalog WHERE BindTableName='BIWorkOrder' AND CatalogCode='WYBX'\nPRINT @ID\nSELECT CatalogName,ID FROM SYSDataCatalog WHERE CHARINDEX(','+@ID+',',Path)>1 AND BindTableName='BIWorkOrder' AND Layer=3 AND ParentID=@ParentID", "Params": [{ "Variable": "单元格.报修类型.隐藏域", "VariableValue": "3", "VariableTag": 1, "Field": "ParentID", "DataType": 3 }] }] }, "Template": "<body><div title=\"基本信息\" > <div data-type=\"input\" id=\"3602f57b-9df4-49cf-85f5-5dccb848282d\">报修类型</div> <div data-type=\"input\" id=\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\">报修物品</div> <div data-type=\"input\" id=\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\">报修地址</div> <div data-type=\"textarea\" id=\"BIWorkOrder_Description\">问题描述</div> <div data-type=\"picture\" id=\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\">报修图片</div> </div> <div title=\"联系人信息\" > <div data-type=\"input\" id=\"BIWorkOrder_ContactPerson\">联系人</div> <div data-type=\"input\" id=\"BIWorkOrder_ContactMobile\">联系人电话</div> <div data-type=\"input\" id=\"BIWorkOrder_ContactEmail\">联系人邮箱</div> <div data-type=\"input\" id=\"BIWorkOrder_CustomerName\">公司名称</div> <div data-type=\"input\" id=\"BIWorkOrder_CancelRemarks\">取消原因</div> </div> <div data-type=\"input\" id=\"BIWorkOrder_PrincipalUser\">处理人</div> <div data-type=\"input\" id=\"BIWorkOrder_ReturnRemarks\">退回原因</div></body>", "FormPcHtml": "<!DOCTYPE html><html><head>\n            <title></title></head><body>\n            <div><form class=\"form-horizontal\">\n             <div class=\"form-group col-sm-6\" controlID=\"3602f57b-9df4-49cf-85f5-5dccb848282d\">\n\t\t\t<label class=\"control-label required-label\" >报修类型：</label>\n\t\t\t<input type=\"text\" id=\"3602f57b-9df4-49cf-85f5-5dccb848282d\"   style=\"width: 100%;\"\n\t\t\tname=\"3602f57b-9df4-49cf-85f5-5dccb848282d\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\">\n\t\t\t<label class=\"control-label required-label\" >报修物品：</label>\n\t\t\t<input type=\"text\" id=\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\"   style=\"width: 100%;\"\n\t\t\tname=\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\" class=\"form-control\" ></div> <div class=\"form-group col-sm-12\" controlID=\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\">\n\t\t\t<label class=\"control-label required-label\" >报修地址：</label>\n\t\t\t<input type=\"text\" id=\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\"   style=\"width: 100%;\"\n\t\t\tname=\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\" class=\"form-control\" ></div> <div class=\"form-group col-sm-12\" controlID=\"BIWorkOrder_Description\">\n\t\t\t<label class=\"control-label \" >问题描述：</label>\n\t\t\t<textarea  id=\"BIWorkOrder_Description\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_Description\" class=\"form-control\" ></textarea></div> <div class=\"form-group col-sm-12\" controlID=\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\">\n\t\t\t<label class=\"control-label required-label\" >报修图片：</label>\n\t\t\t<input type=\"file\" id=\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\"   style=\"width: 100%;\"\n\t\t\tname=\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_ContactPerson\">\n\t\t\t<label class=\"control-label required-label\" >联系人：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_ContactPerson\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_ContactPerson\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_ContactMobile\">\n\t\t\t<label class=\"control-label required-label\" >联系人电话：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_ContactMobile\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_ContactMobile\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_ContactEmail\">\n\t\t\t<label class=\"control-label \" >联系人邮箱：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_ContactEmail\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_ContactEmail\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_CustomerName\">\n\t\t\t<label class=\"control-label \" >公司名称：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_CustomerName\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_CustomerName\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_CancelRemarks\">\n\t\t\t<label class=\"control-label required-label\" >取消原因：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_CancelRemarks\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_CancelRemarks\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_PrincipalUser\">\n\t\t\t<label class=\"control-label \" >处理人：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_PrincipalUser\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_PrincipalUser\" class=\"form-control\" ></div> <div class=\"form-group col-sm-6\" controlID=\"BIWorkOrder_ReturnRemarks\">\n\t\t\t<label class=\"control-label \" >退回原因：</label>\n\t\t\t<input type=\"text\" id=\"BIWorkOrder_ReturnRemarks\"   style=\"width: 100%;\"\n\t\t\tname=\"BIWorkOrder_ReturnRemarks\" class=\"form-control\" ></div>\n            </form></div></body></html>", "FormMobileHtml": "<body><div title=\"基本信息\" > <div data-type=\"input\" id=\"3602f57b-9df4-49cf-85f5-5dccb848282d\">报修类型</div> <div data-type=\"input\" id=\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\">报修物品</div> <div data-type=\"input\" id=\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\">报修地址</div> <div data-type=\"textarea\" id=\"BIWorkOrder_Description\">问题描述</div> <div data-type=\"picture\" id=\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\">报修图片</div> </div> <div title=\"联系人信息\" > <div data-type=\"input\" id=\"BIWorkOrder_ContactPerson\">联系人</div> <div data-type=\"input\" id=\"BIWorkOrder_ContactMobile\">联系人电话</div> <div data-type=\"input\" id=\"BIWorkOrder_ContactEmail\">联系人邮箱</div> <div data-type=\"input\" id=\"BIWorkOrder_CustomerName\">公司名称</div> <div data-type=\"input\" id=\"BIWorkOrder_CancelRemarks\">取消原因</div> </div> <div data-type=\"input\" id=\"BIWorkOrder_PrincipalUser\">处理人</div> <div data-type=\"input\" id=\"BIWorkOrder_ReturnRemarks\">退回原因</div></body>", "FormFormat": "{\"Controls\":[{\"ControlCode\":\"3602f57b-9df4-49cf-85f5-5dccb848282d\",\"TriggerEvent\":[{\"EventType\":0,\"ActionName\":\"选择报修类型\",\"ActionArgs\":\"选择报修类型\",\"ActionType\":8,\"Multiple\":0,\"Interactive\":0,\"Source\":\"选择报修类型\",\"ShowField\":\"CatalogName\",\"BindField\":\"ID\",\"SelectedValue\":null,\"ActionScript\":null},{\"EventType\":5,\"ActionType\":9,\"SubordiLabel\":\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\",\"ActionName\":\"报修物品\"}],\"ValidationRule\":[{\"ErrorMessage\":\"{0}不允许为空\",\"RuleName\":\"不允许为空\",\"ValidationArgs\":\"(\\\\S+)\",\"ValidationType\":4,\"IsHide\":true}],\"ControlName\":\"报修类型\",\"StorageRegion\":0,\"DataType\":0,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"Placeholder\":\"请选择报修类型\",\"GroupName\":\"基本信息\",\"colSpan\":6,\"StorageRegion1\":0,\"IsRequired\":true,\"IsChildTable\":false},{\"ControlCode\":\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\",\"TriggerEvent\":[{\"EventType\":0,\"ActionName\":\"选择报修物品\",\"ActionArgs\":\"选择报修物品\",\"ActionType\":8,\"Multiple\":0,\"Interactive\":0,\"Source\":\"选择报修物品\",\"ShowField\":\"CatalogName\",\"BindField\":\"ID\",\"SelectedValue\":null,\"ActionScript\":null}],\"ValidationRule\":[{\"ErrorMessage\":\"{0}不允许为空\",\"RuleName\":\"不允许为空\",\"ValidationArgs\":\"(\\\\S+)\",\"ValidationType\":4,\"IsHide\":true}],\"ControlName\":\"报修物品\",\"StorageRegion\":0,\"DataType\":0,\"Placeholder\":\"请选择报修物品\",\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"GroupName\":\"基本信息\",\"colSpan\":6,\"StorageRegion1\":0,\"IsRequired\":true,\"IsChildTable\":false},{\"ControlCode\":\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\",\"TriggerEvent\":[],\"ValidationRule\":[{\"ErrorMessage\":\"{0}不允许为空\",\"RuleName\":\"不允许为空\",\"ValidationArgs\":\"(\\\\S+)\",\"ValidationType\":4,\"IsHide\":true}],\"ControlName\":\"报修地址\",\"StorageRegion\":0,\"DataType\":0,\"Placeholder\":\"请输入报修地址\",\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"GroupName\":\"基本信息\",\"colSpan\":12,\"StorageRegion1\":0,\"IsRequired\":true,\"DefaultValue\":\"\",\"IsChildTable\":false},{\"ControlCode\":\"BIWorkOrder_Description\",\"ControlName\":\"问题描述\",\"FieldID\":\"11\",\"StorageRegion\":6,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":6,\"text\":\"多行文本框\",\"code\":\"TextAreaRich\",\"tag\":\"textarea\",\"ControlType\":\"TextAreaControl\",\"moblieType\":\"textarea\"},\"ControlType\":\"TextAreaControl\",\"DataType\":0,\"colSpan\":12,\"GroupName\":\"基本信息\",\"Placeholder\":\"请输入问题描述\",\"StorageRegion1\":6,\"TriggerEvent\":[],\"DropTagCalss\":\"TICKET/baoxwp2\",\"IsChildTable\":false},{\"ControlCode\":\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\",\"TriggerEvent\":[],\"ValidationRule\":[{\"ErrorMessage\":\"{0}不允许为空\",\"RuleName\":\"不允许为空\",\"ValidationArgs\":\"(\\\\S+)\",\"ValidationType\":4,\"IsHide\":true}],\"ControlName\":\"报修图片\",\"StorageRegion\":8,\"DataType\":5,\"StorageRegionValue\":{\"value\":8,\"text\":\"附件上传\",\"code\":\"AttachFile\",\"tag\":\"input\",\"type\":\"file\",\"ControlType\":\"MainFileControl\",\"moblieType\":\"file\"},\"ControlType\":\"MainFileControl\",\"colSpan\":12,\"GroupName\":\"基本信息\",\"StorageRegion1\":8,\"IsChildTable\":false,\"IsRequired\":true},{\"ControlCode\":\"BIWorkOrder_ContactPerson\",\"ControlName\":\"联系人\",\"FieldID\":\"7\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前用户姓名\",\"DefaultHidValue\":null,\"GroupName\":\"联系人信息\",\"colSpan\":6,\"ControlType\":\"TextControl\",\"StorageRegion1\":0,\"IsRequired\":true,\"ValidationRule\":[{\"ErrorMessage\":\"{0}不允许为空\",\"RuleName\":\"不允许为空\",\"ValidationArgs\":\"(\\\\S+)\",\"ValidationType\":4,\"IsHide\":true}]},{\"ControlCode\":\"BIWorkOrder_ContactMobile\",\"ControlName\":\"联系人电话\",\"FieldID\":\"8\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前用户手机号\",\"DefaultHidValue\":null,\"GroupName\":\"联系人信息\",\"colSpan\":6,\"StorageRegion1\":0,\"IsRequired\":true,\"ValidationRule\":[{\"ErrorMessage\":\"{0}不允许为空\",\"RuleName\":\"不允许为空\",\"ValidationArgs\":\"(\\\\S+)\",\"ValidationType\":4,\"IsHide\":true},{\"RuleName\":\"只允许手机号码\",\"ValidationType\":4,\"ValidationArgs\":\"^\\\\d{11}$\",\"ErrorMessage\":\"{0}只允许手机号码\"}]},{\"ControlCode\":\"BIWorkOrder_ContactEmail\",\"ControlName\":\"联系人邮箱\",\"FieldID\":\"9\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前用户邮箱\",\"DefaultHidValue\":null,\"GroupName\":\"联系人信息\",\"colSpan\":6,\"StorageRegion1\":0,\"ValidationRule\":[{\"RuleName\":\"只允许邮箱\",\"ValidationType\":4,\"ValidationArgs\":\"^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\\\.[a-zA-Z0-9_-]+)+$\",\"ErrorMessage\":\"{0}只允许邮箱\"}]},{\"ControlCode\":\"BIWorkOrder_CustomerName\",\"ControlName\":\"公司名称\",\"FieldID\":\"1903826730745931\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前公司名称\",\"DefaultHidValue\":null,\"colSpan\":6,\"GroupName\":\"联系人信息\",\"DataType\":0},{\"ControlCode\":\"BIWorkOrder_CancelRemarks\",\"ControlName\":\"取消原因\",\"FieldID\":\"1853018240712734\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}],\"colSpan\":6,\"StorageRegion1\":0,\"GroupName\":\"联系人信息\"},{\"ControlCode\":\"BIWorkOrder_PrincipalUser\",\"ControlName\":\"处理人\",\"FieldID\":\"2\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"DataType\":0,\"Placeholder\":\"\",\"DefaultValue\":\"\",\"DefaultValueType\":1,\"DefaultHidValue\":null,\"TriggerEvent\":[{\"EventType\":0,\"ActionName\":\"选择人员\",\"ActionType\":5,\"Multiple\":0,\"Interactive\":0}],\"colSpan\":6,\"StorageRegion1\":0},{\"ControlCode\":\"BIWorkOrder_ReturnRemarks\",\"ControlName\":\"退回原因\",\"FieldID\":\"1853016445550608\",\"StorageRegion\":0,\"IsBuiltIn\":true,\"StorageRegionValue\":{\"value\":0,\"text\":\"普通文本框\",\"code\":\"Text\",\"tag\":\"input\",\"type\":\"text\",\"ControlType\":\"TextControl\",\"moblieType\":\"input\"},\"ControlType\":\"TextControl\",\"colSpan\":6,\"DataType\":0}],\"TitleFormats\":[],\"DataSource\":[{\"CommandType\":1,\"Name\":\"选择报修类型\",\"CommandText\":\"DECLARE @ID VARCHAR(20)\\nSELECT @ID=CONVERT(VARCHAR(20),ID ) FROM dbo.SYSDataCatalog WHERE BindTableName='BIWorkOrder' AND CatalogCode='WYBX'\\nPRINT @ID\\nSELECT CatalogName,ID FROM SYSDataCatalog WHERE CHARINDEX(','+@ID+',',Path)>1 AND BindTableName='BIWorkOrder' AND Layer=2 AND IsDelete=0\"},{\"CommandType\":1,\"Name\":\"选择报修物品\",\"CommandText\":\"DECLARE @ID VARCHAR(20)\\nSELECT @ID=CONVERT(VARCHAR(20),ID ) FROM dbo.SYSDataCatalog WHERE BindTableName='BIWorkOrder' AND CatalogCode='WYBX'\\nPRINT @ID\\nSELECT CatalogName,ID FROM SYSDataCatalog WHERE CHARINDEX(','+@ID+',',Path)>1 AND BindTableName='BIWorkOrder' AND Layer=3 AND ParentID=@ParentID\",\"Params\":[{\"Variable\":\"单元格.报修类型.隐藏域\",\"VariableValue\":3,\"VariableTag\":1,\"DataType\":3,\"Field\":\"ParentID\"}]}]}", "DisplayMode": 0 }, "State": { "FlowID": 202, "ParentID": 0, "Title": "物业报修", "Status": 20, "CurNode": "维修中", "CurNodeID": 9, "RouteName": "继续报修", "RouteID": 13, "FlowType": 0, "StartTime": "2020-09-22T15:25:53.383", "Importance": 0, "FormData": "{\"TitleFormats\":[],\"Controls\":[{\"ControlType\":\"TextControl\",\"ControlCode\":\"3602f57b-9df4-49cf-85f5-5dccb848282d\",\"ControlName\":\"报修类型\",\"StorageRegion\":0,\"DataType\":0,\"Placeholder\":\"请选择报修类型\",\"UrlType\":0,\"DefaultValueType\":0,\"IsArchive\":false,\"TriggerEvent\":[{\"EventType\":0,\"ActionType\":8,\"ActionName\":\"选择报修类型\",\"ActionArgs\":\"选择报修类型\",\"Multiple\":0,\"Interactive\":0,\"Source\":\"选择报修类型\",\"ShowField\":\"CatalogName\",\"BindField\":\"ID\"},{\"EventType\":5,\"ActionType\":9,\"ActionName\":\"报修物品\",\"Interactive\":0,\"SubordiLabel\":\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\"}],\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}],\"IsLoadDefault\":true,\"Value\":\"自用部分\",\"HidValue\":1476107027087427},{\"ControlType\":\"TextControl\",\"ControlCode\":\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\",\"ControlName\":\"报修物品\",\"StorageRegion\":0,\"DataType\":0,\"Placeholder\":\"请选择报修物品\",\"UrlType\":0,\"DefaultValueType\":0,\"IsArchive\":false,\"TriggerEvent\":[{\"EventType\":0,\"ActionType\":8,\"ActionName\":\"选择报修物品\",\"ActionArgs\":\"选择报修物品\",\"Multiple\":0,\"Interactive\":0,\"Source\":\"选择报修物品\",\"ShowField\":\"CatalogName\",\"BindField\":\"ID\"}],\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}],\"IsLoadDefault\":true,\"Value\":\"电路\",\"HidValue\":1386232235950318},{\"ControlType\":\"TextControl\",\"ControlCode\":\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\",\"ControlName\":\"报修地址\",\"StorageRegion\":0,\"DataType\":0,\"Placeholder\":\"请输入报修地址\",\"UrlType\":0,\"DefaultValueType\":0,\"DefaultValue\":\"\",\"IsArchive\":false,\"TriggerEvent\":[],\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}],\"Value\":\"科海大楼\"},{\"ControlType\":\"TextAreaControl\",\"ControlCode\":\"BIWorkOrder_Description\",\"ControlName\":\"问题描述\",\"StorageRegion\":6,\"DataType\":0,\"Placeholder\":\"请输入问题描述\",\"UrlType\":0,\"DefaultValueType\":0,\"IsArchive\":false,\"TriggerEvent\":[],\"Value\":\"你码数\"},{\"ControlType\":\"MainFileControl\",\"ControlCode\":\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\",\"ControlName\":\"报修图片\",\"StorageRegion\":8,\"DataType\":5,\"UrlType\":0,\"DefaultValueType\":0,\"IsArchive\":false,\"TriggerEvent\":[],\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}],\"Value\":\"2502374581076014\"},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_ContactPerson\",\"ControlName\":\"联系人\",\"StorageRegion\":0,\"DataType\":0,\"UrlType\":0,\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前用户姓名\",\"Value\":\"管理员\",\"IsArchive\":false,\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}]},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_ContactMobile\",\"ControlName\":\"联系人电话\",\"StorageRegion\":0,\"DataType\":0,\"UrlType\":0,\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前用户手机号\",\"Value\":\"16602123263\",\"IsArchive\":false,\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"},{\"RuleName\":\"只允许手机号码\",\"ValidationType\":4,\"ValidationArgs\":\"^\\\\d{11}$\",\"ErrorMessage\":\"{0}只允许手机号码\"}]},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_ContactEmail\",\"ControlName\":\"联系人邮箱\",\"StorageRegion\":0,\"DataType\":0,\"UrlType\":0,\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前用户邮箱\",\"Value\":\"1727835564@qq.com\",\"IsArchive\":false,\"ValidationRule\":[{\"RuleName\":\"只允许邮箱\",\"ValidationType\":4,\"ValidationArgs\":\"^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\\\.[a-zA-Z0-9_-]+)+$\",\"ErrorMessage\":\"{0}只允许邮箱\"}]},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_CustomerName\",\"ControlName\":\"公司名称\",\"StorageRegion\":0,\"DataType\":0,\"UrlType\":0,\"DefaultValueType\":0,\"DefaultValue\":\"系统变量.当前公司名称\",\"Value\":\"测试自身\",\"IsArchive\":false},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_CancelRemarks\",\"ControlName\":\"取消原因\",\"StorageRegion\":0,\"DataType\":0,\"UrlType\":0,\"DefaultValueType\":0,\"IsArchive\":false,\"ValidationRule\":[{\"RuleName\":\"不允许为空\",\"ValidationType\":4,\"ValidationArgs\":\"(\\\\S+)\",\"ErrorMessage\":\"{0}不允许为空\"}]},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_PrincipalUser\",\"ControlName\":\"处理人\",\"StorageRegion\":0,\"DataType\":0,\"Placeholder\":\"\",\"UrlType\":0,\"DefaultValueType\":1,\"DefaultValue\":\"\",\"IsArchive\":false,\"TriggerEvent\":[{\"EventType\":0,\"ActionType\":5,\"ActionName\":\"选择人员\",\"Multiple\":0,\"Interactive\":0}],\"IsLoadDefault\":true},{\"ControlType\":\"TextControl\",\"ControlCode\":\"BIWorkOrder_ReturnRemarks\",\"ControlName\":\"退回原因\",\"StorageRegion\":0,\"DataType\":0,\"UrlType\":0,\"DefaultValueType\":0,\"IsArchive\":false}],\"ControlsValue\":{\"3602f57b-9df4-49cf-85f5-5dccb848282d\":null,\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\":null,\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\":null,\"BIWorkOrder_Description\":null,\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\":null,\"BIWorkOrder_ContactPerson\":null,\"BIWorkOrder_ContactMobile\":null,\"BIWorkOrder_ContactEmail\":null,\"BIWorkOrder_CustomerName\":null,\"BIWorkOrder_CancelRemarks\":null,\"BIWorkOrder_PrincipalUser\":null,\"BIWorkOrder_ReturnRemarks\":null},\"DataSource\":[{\"Name\":\"选择报修类型\",\"CommandType\":1,\"CommandText\":\"DECLARE @ID VARCHAR(20)\\nSELECT @ID=CONVERT(VARCHAR(20),ID ) FROM dbo.SYSDataCatalog WHERE BindTableName='BIWorkOrder' AND CatalogCode='WYBX'\\nPRINT @ID\\nSELECT CatalogName,ID FROM SYSDataCatalog WHERE CHARINDEX(','+@ID+',',Path)>1 AND BindTableName='BIWorkOrder' AND Layer=2 AND IsDelete=0\"},{\"Name\":\"选择报修物品\",\"CommandType\":1,\"CommandText\":\"DECLARE @ID VARCHAR(20)\\nSELECT @ID=CONVERT(VARCHAR(20),ID ) FROM dbo.SYSDataCatalog WHERE BindTableName='BIWorkOrder' AND CatalogCode='WYBX'\\nPRINT @ID\\nSELECT CatalogName,ID FROM SYSDataCatalog WHERE CHARINDEX(','+@ID+',',Path)>1 AND BindTableName='BIWorkOrder' AND Layer=3 AND ParentID=@ParentID\",\"Params\":[{\"Variable\":\"单元格.报修类型.隐藏域\",\"VariableValue\":\"3\",\"VariableTag\":1,\"Field\":\"ParentID\",\"DataType\":3}]}],\"Permissions\":[{\"ControlCode\":\"3602f57b-9df4-49cf-85f5-5dccb848282d\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"9a5aab5f-ad50-45a1-98a0-04d4290de81d\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"0457214c-bdfa-4159-bb21-7adef0e6c8d4\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_Description\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"42d203dd-1ce2-4a61-be3b-fb746635f7f4\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_ContactPerson\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_ContactMobile\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_ContactEmail\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_CustomerName\",\"IsVisible\":true,\"IsEditable\":true,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_CancelRemarks\",\"IsVisible\":false,\"IsEditable\":false,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_PrincipalUser\",\"IsVisible\":false,\"IsEditable\":false,\"IsSwitchShow\":true},{\"ControlCode\":\"BIWorkOrder_ReturnRemarks\",\"IsVisible\":false,\"IsEditable\":false,\"IsSwitchShow\":true}]}", "AuditResult": 0, "IsArchive": false, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:25:06.91", "IsDelete": false, "UnitID": 1286329350488146, "FlowContentID": 2421258402660467, "ID": 2502373876433026 }, "Tasks": [{ "StateID": 2502373876433026, "FlowID": 202, "Status": -10, "Flag": 1, "CurUser": "管理员", "CurUserID": 294369106067825, "RouteID": 0, "CurNode": "开始", "CurNodeID": 1, "FinishTime": "2020-09-22T15:25:53.41", "FinisherName": "管理员", "ReadedStatus": 0, "Importance": 0, "IsDelegate": false, "IsRead": false, "IsNeedMaterial": false, "IsBeReturn": false, "SuperviseCount": 0, "IsApprove": 0, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:25:06.957", "IsActive": false, "IsDelete": false, "IsTemp": false, "ID": 2502373876433538 }, { "StateID": 2502373876433026, "FlowID": 202, "Status": -10, "Flag": 1, "CurUser": "管理员", "CurUserID": 294369106067825, "RouteName": "提交工单", "RouteID": 1, "PreUser": "管理员", "PreUserID": 294369106067825, "CurNode": "提交工单", "CurNodeID": 2, "PreNode": "开始", "PreNodeID": 1, "ConveyTime": "2020-09-22T15:25:53", "FinishTime": "2020-09-22T15:26:05.523", "LimitTime": "2020-09-22T15:25:53", "FinisherName": "管理员", "ReadedStatus": 0, "IsDelegate": false, "IsRead": false, "IsNeedMaterial": false, "IsBeReturn": false, "SuperviseCount": 0, "IsApprove": 0, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:25:53.427", "IsActive": false, "IsDelete": false, "IsTemp": false, "ID": 2502374664962802 }, { "StateID": 2502373876433026, "FlowID": 202, "Status": -10, "Flag": 1, "CurUser": "管理员", "CurUserID": 294369106067825, "RouteName": "受理", "RouteID": 2, "PreUser": "管理员", "PreUserID": 294369106067825, "CurNode": "待估费", "CurNodeID": 3, "PreNode": "提交工单", "PreNodeID": 2, "ConveyTime": "2020-09-22T15:26:05", "FinishTime": "2020-09-22T15:26:37.023", "LimitTime": "2020-09-22T15:26:05", "FinisherName": "管理员", "ReadedStatus": 0, "IsDelegate": false, "IsRead": false, "IsNeedMaterial": false, "IsBeReturn": false, "SuperviseCount": 0, "IsApprove": 0, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:26:05.543", "IsActive": false, "IsDelete": false, "IsTemp": false, "ID": 2502374866289059 }, { "StateID": 2502373876433026, "FlowID": 202, "Status": -10, "Flag": 1, "CurUser": "管理员", "CurUserID": 294369106067825, "RouteName": "维修评估", "RouteID": 11, "PreUser": "管理员", "PreUserID": 294369106067825, "CurNode": "估费待确认", "CurNodeID": 8, "PreNode": "待估费", "PreNodeID": 3, "ConveyTime": "2020-09-22T15:26:37", "FinishTime": "2020-09-22T15:27:04.767", "LimitTime": "2020-09-22T15:26:37", "FinisherName": "管理员", "ReadedStatus": 0, "IsDelegate": false, "IsRead": false, "IsNeedMaterial": false, "IsBeReturn": false, "SuperviseCount": 0, "IsApprove": 0, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:26:37.03", "IsActive": false, "IsDelete": false, "IsTemp": false, "ID": 2502375403159822 }, { "StateID": 2502373876433026, "FlowID": 202, "Status": 20, "Flag": 1, "CurUser": "管理员", "CurUserID": 294369106067825, "RouteName": "继续报修", "RouteID": 13, "PreUser": "管理员", "PreUserID": 294369106067825, "CurNode": "维修中", "CurNodeID": 9, "PreNode": "估费待确认", "PreNodeID": 8, "ConveyTime": "2020-09-22T15:27:04", "LimitTime": "2020-09-22T15:27:04", "ReadedStatus": 0, "IsDelegate": false, "IsRead": false, "IsNeedMaterial": false, "IsBeReturn": false, "SuperviseCount": 0, "IsApprove": 0, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:27:04.773", "IsActive": true, "IsDelete": false, "IsTemp": false, "ID": 2502375856144686 }], "Task": { "StateID": 2502373876433026, "FlowID": 202, "Status": 20, "Flag": 1, "CurUser": "管理员", "CurUserID": 294369106067825, "RouteName": "继续报修", "RouteID": 13, "PreUser": "管理员", "PreUserID": 294369106067825, "CurNode": "维修中", "CurNodeID": 9, "PreNode": "估费待确认", "PreNodeID": 8, "ConveyTime": "2020-09-22T15:27:04", "LimitTime": "2020-09-22T15:27:04", "ReadedStatus": 0, "IsDelegate": false, "IsRead": false, "IsNeedMaterial": false, "IsBeReturn": false, "SuperviseCount": 0, "IsApprove": 0, "Inputer": "管理员(瑞小谷1)", "InputerID": 294369106067825, "InputTime": "2020-09-22T15:27:04.773", "IsActive": true, "IsDelete": false, "IsTemp": false, "ID": 2502375856144686 }, "HasAttachTemplate": false, "CurrentUser": { "Name": "管理员", "ID": 294369106067825 }, "CurrentUserList": [{ "Name": "管理员", "ID": 294369106067825 }], "PrimaryNode": { "NodeType": 1, "NodeID": 9, "NodeName": "维修中", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 }, "CurrentNode": { "NodeType": 1, "NodeID": 9, "NodeName": "维修中", "Permissions": [{ "ControlCode": "3602f57b-9df4-49cf-85f5-5dccb848282d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "9a5aab5f-ad50-45a1-98a0-04d4290de81d", "IsVisible": true, "IsEditable": false }, { "ControlCode": "0457214c-bdfa-4159-bb21-7adef0e6c8d4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_Description", "IsVisible": true, "IsEditable": false }, { "ControlCode": "42d203dd-1ce2-4a61-be3b-fb746635f7f4", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactPerson", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactMobile", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ContactEmail", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CustomerName", "IsVisible": true, "IsEditable": false }, { "ControlCode": "BIWorkOrder_CancelRemarks", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_PrincipalUser", "IsVisible": false, "IsEditable": false }, { "ControlCode": "BIWorkOrder_ReturnRemarks", "IsVisible": false, "IsEditable": false }], "AttachPermissions": [], "Approver": {}, "DefaultApprover": { "Dynamics": [{ "Name": "系统变量.流程发起人ID", "ID": 0 }] }, "Circulator": {}, "LimitDays": 0, "RemindMethods": { "Notification": false, "SMS": false, "EMail": false }, "AutoCommit": false, "Priority": 0 } };

源码:

{detail && detail.Flow.Template && this.filterDiv(detail.Flow.Template).map((item: any, index: number) => this.renderListView(item, index))}

// string字符串转dom
parseDom(arg) {

    let objE = document.createElement("div");

    objE.innerHTML = arg;

    return objE.childNodes;

};
// string转dom,并只保留dom重的div,dom转为数组
filterDiv(template: any) {
    let num = this.parseDom(template).length;
    let list: any = [];
    for (let i = 0; i <= num; i++) {
        list.push(this.parseDom(template)[i]);
    }

    return list.filter(item => {
        return item && item.tagName === "DIV";
    });
}
// 只保留dom重的div,dom转为数组
getDomArray(item) {
    let num = item.length;
    let list: any = [];
    for (let i = 0; i <= num; i++) {
        list.push(item[i]);
    }

    return list.filter(item => {
        return item && item.tagName === "DIV";
    });
}
// 解析两层div嵌套并渲染
renderChildrenItem(item) {
    return item && this.getDomArray(item).map(itm => {
        return <div style={{ fontSize: "15px" }}>{`${itm.innerHTML}内容`}</div>
    })
}
// 解析div
renderListView(data: any, key: number) {
    let children = data.children;
    if (children.length === 0) {
        return <div style={{ fontSize: "20px" }}>
            <div>{data.innerHTML}</div>
            <div style={{ fontSize: "15px" }}>{`${data.innerHTML}内容`}</div>
        </div>
    } else {
        return <div style={{ fontSize: "20px" }}>
            <div>{data.title}</div>
            <div>
                {this.renderChildrenItem(children)}
            </div>
        </div>
    }
}

解析结果:

3、使用jquery更简单

核心代码如下

filterDiv(template: any) {
    let num = $(template).length;
    // console.log($(template), num, template)
    let list: any = [];
    for (let i = 0; i <= num; i++) {
        list.push($(template)[i]);
    }

    return list.filter(item => {
        return item && item.tagName === "DIV";
    });
}
renderChildrenItem(item) {
    return item && this.filterDiv(item).map(itm => {
        return <div style={{ fontSize: "15px" }}>{`${$(item).html()}内容`}</div>
    })
}
renderListView(data: any, key: number) {
    let children = $(data).children();
    if (children.length === 0) {
        return <div style={{ fontSize: "20px" }}>
            <div>{$(data).attr("title")}</div>
            <div style={{ fontSize: "15px" }}>{`${$(data).html()}内容`}</div>
        </div>
    } else {
        return <div style={{ fontSize: "20px" }}>
            <div>{$(data).attr("title")}</div>
            <div>
                {this.renderChildrenItem(children)}
            </div>
        </div>
    }
}

实例:

隐私策略

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <div id="content">234</div>
        <script>
            function parseDom(arg) {
                var objE = document.getElementById("content");

                objE.innerHTML = arg;
                console.log("objE", objE);
            }
            parseDom(
                '<p><span style="background-color:rgb(201,231,255);color:rgb(23,26,29);">1、点击扫描app下载二维码打开下载页，iOS会自动跳转至苹果商店，下载前需要验证苹果账号，安卓可以直接下载</span></p><figure class="image"><img src="https://fat.bitechdevelop.com/reco-ipark-10-3-webapi/userFile/files/editor/picture/20221101/ck1ggp7pib51hje1jelabc1aj4ttj0/e1403b9e-9c9a-4d65-a1d2-51c670f0c7de.jpg"></figure><p>&nbsp;</p><p><span style="background-color:rgb(201,231,255);color:rgb(23,26,29);">2、下载完成app打开，接口配置页面，调用相机扫码顶部服务端/运营端二维码打开对应产品</span></p><p>&nbsp;</p><figure class="image"><img src="https://fat.bitechdevelop.com/reco-ipark-10-3-webapi/userFile/files/editor/picture/20221101/ck1ggp7pib51hje1jelabc1aj4ttj0/16ddf0ad-f8ba-462a-aa9c-c49bd41b1c9c.jpg"></figure><p><span style="background-color:rgb(201,231,255);color:rgb(23,26,29);">3、如果需要切换其他产品，退出至登录页面，点击下方切换服务按钮</span></p><figure class="image image_resized" style="width:42.98%;"><img src="https://fat.bitechdevelop.com/reco-ipark-10-3-webapi/userFile/files/editor/picture/20221101/ck1ggp7pib51hje1jelabc1aj4ttj0/69a4b965-5876-4914-9cef-ff00115b9441.jpg"></figure><p>&nbsp;</p>'
            );
        </script>
    </body>
</html>

逆袭的菜鸟X

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS实现字符串转DOM并渲染

方法:function parseDom(arg) {　　 var objE = document.createElement("div");　　 objE.innerHTML = arg;　　 return objE.childNodes;};使用:var obj=parseDom('<div id="div_1" class="div1">Hello World!</div>');结果:使用jquery更简单$(template)...
复制链接

扫一扫