admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 21:59:12 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化任务明细功能显示

Browse Source
This commit is contained in:
java110 2020-04-05 23:18:23 +08:00
parent 1b12cbd367
commit 588c6d3cc1
4 changed files with 110 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/components/inspectionTaskDetail/inspectionTaskDetail.html Normal file
View File

@ -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>

58
public/components/inspectionTaskDetail/inspectionTaskDetail.js Normal file
View File

@ -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);

5
public/components/inspectionTaskManage/inspectionTaskManage.html
View File

@ -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>

10
public/components/inspectionTaskManage/inspectionTaskManage.js
View File

@ -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);