工程进度更新页面搭建，接口联调

src/main/resources/mappers/backstage/ProProgressMapper.xml

@@ -131,11 +131,12 @@
         SELECT su.user_name AS userName,
                tp.create_time AS updateDate,
                tp.create_time AS updateTime,
-               tp.update_desc AS updateContent,
+               tp.update_desc AS updateDesc,
                tp.finish_progress AS finishProgress
         FROM tb_progress tp
         LEFT JOIN sys_user su ON tp.create_user_id = su.id
-        ORDER BY create_time DESC
+        WHERE tp.pro_id = #{id}
+        ORDER BY tp.create_time DESC
     </select>
     <!--工程进度更新-更新进度-查询更新项目工序数据-->
     <select id="getGxData"

src/main/resources/static/js/synthesisQuery/proProgressUpdateDetail.js

@@ -16,11 +16,14 @@ function setParams(obj) {
                 $('#layui-tab-content>div').eq(0).addClass('layui-show');
                 $('#layui-tab-title li').eq(1).removeClass('layui-this');
                 $('#layui-tab-content>div').eq(1).removeClass('layui-show');
+                initSetProData();
+                query();
             } else if (value === '2') {
                 $('#layui-tab-title li').eq(0).removeClass('layui-this');
                 $('#layui-tab-content>div').eq(0).removeClass('layui-show');
                 $('#layui-tab-title li').eq(1).addClass('layui-this');
                 $('#layui-tab-content>div').eq(1).addClass('layui-show');
+                setUpdateRecord();
             }
         });
         initSetProData();
@@ -160,12 +163,8 @@ function getReqParams(page, limit, type) {
 }
 
 // 查询/重置
-function query(type) {
+function query() {
     pageNum = 1;
-    if (type === 2) {
-        $('#keyWord').val('');
-        layui.form.render();
-    }
     pages(1, limitSize);
 }
 

src/main/resources/static/js/synthesisQuery/proProgressUpdateDetailAjax.js

@@ -41,4 +41,67 @@ function initSetProData() {
         }
         element.render();
     }
+}
+
+/**更新记录*/
+function setUpdateRecord(){
+    let url = dataUrl + "/backstage/proProgress/updateRecord"
+    let obj = {
+        id: objParams.id
+    }
+    let params = {
+        encryptedData: encryptCBC(JSON.stringify(obj))
+    }
+    let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
+    ajaxRequest(url, "POST", params, true, function () {
+    }, function (result) {
+        layer.close(loadingMsg);
+        if (result.status === 200) {
+            setUpdateRecordInfo(result.data);
+        } else {
+            layer.msg(result.msg, {icon: 2})
+        }
+    }, function (xhr) {
+        layer.close(loadingMsg);
+        error(xhr)
+    });
+    function setUpdateRecordInfo(list, obj) {
+        let html = '';
+        if (list && list.length > 0) {
+            let imgUrl = '../../img/synthesisQuery/user_head_icon.png';
+            let imgUrl2 = '../../img/synthesisQuery/time_icon.png';
+            $.each(list, function (index, item) {
+                html += '<div class="layui-timeline-item">' +
+                    '<i class="layui-icon layui-timeline-axis"></i>' +
+                    '<div class="layui-timeline-content layui-text">' +
+                    '<h3 class="layui-timeline-title">' + item.updateDate + '</h3>' +
+                    '<div class="layui-panel">' +
+                    '<div class="oper-info layout">' +
+                    '<div class="layout">' +
+                    '<img src="' + imgUrl + '">' +
+                    '</div>' +
+                    '<div class="user-oper layout">' +
+                    '<div style="width: 100%">' +
+                    '<span>' + item.userName + '</span>' +
+                    '</div>' +
+                    '<div style="width: 100%">' +
+                    '<span>' + item.updateDesc + '</span>' +
+                    '</div>' +
+                    '<div style="width: 100%">' +
+                    '<img src="' + imgUrl2 + '">' +
+                    '<span style="margin: 0 5px 0 5px;">' + item.updateTime + '</span>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="layout">' +
+                    '<span style="margin: 0 5px 0 5px;">完成进度 ' + item.finishProgress + ' % </span>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>' +
+                    '</div>';
+            })
+        }
+        console.log(html)
+        $('.layui-timeline').empty().append(html);
+    }
 }

src/main/resources/static/pages/synthesisQuery/proProgressUpdateDetail.html

@@ -114,33 +114,35 @@
                     </div>
                 </div>
                 <div class="layui-tab-item">
-                    <div class="layui-timeline-item">
+                    <div class="layui-timeline">
-                        <i class="layui-icon layui-timeline-axis"></i>
+                        <!--<div class="layui-timeline-item">
-                        <div class="layui-timeline-content layui-text">
+                            <i class="layui-icon layui-timeline-axis"></i>
-                            <h3 class="layui-timeline-title">8月18日</h3>
+                            <div class="layui-timeline-content layui-text">
-                            <div class="layui-panel">
+                                <h3 class="layui-timeline-title">8月18日</h3>
-                                <div class="oper-info layout">
+                                <div class="layui-panel">
-                                    <div class="layout">
+                                    <div class="oper-info layout">
-                                        <img src="../../img/synthesisQuery/user_head_icon.png">
+                                        <div class="layout">
-                                    </div>
+                                            <img src="../../img/synthesisQuery/user_head_icon.png">
-                                    <div class="user-oper layout">
-                                        <div style="width: 100%;">
-                                            <span>王天峰</span><span>（13787220576）</span><span>项目管理中心</span>
                                         </div>
-                                        <div style="width: 100%">
+                                        <div class="user-oper layout">
-                                            <span>完结-审核确认通过，共耗时：21小时16分钟 原因备注：无</span>
+                                            <div style="width: 100%;">
+                                                <span>王天峰</span><span>（13787220576）</span><span>项目管理中心</span>
+                                            </div>
+                                            <div style="width: 100%">
+                                                <span>完结-审核确认通过，共耗时：21小时16分钟 原因备注：无</span>
+                                            </div>
+                                            <div style="width: 100%">
+                                                <img src="../../img/synthesisQuery/time_icon.png">
+                                                <span style="margin: 0 5px 0 5px;">2020-12-23 22:31</span>
+                                            </div>
                                         </div>
-                                        <div style="width: 100%">
+                                        <div class="layout">
-                                            <img src="../../img/synthesisQuery/time_icon.png">
+                                            <span
-                                            <span style="margin: 0 5px 0 5px;">2020-12-23 22:31</span>
+                                                style="margin: 0 5px 0 5px;">2020-12-23 22:31</span>
                                         </div>
                                     </div>
-                                    <div class="layout">
-                                        <img src="../../img/synthesisQuery/time_icon.png"> <span
-                                            style="margin: 0 5px 0 5px;">2020-12-23 22:31</span>
-                                    </div>
                                 </div>
-                            </div>
+                            </div>-->
                         </div>
                     </div>
                 </div>