MicroCommunityWeb/public/pages/common/complaintManage/complaintManage.html
2023-01-18 22:16:32 +08:00

213 lines
13 KiB
HTML
Executable File

<div class="animated fadeInRight ecommerce">
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>
<span><vc:i18n name="查询条件" namespace="complaintManage"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
v-on:click="_moreCondition()">
{{complaintManageInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入ID','complaintManage')"
v-model="complaintManageInfo.conditions.complaintId" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<select class="custom-select" v-model="complaintManageInfo.conditions.typeCd">
<option selected value="">{{vc.i18n('请选择类型','complaintManage')}}</option>
<option value="809001">{{vc.i18n('投诉','complaintManage')}}</option>
<option value="809002">{{vc.i18n('建议','complaintManage')}}</option>
<option value="809003">{{vc.i18n('咨询','complaintManage')}}</option>
</select>
</div>
<div class="col-sm-3">
<select class="custom-select" v-model="complaintManageInfo.conditions.state">
<option selected value="">{{vc.i18n('请选择状态','complaintManage')}}</option>
<option value="10001">{{vc.i18n('处理中','complaintManage')}}</option>
<option value="10002">{{vc.i18n('处理完成','complaintManage')}}</option>
</select>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryComplaintMethod()">
<i class="fa fa-search"></i>
<span><vc:i18n name="查询" namespace="complaintManage"></vc:i18n></span>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetComplaintMethod()">
<i class="fa fa-repeat"></i>
<span><vc:i18n name="重置" namespace="complaintManage"></vc:i18n></span>
</button>
</div>
</div>
<div class="row" v-show="complaintManageInfo.moreCondition == true">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入联系人','complaintManage')"
v-model="complaintManageInfo.conditions.complaintName" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入联系电话','complaintManage')"
v-model="complaintManageInfo.conditions.tel" class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入房屋编号 楼栋-单元-房屋 如1-1-1','complaintManage')"
v-model="complaintManageInfo.conditions.roomId" class=" form-control">
</div>
</div>
</div>
<div class="row" v-show="complaintManageInfo.moreCondition == true">
<div class="col-sm-3">
<div class="form-group">
<input v-model="complaintManageInfo.conditions.startTime" type="text"
:placeholder="vc.i18n('请选择开始时间','complaintManage')"
class="form-control start_time">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input v-model="complaintManageInfo.conditions.endTime" type="text"
:placeholder="vc.i18n('请选择结束时间','complaintManage')"
class="form-control end_time">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span><vc:i18n name="民生诉求" namespace="complaintManage"></vc:i18n></span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-white btn-sm" v-on:click="_toAuditPage()"
v-if="vc.hasPrivilege('502020061767630003')">
<span><vc:i18n name="设置处理人员" namespace="visitManage"></vc:i18n></span>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddComplaintModal()">
<i class="fa fa-plus"></i>{{vc.i18n('投诉','complaintManage')}}
</button>
</div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">ID</th>
<th class="text-center">
<span><vc:i18n name="类型" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="房屋" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="联系人" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="联系电话" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="状态" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="处理人" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="处理人电话" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="创建时间" namespace="complaintManage"></vc:i18n></span>
</th>
<th class="text-center">
<span><vc:i18n name="操作" namespace="complaintManage"></vc:i18n></span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="complaint in complaintManageInfo.complaints">
<td class="text-center">{{complaint.complaintId}}</td>
<td class="text-center">{{complaint.typeCdName}}</td>
<td class="text-center">
{{complaint.floorNum}}
<span><vc:i18n name="号楼" namespace="complaintManage"></vc:i18n></span>{{complaint.unitNum}}
<span><vc:i18n name="单元" namespace="complaintManage"></vc:i18n></span>{{complaint.roomNum}}
<span><vc:i18n name="室" namespace="complaintManage"></vc:i18n></span>
</td>
<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">{{complaint.currentUserName == '' ? '无':complaint.currentUserName}}
</td>
<td class="text-center">{{complaint.currentUserTel == ''?'无':complaint.currentUserTel}}</td>
<td class="text-center">{{complaint.createTime}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openComplaintDetailModel(complaint)">
<span><vc:i18n name="详情" namespace="complaintManage"></vc:i18n></span>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openRunWorkflowImage(complaint)">
<span><vc:i18n name="流程图" namespace="complaintManage"></vc:i18n></span>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openEditComplaintModel(complaint)">
<span><vc:i18n name="修改" namespace="complaintManage"></vc:i18n></span>
</button>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openDeleteComplaintModel(complaint)">
<span><vc:i18n name="删除" namespace="complaintManage"></vc:i18n></span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="10">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<div class="row margin-top-xs">
<div class="col-sm-9">
<div>
注意:此功能使用前 请先到 系统管理流程管理中设置投诉建议流程
</div>
</div>
<div class="col-sm-3 float-right">
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
</div>
</div>
<vc:create path="common/viewImage"></vc:create>
<vc:create path="common/editComplaint"></vc:create>
<vc:create path="common/deleteComplaint"></vc:create>
<vc:create path="common/complaintDetail"></vc:create>
</div>