From 588c6d3cc1be55caf67a95cf92b3b3f7e4cd8bde Mon Sep 17 00:00:00 2001
From: java110 <928255095@qq.com>
Date: Sun, 5 Apr 2020 23:18:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=BB=E5=8A=A1=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E5=8A=9F=E8=83=BD=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inspectionTaskDetail.html                 | 47 +++++++++++++++
 .../inspectionTaskDetail.js                   | 58 +++++++++++++++++++
 .../inspectionTaskManage.html                 |  5 +-
 .../inspectionTaskManage.js                   | 10 +---
 4 files changed, 110 insertions(+), 10 deletions(-)
 create mode 100644 public/components/inspectionTaskDetail/inspectionTaskDetail.html
 create mode 100644 public/components/inspectionTaskDetail/inspectionTaskDetail.js

diff --git a/public/components/inspectionTaskDetail/inspectionTaskDetail.html b/public/components/inspectionTaskDetail/inspectionTaskDetail.html
new file mode 100644
index 000000000..8ac7cae73
--- /dev/null
+++ b/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>
diff --git a/public/components/inspectionTaskDetail/inspectionTaskDetail.js b/public/components/inspectionTaskDetail/inspectionTaskDetail.js
new file mode 100644
index 000000000..93974888f
--- /dev/null
+++ b/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);
diff --git a/public/components/inspectionTaskManage/inspectionTaskManage.html b/public/components/inspectionTaskManage/inspectionTaskManage.html
index fdbde8299..206944ada 100644
--- a/public/components/inspectionTaskManage/inspectionTaskManage.html
+++ b/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>
\ No newline at end of file
diff --git a/public/components/inspectionTaskManage/inspectionTaskManage.js b/public/components/inspectionTaskManage/inspectionTaskManage.js
index a013f5cac..911d9dff1 100644
--- a/public/components/inspectionTaskManage/inspectionTaskManage.js
+++ b/public/components/inspectionTaskManage/inspectionTaskManage.js
@@ -59,14 +59,8 @@
                     }
                 );
             },
-            _openAddInspectionTaskModal: function () {
-                vc.emit('addInspectionTask', 'openAddInspectionTaskModal', {});
-            },
-            _openEditInspectionTaskModel: function (_inspectionTask) {
-                vc.emit('editInspectionTask', 'openEditInspectionTaskModal', _inspectionTask);
-            },
-            _openDeleteInspectionTaskModel: function (_inspectionTask) {
-                vc.emit('deleteInspectionTask', 'openDeleteInspectionTaskModal', _inspectionTask);
+            _openInspectionTaskDetail: function (_inspectionTask) {
+                vc.emit('inspectionTaskDetail', 'openInspectionTaskDetail', _inspectionTask);
             },
             _queryInspectionTaskMethod: function () {
                 vc.component._listInspectionTasks(DEFAULT_PAGE, DEFAULT_ROWS);