|
|
|
@ -1,312 +1,264 @@ |
|
|
|
<template> |
|
|
|
<div class="g-main"> |
|
|
|
<div> |
|
|
|
<div class="m-search"> |
|
|
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> |
|
|
|
<el-form-item label="统计时间"> |
|
|
|
<el-date-picker v-model.trim="formData.queryDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始时间" |
|
|
|
style="width: 202px" clearable> |
|
|
|
</el-date-picker> |
|
|
|
至 |
|
|
|
<el-date-picker v-model.trim="formData.queryDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束时间" |
|
|
|
style="width: 202px" clearable> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-button style="margin-left: 30px" size="small" type="primary " |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px" is-plain class="diy-button--white el-button--default" |
|
|
|
size="small" @click="exportReport">导出</el-button> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-table"> |
|
|
|
<div style="text-align: center;"> |
|
|
|
<h1>{{ report.streetName }}{{ report.period }}</h1> |
|
|
|
<h1>政务热线运行情况分析报告</h1> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 一、总体运行情况 </h1> |
|
|
|
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;"> |
|
|
|
{{ report.overallOperation }} |
|
|
|
</p> |
|
|
|
|
|
|
|
<el-table :data="eventCategorys" border class="m-table-item" style="width: 100%;margin-top: 20px;" @row-click="clickEventCategorys"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="subCategoryName" align="center" label="类型详细" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="eventCount" align="center" label="事件数量" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="percentage" align="center" label="占比" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
|
|
|
|
<h1 style="text-align: center;font-size: 20px;margin-top: 5%;">行业领域分布情况</h1> |
|
|
|
|
|
|
|
<div v-if="categoryCountShow"> |
|
|
|
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }"> |
|
|
|
<div id="categoryPie"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="no-data" v-else> |
|
|
|
暂无数据 |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<div class="m-search"> |
|
|
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> |
|
|
|
<el-form-item label="统计时间"> |
|
|
|
<el-date-picker v-model.trim="formData.queryDateStart" type="date" value-format="yyyy-MM-dd" |
|
|
|
placeholder="开始时间" style="width: 202px" clearable> |
|
|
|
</el-date-picker> |
|
|
|
至 |
|
|
|
<el-date-picker v-model.trim="formData.queryDateEnd" type="date" value-format="yyyy-MM-dd" |
|
|
|
placeholder="结束时间" style="width: 202px" clearable> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-button style="margin-left: 30px" size="small" type="primary " @click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px" is-plain class="diy-button--white el-button--default" size="small" |
|
|
|
@click="exportReport">导出</el-button> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="m-table"> |
|
|
|
<div style="display: flex;justify-content: space-between;flex-direction:row;"> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 事件统计 </h1> |
|
|
|
</div> |
|
|
|
<div class="dashboard"> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-icon "> |
|
|
|
<img style="width: 40px;height: 40px;" src="./img/eventSumNum.png"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 二、工单情况分析 </h1> |
|
|
|
|
|
|
|
<div v-if="agencyLevel!='community' && communityCountShow"> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 地域统计分析 </h2> |
|
|
|
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;"> |
|
|
|
{{ report.geoStatis }} |
|
|
|
</p> |
|
|
|
<h1 style="text-align: center;font-size: 20px;">各社区问题数量及占比</h1> |
|
|
|
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }"> |
|
|
|
<div id="communityChart"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="no-data" v-else> |
|
|
|
暂无数据 |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<div v-if="agencyLevel!='community' && departCountShow"> |
|
|
|
|
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 科室热线分布分析 </h2> |
|
|
|
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;"> |
|
|
|
{{ report.geoStatis }} |
|
|
|
</p> |
|
|
|
<h1 style="text-align: center;font-size: 20px;">科室热线分布情况</h1> |
|
|
|
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }"> |
|
|
|
<div id="departChart"></div> |
|
|
|
<div class="card-content"> |
|
|
|
<p class="card-title">2360</p> |
|
|
|
<p class="card-text">事件总数</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="card1"> |
|
|
|
<div class="card-icon "> |
|
|
|
<img style="width: 40px;height: 40px;" src="./img/eventNum.png"> |
|
|
|
</div> |
|
|
|
<div class="card-content1"> |
|
|
|
<div style="display: flex;flex-direction: column;justify-content: center;"> |
|
|
|
<div style="display: flex;flex-direction: row;"> |
|
|
|
<p class="card-title">2250</p> |
|
|
|
<span class="percentage">95%</span> |
|
|
|
</div> |
|
|
|
<!-- <div v-else class="no-data"> |
|
|
|
暂无数据 |
|
|
|
</div> --> |
|
|
|
<p class="card-text">已办结事件数</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="subCategoryCountShow"> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 热点诉求及区域分析 </h2> |
|
|
|
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;"> |
|
|
|
{{ report.hotDemand }} |
|
|
|
</p> |
|
|
|
<h1 style="text-align: center;font-size: 20px;">热线诉求热点问题前十</h1> |
|
|
|
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }"> |
|
|
|
<div id="hotlineChart"></div> |
|
|
|
<div class="br"></div> |
|
|
|
<div style="padding-left: 20px; display: flex;flex-direction: column;justify-content: center;"> |
|
|
|
<div style="display: flex;flex-direction: row;"> |
|
|
|
<p class="card-title">110</p> |
|
|
|
<span class="percentage">5%</span> |
|
|
|
</div> |
|
|
|
<p class="card-text">未办结事件数</p> |
|
|
|
</div> |
|
|
|
<!-- <div class="no-data" v-else> |
|
|
|
暂无数据 |
|
|
|
</div> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 三、存在主要问题 </h1> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同地点同类型事件重复投诉 </h2> |
|
|
|
</div> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-icon "> |
|
|
|
<img style="width: 40px;height: 40px;" src="./img/perp.png"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="addressData" border class="m-table-item" style="width: 100%"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressData(row)">{{row.amount}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreAddressData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一人员重复投诉</h2> |
|
|
|
<div class="card-content"> |
|
|
|
<p class="card-title">60 <span class="percentage">2%</span></p> |
|
|
|
<p class="card-text">联系当事人超期事件数</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="mobileData" border class="m-table-item" style="width: 100%"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="mobile" align="center" label="联系方式" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
v-if="scope.row.resiId !== null && scope.row.resiId !== ''" |
|
|
|
@click="handleLook(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
> |
|
|
|
{{ scope.row.mobile }} |
|
|
|
</el-button> |
|
|
|
<span v-else> |
|
|
|
{{ scope.row.mobile }} |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickMobileData(row)">{{row.amount}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreMobileData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一区域不同类型投诉</h2> |
|
|
|
</div> |
|
|
|
<div class="card"> |
|
|
|
<div class="card-icon "> |
|
|
|
<img style="width: 40px;height: 40px;" src="./img/overdue.png"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="addressMobileData" border class="m-table-item" style="width: 100%" :span-method="objectSpanMethod"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressMobileData(row)">{{row.amount}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreAddressMobileData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一工单追加内容投诉</h2> |
|
|
|
<div class="card-content"> |
|
|
|
<p class="card-title">60 <span class="percentage">2%</span></p> |
|
|
|
<p class="card-text">办理超期事件数</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex;justify-content: space-between;flex-direction:row;"> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 事件类型统计 </h1> |
|
|
|
</div> |
|
|
|
<el-table :data="addressData" border class="m-table-item" style="width: 100%"> |
|
|
|
<!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> --> |
|
|
|
<!-- <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> --> |
|
|
|
<el-table-column prop="categoryName" align="center" label="一级分类" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="二级分类" :show-overflow-tooltip="true"> |
|
|
|
<!-- <template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressData(row)">{{row.amount}}</el-button> |
|
|
|
</template> --> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="三级分类" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="四级分类" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="事件数量" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="同级占比" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
<div style="display: flex;justify-content: space-between;flex-direction:row;"> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 部门科室工单量统计 </h1> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold; margin-right: 600px;"> 社区工单量统计 </h1> |
|
|
|
</div> |
|
|
|
<div style="display: flex;justify-content: space-between;flex-direction:row;"> |
|
|
|
|
|
|
|
<el-table :data="addressData" border class="m-table-item" style="width: 100%"> |
|
|
|
<!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> --> |
|
|
|
<!-- <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> --> |
|
|
|
<el-table-column prop="categoryName" align="center" label="部门科室" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="事件数" :show-overflow-tooltip="true"> |
|
|
|
<!-- <template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressData(row)">{{row.amount}}</el-button> |
|
|
|
</template> --> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="占比" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="为办结数" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="联系当事人超期数" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="办理超期数" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-table :data="addressData" border class="m-table-item" style="margin-left: 50px;"> |
|
|
|
<!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> --> |
|
|
|
<!-- <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> --> |
|
|
|
<el-table-column prop="categoryName" align="center" label="社区" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="事件数" :show-overflow-tooltip="true"> |
|
|
|
<!-- <template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressData(row)">{{row.amount}}</el-button> |
|
|
|
</template> --> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="占比" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="为办结数" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="联系当事人超期数" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="办理超期数" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 存在主要问题 </h1> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同地点同类型事件重复投诉 </h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="addressData" border class="m-table-item" style="width: 100%"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressData(row)">{{row.amount}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreAddressData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一人员重复投诉</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="mobileData" border class="m-table-item" style="width: 100%"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="mobile" align="center" label="联系方式" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="scope.row.resiId !== null && scope.row.resiId !== ''" @click="handleLook(scope.row)" |
|
|
|
type="text" size="small"> |
|
|
|
{{ scope.row.mobile }} |
|
|
|
</el-button> |
|
|
|
<span v-else> |
|
|
|
{{ scope.row.mobile }} |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickMobileData(row)">{{row.amount}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreMobileData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一区域不同类型投诉</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="addressMobileData" border class="m-table-item" style="width: 100%" |
|
|
|
:span-method="objectSpanMethod"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAddressMobileData(row)">{{row.amount}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreAddressMobileData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一工单追加内容投诉</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="addComplainData" border class="m-table-item" style="width: 100%"> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="awoNum" align="center" label="追加内容次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAwoFlagData(row)">{{row.awoNum}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreAddComplainData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
<el-table |
|
|
|
:data="addComplainData" |
|
|
|
border |
|
|
|
class="m-table-item" |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="awoNum" align="center" label="追加内容次数" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button style="width: 100%" type="text" @click="clickAwoFlagData(row)">{{row.awoNum}}</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-button @click="handelMoreAddComplainData" type="text" size="small">查看更多</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
v-if="showFormList" |
|
|
|
:visible.sync="showFormList" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="12345问题列表" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="60%" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showFormList = false" |
|
|
|
> |
|
|
|
<form-list |
|
|
|
ref="ref_form_list" |
|
|
|
@handleClose="handleClose" |
|
|
|
:recId="recId" |
|
|
|
:communityId="communityId" |
|
|
|
:departId="departId" |
|
|
|
:address="address" |
|
|
|
:mobile="mobile" |
|
|
|
:awo_flag="awo_flag" |
|
|
|
@handelClickDetail="handelClickDetail" |
|
|
|
></form-list> |
|
|
|
<el-dialog |
|
|
|
width="60%" |
|
|
|
class="dialog-h" |
|
|
|
title="12345事件详情" |
|
|
|
:close-on-click-modal="false" |
|
|
|
v-if="showFormDetail" |
|
|
|
:visible.sync="showFormDetail" |
|
|
|
append-to-body |
|
|
|
> |
|
|
|
<el-dialog v-if="showFormList" :visible.sync="showFormList" :close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" title="12345问题列表" :modal-append-to-body="false" width="60%" top="5vh" |
|
|
|
class="dialog-h" @closed="showFormList = false"> |
|
|
|
<form-list ref="ref_form_list" @handleClose="handleClose" :recId="recId" :communityId="communityId" |
|
|
|
:departId="departId" :address="address" :mobile="mobile" :awo_flag="awo_flag" |
|
|
|
@handelClickDetail="handelClickDetail"></form-list> |
|
|
|
<el-dialog width="60%" class="dialog-h" title="12345事件详情" :close-on-click-modal="false" v-if="showFormDetail" |
|
|
|
:visible.sync="showFormDetail" append-to-body> |
|
|
|
<event-info ref="eleEditForm" :pageType="pageType" :eventId="eventId" :eventDetailData="eventDetailData" |
|
|
|
@handleClose="handleClose" @handleOk="handleOk" @dialogOk="handleEditSuccess" /> |
|
|
|
@handleClose="handleClose" @handleOk="handleOk" @dialogOk="handleEditSuccess" /> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
v-if="showAreaSameEventList" |
|
|
|
:visible.sync="showAreaSameEventList" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="同地点同类型事件重复投诉" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="60%" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showAreaSameEventList = false" |
|
|
|
> |
|
|
|
<area-same-list |
|
|
|
ref="ref_area_same_list" |
|
|
|
@handleClose="handleClose" |
|
|
|
@clickAddressData="clickAddressData" |
|
|
|
></area-same-list> |
|
|
|
<el-dialog v-if="showAreaSameEventList" :visible.sync="showAreaSameEventList" :close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" title="同地点同类型事件重复投诉" :modal-append-to-body="false" width="60%" top="5vh" |
|
|
|
class="dialog-h" @closed="showAreaSameEventList = false"> |
|
|
|
<area-same-list ref="ref_area_same_list" @handleClose="handleClose" |
|
|
|
@clickAddressData="clickAddressData"></area-same-list> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
v-if="showMobileEventList" |
|
|
|
:visible.sync="showMobileEventList" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="同一人员重复投诉" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="60%" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showMobileEventList = false" |
|
|
|
> |
|
|
|
<mobile-list |
|
|
|
ref="ref_mobile_list" |
|
|
|
@handleClose="handleClose" |
|
|
|
@clickMobileData="clickMobileData" |
|
|
|
></mobile-list> |
|
|
|
<el-dialog v-if="showMobileEventList" :visible.sync="showMobileEventList" :close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" title="同一人员重复投诉" :modal-append-to-body="false" width="60%" top="5vh" |
|
|
|
class="dialog-h" @closed="showMobileEventList = false"> |
|
|
|
<mobile-list ref="ref_mobile_list" @handleClose="handleClose" @clickMobileData="clickMobileData"></mobile-list> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
v-if="showAreaNoSameEventList" |
|
|
|
:visible.sync="showAreaNoSameEventList" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="同一区域不同类型投诉" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="60%" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showAreaNoSameEventList = false" |
|
|
|
> |
|
|
|
<area-no-same-list |
|
|
|
ref="ref_area_no_same_list" |
|
|
|
@handleClose="handleClose" |
|
|
|
@clickAddressMobileData="clickAddressMobileData" |
|
|
|
></area-no-same-list> |
|
|
|
<el-dialog v-if="showAreaNoSameEventList" :visible.sync="showAreaNoSameEventList" :close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" title="同一区域不同类型投诉" :modal-append-to-body="false" width="60%" top="5vh" |
|
|
|
class="dialog-h" @closed="showAreaNoSameEventList = false"> |
|
|
|
<area-no-same-list ref="ref_area_no_same_list" @handleClose="handleClose" |
|
|
|
@clickAddressMobileData="clickAddressMobileData"></area-no-same-list> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
v-if="showAddEventList" |
|
|
|
:visible.sync="showAddEventList" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="同一工单追加内容投诉" |
|
|
|
:modal-append-to-body="false" |
|
|
|
width="60%" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showAddEventList = false" |
|
|
|
> |
|
|
|
<add-complain-list |
|
|
|
ref="ref_area_no_same_list" |
|
|
|
@clickAwoFlagData="clickAwoFlagData" |
|
|
|
></add-complain-list> |
|
|
|
<el-dialog v-if="showAddEventList" :visible.sync="showAddEventList" :close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" title="同一工单追加内容投诉" :modal-append-to-body="false" width="60%" top="5vh" |
|
|
|
class="dialog-h" @closed="showAddEventList = false"> |
|
|
|
<add-complain-list ref="ref_area_no_same_list" @clickAwoFlagData="clickAwoFlagData"></add-complain-list> |
|
|
|
</el-dialog> |
|
|
|
<awoList ref="awoList" /> |
|
|
|
</div> |
|
|
|
@ -1087,6 +1039,7 @@ export default { |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|
|
|
@import "./css/index.scss"; |
|
|
|
|
|
|
|
.div_btn_left>* { |
|
|
|
margin-right: 10px; |
|
|
|
|
