优化任务明细功能显示

public/components/inspectionTaskDetail/inspectionTaskDetail.html

@@ -0,0 +1,47 @@
+<div id="inspectionTaskDetailModel" class="modal fade" tabindex="-1" role="dialog"
+     aria-labelledby="inspectionTaskDetailModelLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3 class="modal-title" id="inspectionTaskDetailModelLabel">任务详情</h3>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <div class=" row">
+                    <div class="col-lg-12">
+                        <div class="ibox ">
+                            <div class="table-responsive" style="margin-top:15px">
+                                <table class="table table-striped">
+                                    <thead>
+                                    <tr>
+                                        <th class="text-center">任务ID</th>
+                                        <th class="text-center">巡检点ID</th>
+                                        <th class="text-center">巡检点名称</th>
+                                        <th class="text-center">巡检状态</th>
+                                        <th class="text-center">巡检照片</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    <tr v-for="taskDetail in inspectionTaskDetailInfo.taskDetails">
+                                        <td class="text-center">{{taskDetail.taskDetailId}}</td>
+                                        <td class="text-center">{{taskDetail.inspectionId}}</td>
+                                        <td class="text-center">{{taskDetail.inspectionName}}</td>
+                                        <td class="text-center">{{taskDetail.stateName}}</td>
+                                        <td class="text-center">{{taskDetail.photo}}</td>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                                <!-- 分页 -->
+                                <vc:create namespace="inspectionTaskDetail" name="paginationPlus"></vc:create>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

public/components/inspectionTaskDetail/inspectionTaskDetail.js

@@ -0,0 +1,58 @@
+(function (vc) {
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data: {
+            inspectionTaskDetailInfo: {
+                taskDetails: [],
+                taskId: '',
+            }
+        },
+        _initMethod: function () {
+        },
+        _initEvent: function () {
+            vc.on('inspectionTaskDetail', 'openInspectionTaskDetail', function (_param) {
+                $that._refreshInspectionTaskDetailInfo();
+                $('#inspectionTaskDetailModel').modal('show');
+                vc.copyObject(_param, $that.inspectionTaskDetailInfo);
+                $that._loadAllTaskDetailInfo(1, 10);
+            });
+
+            vc.on('inspectionTaskDetail', 'paginationPlus', 'page_event', function (_currentPage) {
+                $that._loadAllTaskDetailInfo(_currentPage, DEFAULT_ROWS);
+            });
+        },
+        methods: {
+            _loadAllTaskDetailInfo: function (_page, _row) {
+                var param = {
+                    params: {
+                        page: _page,
+                        row: _row,
+                        taskId: $that.inspectionTaskDetailInfo.taskId,
+                        communityId: vc.getCurrentCommunity().communityId
+                    }
+                };
+                //发送get请求
+                vc.http.apiGet('inspectionTaskDetail.listInspectionTaskDetails',
+                    param,
+                    function (json) {
+                        var _taskDetailInfo = JSON.parse(json);
+                        $that.inspectionTaskDetailInfo.taskDetails = _taskDetailInfo.inspectionTaskDetails;
+                        vc.emit('inspectionTaskDetail', 'paginationPlus', 'init', {
+                            total: _taskDetailInfo.records,
+                            currentPage: _page
+                        });
+                    }, function () {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _refreshInspectionTaskDetailInfo: function () {
+                $that.inspectionTaskDetailInfo = {
+                    taskDetails: [],
+                    taskId: '',
+                };
+            }
+        }
+
+    });
+})(window.vc);

public/components/inspectionTaskManage/inspectionTaskManage.html

@@ -71,7 +71,7 @@
                         <tbody>
                             <tr v-for="inspectionTask in inspectionTaskManageInfo.inspectionTasks">
                                 <td class="text-center">{{inspectionTask.taskId}}</td>
-                                <td class="text-center">{{inspectionTask.inspectionPlanId}}</td>
+                                <td class="text-center">{{inspectionTask.inspectionPlanName}}</td>
                                 <td class="text-center">{{inspectionTask.planInsTime}}</td>
                                 <td class="text-center">{{inspectionTask.actInsTime}}</td>
                                 <td class="text-center">{{inspectionTask.planUserName}}</td>
@@ -80,7 +80,7 @@
                                 <td class="text-center">
                                     <div class="btn-group">
                                         <button class="btn-white btn btn-xs"
-                                            v-on:click="_openDeleteInspectionTaskModel(inspectionTask)">详情</button>
+                                            v-on:click="_openInspectionTaskDetail(inspectionTask)">详情</button>
                                     </div>
                                 </td>
 
@@ -101,4 +101,5 @@
         </div>
     </div>
 
+    <vc:create name="inspectionTaskDetail"></vc:create>
 </div>

public/components/inspectionTaskManage/inspectionTaskManage.js

@@ -59,14 +59,8 @@
                     }
                 );
             },
-            _openAddInspectionTaskModal: function () {
+            _openInspectionTaskDetail: function (_inspectionTask) {
-                vc.emit('addInspectionTask', 'openAddInspectionTaskModal', {});
+                vc.emit('inspectionTaskDetail', 'openInspectionTaskDetail', _inspectionTask);
-            },
-            _openEditInspectionTaskModel: function (_inspectionTask) {
-                vc.emit('editInspectionTask', 'openEditInspectionTaskModal', _inspectionTask);
-            },
-            _openDeleteInspectionTaskModel: function (_inspectionTask) {
-                vc.emit('deleteInspectionTask', 'openDeleteInspectionTaskModal', _inspectionTask);
             },
             _queryInspectionTaskMethod: function () {
                 vc.component._listInspectionTasks(DEFAULT_PAGE, DEFAULT_ROWS);