加入投诉人处理人信息

This commit is contained in:
java110 2020-04-25 22:41:51 +08:00
parent 9e4098fe90
commit b6b8981ce9
4 changed files with 167 additions and 4 deletions

View File

@ -0,0 +1,94 @@
<div id="complaintDetailModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b ">{{complaintDetailInfo.typeCdName}}详情</h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">房屋信息</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.roomName" type="text" readonly
placeholder="必填,请填写投诉人" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">投诉编码</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.complaintId" type="text" readonly
placeholder="必填,请填写投诉人" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">投诉类型</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.typeCdName" type="text" readonly
placeholder="必填,请填写投诉人" class="form-control" />
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">投诉人</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.complaintName" type="text" readonly
placeholder="必填,请填写投诉人" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">投诉电话</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.tel" type="text" readonly
placeholder="必填,请填写投诉电话" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">投诉状态</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.stateName" type="text" readonly
placeholder="必填,请填写投诉电话" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">处理人</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.currentUserName" type="text" readonly
placeholder="必填,请填写投诉电话" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">处理人电话</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.currentUserTel" type="text" readonly
placeholder="必填,请填写投诉电话" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">处理人编号</label>
<div class="col-sm-10">
<input v-model="complaintDetailInfo.currentUserId" type="text" readonly
placeholder="必填,请填写投诉电话" class="form-control">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">投诉内容</label>
<div class="col-sm-10">
<textarea placeholder="必填,请填写投诉内容" readonly class="form-control"
v-model="complaintDetailInfo.context"></textarea></div>
</div>
<div class="ibox-content">
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
data-dismiss="modal">关闭
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,55 @@
(function (vc, vm) {
vc.extends({
data: {
complaintDetailInfo: {
complaintId: '',
typeCd: '',
complaintName: '',
tel: '',
context: '',
typeCdName: '',
stateName: '',
roomName: '',
currentUserName: '',
currentUserTel: '',
currentUserId: '',
}
},
_initMethod: function () {
},
_initEvent: function () {
vc.on('complaintDetail', 'openComplaintDetailModal', function (_params) {
vc.component.refreshcomplaintDetailInfo();
$('#complaintDetailModel').modal('show');
let _roomName = _params.floorNum + '号楼' + _params.unitNum + '单元' + _params.roomNum + '室';
vc.copyObject(_params, vc.component.complaintDetailInfo);
$that.complaintDetailInfo.roomName = _roomName;
$that.complaintDetailInfo.currentUserName = _params.currentUserName == '' ? '无':_params.currentUserName;
$that.complaintDetailInfo.currentUserTel = _params.currentUserTel == '' ? '无':_params.currentUserTel;
$that.complaintDetailInfo.currentUserId = _params.currentUserId == '' ? '无':_params.currentUserId;
vc.component.complaintDetailInfo.communityId = vc.getCurrentCommunity().communityId;
});
},
methods: {
refreshcomplaintDetailInfo: function () {
vc.component.complaintDetailInfo = {
complaintId: '',
typeCd: '',
complaintName: '',
tel: '',
context: '',
typeCdName: '',
stateName: '',
roomName: '',
currentUserName: '',
currentUserTel: '',
currentUserId: '',
}
}
}
});
})(window.vc, window.vc.component);

View File

@ -83,20 +83,22 @@
>
<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>
<th class="text-center">投诉电话</th>
<th class="text-center">投诉状态</th>
<th class="text-center">操作</th>
<th class="text-center">处理人</th>
<th class="text-center">处理电话</th>
<th class="text-right">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="complaint in complaintManageInfo.complaints">
<td class="text-center">{{complaint.complaintId}}</td>
<!-- <td class="text-center">{{complaint.complaintId}}</td> -->
<td class="text-center">{{complaint.typeCdName}}</td>
<td class="text-center">
{{complaint.floorNum}}号楼{{complaint.unitNum}}单元{{complaint.roomNum}}室
@ -104,7 +106,14 @@
<td class="text-center">{{complaint.complaintName}}</td>
<td class="text-center">{{complaint.tel}}</td>
<td class="text-center">{{complaint.stateName}}</td>
<td class="text-center">
<td class="text-center">{{complaint.currentUserName == '' ? '无':complaint.currentUserName}}</td>
<td class="text-center">{{complaint.currentUserTel == ''?'无':complaint.currentUserTel}}</td>
<td class="text-right">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openComplaintDetailModel(complaint)">详情
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditComplaintModel(complaint)">修改
@ -136,5 +145,7 @@
<vc:create name="editComplaint"></vc:create>
<vc:create name="deleteComplaint"></vc:create>
<vc:create name="complaintDetail"></vc:create>
</div>

View File

@ -77,6 +77,9 @@
vc.component._listComplaints(DEFAULT_PAGE, DEFAULT_ROWS);
},
_openComplaintDetailModel:function(_complaint){
vc.emit('complaintDetail', 'openComplaintDetailModal', _complaint);
},
_moreCondition: function () {
if (vc.component.complaintManageInfo.moreCondition) {
vc.component.complaintManageInfo.moreCondition = false;