修改出库审批流程图（抽取统一方法）

src/main/resources/templates/pages/application/form-step-look_back.html

@@ -87,80 +87,6 @@
                                     <td id="state" th:text="${record.getState()}">2016-11-28</td>
                                     <td id="pass" th:text="${record.getPass()}" style="display:none;"></td>
                                 </tr>
-                                <!--<tr>
-                                    <td>申请人</td>
-                                    <td id="applicantName" th:text="${record.getApplicantName()}">2016-11-28</td>
-                                </tr>
-                                <tr>
-                                    <td>请求提交时间</td>
-                                    <td id="applicantTime" th:text="${record.getApplicantTime()}">2016-11-28</td>
-                                </tr>
-
-                                <tr>
-                                    <td>申请备注</td>
-                                    <td id="applyRemarks" th:text="${record.getApplyRemark()}">备注</td>
-                                </tr>
-
-                                <tr>
-                                    <td>负责人</td>
-                                    <td id="departmentheadName" th:text="${record.getDepartmentheadName()}">部门负责人</td>
-                                </tr>
-                                <tr id="departmentheadMessageT" style="display: none">
-                                    <td>负责人备注</td>
-                                    <td id="departmentheadMessage" th:text="${record.getDepartmentheadMessage()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-                                <tr id="departmentheadTimeT" style="display: none">
-                                    <td>负责人审核时间</td>
-                                    <td id="departmentheadTime"
-                                        th:text="${record.getDepartmentheadTime().equals('1970-01-01 08:00:00')?'':record.getDepartmentheadTime()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-
-                                <input id="depositoryManagerPass" style="display: none"
-                                       th:value="${record.getDepositoryManagerPass()}">
-
-                                <tr id="balancePosterNameT" style="display: none">
-                                    <td th:text="${depositoryManagerText}"></td>
-                                    <td id="balancePosterName" th:text="${record.getBalancePosterName()}"></td>
-                                </tr>
-                                <tr id="balancePosterMessageT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'备注'"></td>
-                                    <td id="balancePosterNameMessage" th:text="${record.getBalancePosterMessage()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-                                <tr id="balancePosterNameTimeT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'审核时间'"></td>
-                                    <td id="balancePosterNameTime"
-                                        th:text="${record.getBalancePosterTime().equals('1970-01-01 08:00:00')?'':record.getBalancePosterTime()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-
-
-                                <tr id="depositoryManagerNameT" style="display: none">
-                                    <td th:text="${depositoryManagerText}"></td>
-
-                                    <td id="depositoryManagerName" th:text="${record.getDepositoryManagerName()}"></td>
-                                </tr>
-                                <tr id="depositoryManagerNameMessageT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'备注'"></td>
-                                    <td id="depositoryManagerNameMessage"
-                                        th:text="${record.getDepositoryManagerMessage()}">2016-11-28
-                                    </td>
-                                </tr>
-                                <tr id="depositoryManagerNameTimeT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'审核时间'"></td>
-                                    <td id="depositoryManagerNameTime"
-                                        th:text="${record.getDepositoryManagerTime().equals('1970-01-01 08:00:00')?'':record.getDepositoryManagerTime()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>-->
-
-
                                 </tbody>
                             </table>
                             <!--                            用于展示审批流程-->
@@ -211,6 +137,11 @@
 
     }
 
+    // 用于构造审批节点
+    function createApprovalNode(nodeName, record, timeLineStartItemForId) {
+
+    }
+
     layui.use(['form', 'step'], function () {
         var $ = layui.$,
             form = layui.form,
@@ -232,6 +163,68 @@
         let record = {};
 
 
+        /**
+         * 用于生成审批节点
+         * @param nodeName 当前节点名称
+         * @param record 当前数据
+         * @param timeLineStartItemForId 开始行
+         */
+        createApprovalNode = function (nodeName, record, timeLineStartItemForId) {
+            let timeLineEndItem = `</div></div>`;
+            let approvalNode;
+            let nodeState = record[nodeName + "Pass"];
+            if (nodeState === "3") {
+                // 如果平衡岗未审批
+                let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：</h3>';
+                let UserIconPhoto = record[nodeState + "UserIconPhoto"];
+                let approvalNodeForIconPhoto = '';
+                for (let key in UserIconPhoto) {
+                    if (UserIconPhoto.hasOwnProperty(key)) {
+                        let depositoryManagerIconPhotoItem = '<div>' +
+                            '<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
+                            '<span>' + key + '</span>' +
+                            '</div>';
+                        approvalNodeForIconPhoto += depositoryManagerIconPhotoItem;
+                    }
+                }
+                approvalNode = timeLineStartItemForId + approvalNodeForTitleName + approvalNodeForIconPhoto + timeLineEndItem;
+
+            } else {
+                let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：';
+                let approvalNodeForDisposeMessage = '<p>审批意见：' + record[nodeName + "Message"] + '</p>';
+                let timeLineStartItemForIcon;
+                let UserIconPhoto = record[nodeName + "UserIconPhoto"];
+                let approvalNodeForIconPhoto = '';
+                for (let key in UserIconPhoto) {
+                    if (UserIconPhoto.hasOwnProperty(key)) {
+                        let IconPhotoItem = '<div>' +
+                            '<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
+                            '<span>' + key + '</span>' +
+                            '<div style="position: absolute;right: 0;top: 35px">';
+                        if (nodeState === "1") {
+                            IconPhotoItem += '已通过&nbsp;&nbsp;&nbsp;&nbsp;';
+                        } else if (nodeState === "2") {
+                            IconPhotoItem += '已驳回&nbsp;&nbsp;&nbsp;&nbsp;';
+
+                        }
+                        IconPhotoItem += record[nodeName + "Time"] + '</div></div>';
+                        approvalNodeForIconPhoto += IconPhotoItem;
+                    }
+                }
+                if (nodeState === "1") {
+                    // 如果审批通过
+                    timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
+                    approvalNodeForTitleName += '已通过</h3>';
+
+                } else if (nodeState === "2") {
+                    timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
+                    approvalNodeForTitleName += '已驳回</h3>';
+                }
+                approvalNode = timeLineStartItemForIcon + approvalNodeForTitleName + approvalNodeForIconPhoto + approvalNodeForDisposeMessage + timeLineEndItem;
+            }
+            return approvalNode;
+        };
+
         $.ajax({
             url: "/depositoryRecord/getApplicationOutRecord",
             type: "post",
@@ -256,20 +249,13 @@
 
 
                 // 获取部门负责人节点审批相关信息（第一个节点）
-                let departmenthead = record.departmenthead;
                 let departmentheadTime = record.departmentheadTime;
                 let departmentheadPass = record.departmentheadPass;
                 let departmentheadMessage = record.departmentheadMessage;
                 // 获取仓储中心负责人节点审批相关信息（第二个节点）
-                let depositoryManager = record.depositoryManagerName;
-                let depositoryManagerNameTime = record.depositoryManagerTime;
                 let depositoryManagerPass = record.depositoryManagerPass;
-                let depositoryManagerMessage = record.depositoryManagerMessage;
                 // 获取平衡岗人员相关信息
                 let balancePoster = record.balancePoster;
-                let balancePosterName = record.balancePosterName;
-                let balancePosterNameTime = record.balancePosterTime;
-                let balancePosterMessage = record.balancePosterMessage;
                 let balancePosterPass = record.balancePosterPass;
 
                 if (departmentheadPass !== "3") {
@@ -290,60 +276,22 @@
                     let flagForBalancerNode = 2;
                     // 配置平衡岗节点（第二个节点）
                     if (balancePoster !== "" && departmentheadPass === "1") {
+                        let nodeName = "balancePoster";
+                        let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
+                        let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
                         // 如果需要平衡岗且第一个节点审批完成
                         if (balancePosterPass === "3") {
-                            // 如果平衡岗未审批
-                            let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
-                            let approvalNodeForBalancerIconPhoto = '';
-                            for (let key in balancePosterIconPhoto) {
-                                if (balancePosterIconPhoto.hasOwnProperty(key)) {
-                                    let balancePosterIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
-                                }
-
-                            }
-                            let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
-                            let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + timeLineEndItem;
-                            // 添加节点
-                            firstApprovalNode.after(approvalNodeForBalancer);
                             flagForBalancerNode = -1; // 不展示
                         } else {
-                            let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
-                            let approvalNodeForBalancerIconPhoto = '';
-                            for (let key in balancePosterIconPhoto) {
-                                if (balancePosterIconPhoto.hasOwnProperty(key)) {
-                                    let balancePosterIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
-                                }
-                            }
-                            let approvalNodeForBalancerTime = '<p>审批时间：' + balancePosterNameTime + '</p>';
-                            let approvalNodeForBalancerMessage = '<p>审批意见：' + balancePosterMessage + '</p>';
-                            let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
-                            let timeLineStartItemForStartIcon;
-                            let timeLineStartItemForState;
                             if (balancePosterPass === "1") {
                                 // 如果平衡岗审批通过
-                                timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
                                 flagForBalancerNode = 3; // 为第三个节点
-                                timeLineStartItemForState = '<p>审批状态：审批通过</p>';
                             } else if (balancePosterPass === "2") {
                                 // 如果平衡岗未审批通过
-                                timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
                                 flagForBalancerNode = -1; // 不展示
-                                timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
                             }
-                            let approvalNodeForBalancer = timeLineStartItemForStartIcon + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + approvalNodeForBalancerTime + timeLineStartItemForState + approvalNodeForBalancerMessage + timeLineEndItem;
-                            firstApprovalNode.after(approvalNodeForBalancer);
                         }
-
+                        firstApprovalNode.after(approvalNode);
                     }
 
                     // 配置仓储管理员节点（第三或第二个节点）
@@ -357,64 +305,16 @@
                             // 如果是第三个节点
                             timeLineStartItemForId = timeLineStartItem.replace("placeholder", "thirdApprovalNode");
                         }
-                        // 如果可以查看该节点
-                        if (depositoryManagerPass === "3") {
-                            // 如果平衡岗未审批
-                            let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
-                            let approvalNodeFordepositoryManagerIconPhoto = '';
-                            for (let key in depositoryManagerIconPhoto) {
-                                if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
-                                    let depositoryManagerIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
-                                }
-                            }
-                            let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName+approvalNodeFordepositoryManagerIconPhoto + timeLineEndItem;
-                            // 添加节点
-                            if (flagForBalancerNode === 2) {
-                                // 如果是第二个节点
-                                firstApprovalNode.after(approvalNodeForBalancer);
-                            } else {
-                                // 如果是第三个节点
-                                $("#secondApprovalNode").after(approvalNodeForBalancer);
-                            }
-                        } else {
-                            let approvalNodeForDepositoryManagerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let approvalNodeForDepositoryManagerTime = '<p>审批时间：' + depositoryManagerNameTime + '</p>';
-                            let approvalNodeForDepositoryManagerMessage = '<p>审批意见：' + depositoryManagerMessage + '</p>';
-                            let timeLineStartItemForIcon;
-                            let timeLineStartItemForState;
-                            let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
-                            let approvalNodeFordepositoryManagerIconPhoto = '';
-                            for (let key in depositoryManagerIconPhoto) {
-                                if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
-                                    let depositoryManagerIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
-                                }
-                            }
-                            if (depositoryManagerPass === "1") {
-                                // 如果审批通过
-                                timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
-                                timeLineStartItemForState = '<p>审批状态：审批通过</p>';
 
-                            } else if (depositoryManagerPass === "2") {
+                        // 如果可以查看该节点
-                                timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
+                        let nodeName = "depositoryManager";
-                                timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
+                        let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
-                            }
-                            let approvalNodeForBalancer = timeLineStartItemForIcon + approvalNodeForDepositoryManagerName +approvalNodeFordepositoryManagerIconPhoto + approvalNodeForDepositoryManagerTime + timeLineStartItemForState + approvalNodeForDepositoryManagerMessage + timeLineEndItem;
                         if (flagForBalancerNode === 2) {
                             // 如果是第二个节点
-                                firstApprovalNode.after(approvalNodeForBalancer);
+                            firstApprovalNode.after(approvalNode);
                         } else {
                             // 如果是第三个节点
-                                $("#secondApprovalNode").after(approvalNodeForBalancer);
+                            $("#secondApprovalNode").after(approvalNode);
-                            }
                         }
                     }
 
@@ -439,9 +339,9 @@
                         if (pass === 1) {
                             let approvalNodeForCompleteOutState = '<p>处理状态：出库完成</p>';
                             let approvalNodeForCompleteOutTime = '<p>出库时间：' + completeOutTime + '</p>';
-                            approvalCompleteOutNode = timeLineStartItem.replace("layui-icon-friends", "layui-icon-ok") + approvalNodeForCompleteOutUserName+approvalNodeForCompleteOutUserIconPhoto + approvalNodeForCompleteOutState + approvalNodeForCompleteOutTime + timeLineEndItem;
+                            approvalCompleteOutNode = timeLineStartItem.replace("layui-icon-friends", "layui-icon-ok") + approvalNodeForCompleteOutUserName + approvalNodeForCompleteOutUserIconPhoto + approvalNodeForCompleteOutState + approvalNodeForCompleteOutTime + timeLineEndItem;
                         } else {
-                            approvalCompleteOutNode = timeLineStartItem + approvalNodeForCompleteOutUserName+approvalNodeForCompleteOutUserIconPhoto + timeLineEndItem;
+                            approvalCompleteOutNode = timeLineStartItem + approvalNodeForCompleteOutUserName + approvalNodeForCompleteOutUserIconPhoto + timeLineEndItem;
                         }
                         if (flagForBalancerNode === 2) {
                             if (depositoryManagerPass !== "4") {

target/classes/templates/pages/application/form-step-look_back.html

@@ -87,80 +87,6 @@
                                     <td id="state" th:text="${record.getState()}">2016-11-28</td>
                                     <td id="pass" th:text="${record.getPass()}" style="display:none;"></td>
                                 </tr>
-                                <!--<tr>
-                                    <td>申请人</td>
-                                    <td id="applicantName" th:text="${record.getApplicantName()}">2016-11-28</td>
-                                </tr>
-                                <tr>
-                                    <td>请求提交时间</td>
-                                    <td id="applicantTime" th:text="${record.getApplicantTime()}">2016-11-28</td>
-                                </tr>
-
-                                <tr>
-                                    <td>申请备注</td>
-                                    <td id="applyRemarks" th:text="${record.getApplyRemark()}">备注</td>
-                                </tr>
-
-                                <tr>
-                                    <td>负责人</td>
-                                    <td id="departmentheadName" th:text="${record.getDepartmentheadName()}">部门负责人</td>
-                                </tr>
-                                <tr id="departmentheadMessageT" style="display: none">
-                                    <td>负责人备注</td>
-                                    <td id="departmentheadMessage" th:text="${record.getDepartmentheadMessage()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-                                <tr id="departmentheadTimeT" style="display: none">
-                                    <td>负责人审核时间</td>
-                                    <td id="departmentheadTime"
-                                        th:text="${record.getDepartmentheadTime().equals('1970-01-01 08:00:00')?'':record.getDepartmentheadTime()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-
-                                <input id="depositoryManagerPass" style="display: none"
-                                       th:value="${record.getDepositoryManagerPass()}">
-
-                                <tr id="balancePosterNameT" style="display: none">
-                                    <td th:text="${depositoryManagerText}"></td>
-                                    <td id="balancePosterName" th:text="${record.getBalancePosterName()}"></td>
-                                </tr>
-                                <tr id="balancePosterMessageT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'备注'"></td>
-                                    <td id="balancePosterNameMessage" th:text="${record.getBalancePosterMessage()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-                                <tr id="balancePosterNameTimeT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'审核时间'"></td>
-                                    <td id="balancePosterNameTime"
-                                        th:text="${record.getBalancePosterTime().equals('1970-01-01 08:00:00')?'':record.getBalancePosterTime()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>
-
-
-                                <tr id="depositoryManagerNameT" style="display: none">
-                                    <td th:text="${depositoryManagerText}"></td>
-
-                                    <td id="depositoryManagerName" th:text="${record.getDepositoryManagerName()}"></td>
-                                </tr>
-                                <tr id="depositoryManagerNameMessageT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'备注'"></td>
-                                    <td id="depositoryManagerNameMessage"
-                                        th:text="${record.getDepositoryManagerMessage()}">2016-11-28
-                                    </td>
-                                </tr>
-                                <tr id="depositoryManagerNameTimeT" style="display: none">
-                                    <td th:text="${depositoryManagerText}+'审核时间'"></td>
-                                    <td id="depositoryManagerNameTime"
-                                        th:text="${record.getDepositoryManagerTime().equals('1970-01-01 08:00:00')?'':record.getDepositoryManagerTime()}">
-                                        2016-11-28
-                                    </td>
-                                </tr>-->
-
-
                                 </tbody>
                             </table>
                             <!--                            用于展示审批流程-->
@@ -211,6 +137,11 @@
 
     }
 
+    // 用于构造审批节点
+    function createApprovalNode(nodeName, record, timeLineStartItemForId) {
+
+    }
+
     layui.use(['form', 'step'], function () {
         var $ = layui.$,
             form = layui.form,
@@ -232,6 +163,68 @@
         let record = {};
 
 
+        /**
+         * 用于生成审批节点
+         * @param nodeName 当前节点名称
+         * @param record 当前数据
+         * @param timeLineStartItemForId 开始行
+         */
+        createApprovalNode = function (nodeName, record, timeLineStartItemForId) {
+            let timeLineEndItem = `</div></div>`;
+            let approvalNode;
+            let nodeState = record[nodeName + "Pass"];
+            if (nodeState === "3") {
+                // 如果平衡岗未审批
+                let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：</h3>';
+                let UserIconPhoto = record[nodeState + "UserIconPhoto"];
+                let approvalNodeForIconPhoto = '';
+                for (let key in UserIconPhoto) {
+                    if (UserIconPhoto.hasOwnProperty(key)) {
+                        let depositoryManagerIconPhotoItem = '<div>' +
+                            '<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
+                            '<span>' + key + '</span>' +
+                            '</div>';
+                        approvalNodeForIconPhoto += depositoryManagerIconPhotoItem;
+                    }
+                }
+                approvalNode = timeLineStartItemForId + approvalNodeForTitleName + approvalNodeForIconPhoto + timeLineEndItem;
+
+            } else {
+                let approvalNodeForTitleName = '<h3 class="layui-timeline-title">审批人：';
+                let approvalNodeForDisposeMessage = '<p>审批意见：' + record[nodeName + "Message"] + '</p>';
+                let timeLineStartItemForIcon;
+                let UserIconPhoto = record[nodeName + "UserIconPhoto"];
+                let approvalNodeForIconPhoto = '';
+                for (let key in UserIconPhoto) {
+                    if (UserIconPhoto.hasOwnProperty(key)) {
+                        let IconPhotoItem = '<div>' +
+                            '<img alt="头像" src="' + UserIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
+                            '<span>' + key + '</span>' +
+                            '<div style="position: absolute;right: 0;top: 35px">';
+                        if (nodeState === "1") {
+                            IconPhotoItem += '已通过&nbsp;&nbsp;&nbsp;&nbsp;';
+                        } else if (nodeState === "2") {
+                            IconPhotoItem += '已驳回&nbsp;&nbsp;&nbsp;&nbsp;';
+
+                        }
+                        IconPhotoItem += record[nodeName + "Time"] + '</div></div>';
+                        approvalNodeForIconPhoto += IconPhotoItem;
+                    }
+                }
+                if (nodeState === "1") {
+                    // 如果审批通过
+                    timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
+                    approvalNodeForTitleName += '已通过</h3>';
+
+                } else if (nodeState === "2") {
+                    timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
+                    approvalNodeForTitleName += '已驳回</h3>';
+                }
+                approvalNode = timeLineStartItemForIcon + approvalNodeForTitleName + approvalNodeForIconPhoto + approvalNodeForDisposeMessage + timeLineEndItem;
+            }
+            return approvalNode;
+        };
+
         $.ajax({
             url: "/depositoryRecord/getApplicationOutRecord",
             type: "post",
@@ -256,20 +249,13 @@
 
 
                 // 获取部门负责人节点审批相关信息（第一个节点）
-                let departmenthead = record.departmenthead;
                 let departmentheadTime = record.departmentheadTime;
                 let departmentheadPass = record.departmentheadPass;
                 let departmentheadMessage = record.departmentheadMessage;
                 // 获取仓储中心负责人节点审批相关信息（第二个节点）
-                let depositoryManager = record.depositoryManagerName;
-                let depositoryManagerNameTime = record.depositoryManagerTime;
                 let depositoryManagerPass = record.depositoryManagerPass;
-                let depositoryManagerMessage = record.depositoryManagerMessage;
                 // 获取平衡岗人员相关信息
                 let balancePoster = record.balancePoster;
-                let balancePosterName = record.balancePosterName;
-                let balancePosterNameTime = record.balancePosterTime;
-                let balancePosterMessage = record.balancePosterMessage;
                 let balancePosterPass = record.balancePosterPass;
 
                 if (departmentheadPass !== "3") {
@@ -290,60 +276,22 @@
                     let flagForBalancerNode = 2;
                     // 配置平衡岗节点（第二个节点）
                     if (balancePoster !== "" && departmentheadPass === "1") {
+                        let nodeName = "balancePoster";
+                        let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
+                        let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
                         // 如果需要平衡岗且第一个节点审批完成
                         if (balancePosterPass === "3") {
-                            // 如果平衡岗未审批
-                            let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
-                            let approvalNodeForBalancerIconPhoto = '';
-                            for (let key in balancePosterIconPhoto) {
-                                if (balancePosterIconPhoto.hasOwnProperty(key)) {
-                                    let balancePosterIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
-                                }
-
-                            }
-                            let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
-                            let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + timeLineEndItem;
-                            // 添加节点
-                            firstApprovalNode.after(approvalNodeForBalancer);
                             flagForBalancerNode = -1; // 不展示
                         } else {
-                            let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let balancePosterIconPhoto = record.balancePosterUserIconPhoto;
-                            let approvalNodeForBalancerIconPhoto = '';
-                            for (let key in balancePosterIconPhoto) {
-                                if (balancePosterIconPhoto.hasOwnProperty(key)) {
-                                    let balancePosterIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + balancePosterIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeForBalancerIconPhoto += balancePosterIconPhotoItem;
-                                }
-                            }
-                            let approvalNodeForBalancerTime = '<p>审批时间：' + balancePosterNameTime + '</p>';
-                            let approvalNodeForBalancerMessage = '<p>审批意见：' + balancePosterMessage + '</p>';
-                            let timeLineStartItemForId = timeLineStartItem.replace("placeholder", "secondApprovalNode");
-                            let timeLineStartItemForStartIcon;
-                            let timeLineStartItemForState;
                             if (balancePosterPass === "1") {
                                 // 如果平衡岗审批通过
-                                timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
                                 flagForBalancerNode = 3; // 为第三个节点
-                                timeLineStartItemForState = '<p>审批状态：审批通过</p>';
                             } else if (balancePosterPass === "2") {
                                 // 如果平衡岗未审批通过
-                                timeLineStartItemForStartIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
                                 flagForBalancerNode = -1; // 不展示
-                                timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
                             }
-                            let approvalNodeForBalancer = timeLineStartItemForStartIcon + approvalNodeForBalancerName + approvalNodeForBalancerIconPhoto + approvalNodeForBalancerTime + timeLineStartItemForState + approvalNodeForBalancerMessage + timeLineEndItem;
-                            firstApprovalNode.after(approvalNodeForBalancer);
                         }
-
+                        firstApprovalNode.after(approvalNode);
                     }
 
                     // 配置仓储管理员节点（第三或第二个节点）
@@ -357,64 +305,16 @@
                             // 如果是第三个节点
                             timeLineStartItemForId = timeLineStartItem.replace("placeholder", "thirdApprovalNode");
                         }
-                        // 如果可以查看该节点
-                        if (depositoryManagerPass === "3") {
-                            // 如果平衡岗未审批
-                            let approvalNodeForBalancerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
-                            let approvalNodeFordepositoryManagerIconPhoto = '';
-                            for (let key in depositoryManagerIconPhoto) {
-                                if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
-                                    let depositoryManagerIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
-                                }
-                            }
-                            let approvalNodeForBalancer = timeLineStartItemForId + approvalNodeForBalancerName+approvalNodeFordepositoryManagerIconPhoto + timeLineEndItem;
-                            // 添加节点
-                            if (flagForBalancerNode === 2) {
-                                // 如果是第二个节点
-                                firstApprovalNode.after(approvalNodeForBalancer);
-                            } else {
-                                // 如果是第三个节点
-                                $("#secondApprovalNode").after(approvalNodeForBalancer);
-                            }
-                        } else {
-                            let approvalNodeForDepositoryManagerName = '<h3 class="layui-timeline-title">审批人：</h3>';
-                            let approvalNodeForDepositoryManagerTime = '<p>审批时间：' + depositoryManagerNameTime + '</p>';
-                            let approvalNodeForDepositoryManagerMessage = '<p>审批意见：' + depositoryManagerMessage + '</p>';
-                            let timeLineStartItemForIcon;
-                            let timeLineStartItemForState;
-                            let depositoryManagerIconPhoto = record.depositoryManagerUserIconPhoto;
-                            let approvalNodeFordepositoryManagerIconPhoto = '';
-                            for (let key in depositoryManagerIconPhoto) {
-                                if (depositoryManagerIconPhoto.hasOwnProperty(key)) {
-                                    let depositoryManagerIconPhotoItem = '<p>' +
-                                        '<img alt="头像" src="' + depositoryManagerIconPhoto[key] + '" style="vertical-align: middle;height: 50px;">' +
-                                        '<span>' + key + '</span>' +
-                                        '</p>';
-                                    approvalNodeFordepositoryManagerIconPhoto += depositoryManagerIconPhotoItem;
-                                }
-                            }
-                            if (depositoryManagerPass === "1") {
-                                // 如果审批通过
-                                timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-ok");
-                                timeLineStartItemForState = '<p>审批状态：审批通过</p>';
 
-                            } else if (depositoryManagerPass === "2") {
+                        // 如果可以查看该节点
-                                timeLineStartItemForIcon = timeLineStartItemForId.replace("layui-icon-friends", "layui-icon-close");
+                        let nodeName = "depositoryManager";
-                                timeLineStartItemForState = '<p>审批状态：审批未通过</p>';
+                        let approvalNode = createApprovalNode(nodeName, record, timeLineStartItemForId);
-                            }
-                            let approvalNodeForBalancer = timeLineStartItemForIcon + approvalNodeForDepositoryManagerName +approvalNodeFordepositoryManagerIconPhoto + approvalNodeForDepositoryManagerTime + timeLineStartItemForState + approvalNodeForDepositoryManagerMessage + timeLineEndItem;
                         if (flagForBalancerNode === 2) {
                             // 如果是第二个节点
-                                firstApprovalNode.after(approvalNodeForBalancer);
+                            firstApprovalNode.after(approvalNode);
                         } else {
                             // 如果是第三个节点
-                                $("#secondApprovalNode").after(approvalNodeForBalancer);
+                            $("#secondApprovalNode").after(approvalNode);
-                            }
                         }
                     }
 
@@ -439,9 +339,9 @@
                         if (pass === 1) {
                             let approvalNodeForCompleteOutState = '<p>处理状态：出库完成</p>';
                             let approvalNodeForCompleteOutTime = '<p>出库时间：' + completeOutTime + '</p>';
-                            approvalCompleteOutNode = timeLineStartItem.replace("layui-icon-friends", "layui-icon-ok") + approvalNodeForCompleteOutUserName+approvalNodeForCompleteOutUserIconPhoto + approvalNodeForCompleteOutState + approvalNodeForCompleteOutTime + timeLineEndItem;
+                            approvalCompleteOutNode = timeLineStartItem.replace("layui-icon-friends", "layui-icon-ok") + approvalNodeForCompleteOutUserName + approvalNodeForCompleteOutUserIconPhoto + approvalNodeForCompleteOutState + approvalNodeForCompleteOutTime + timeLineEndItem;
                         } else {
-                            approvalCompleteOutNode = timeLineStartItem + approvalNodeForCompleteOutUserName+approvalNodeForCompleteOutUserIconPhoto + timeLineEndItem;
+                            approvalCompleteOutNode = timeLineStartItem + approvalNodeForCompleteOutUserName + approvalNodeForCompleteOutUserIconPhoto + timeLineEndItem;
                         }
                         if (flagForBalancerNode === 2) {
                             if (depositoryManagerPass !== "4") {