|
|
@ -33,7 +33,7 @@ |
|
|
|
<div class="item2"> |
|
|
|
<img src="./img/responsivity.png" /> |
|
|
|
<div class="item2_div"> |
|
|
|
<span class="div_span1">98%</span> |
|
|
|
<span class="div_span1">{{ analysisList.responseRate}}%</span> |
|
|
|
<div style="display: flex; align-items: center;justify-content:center;"> |
|
|
|
<span class="div_span2">响应率</span> |
|
|
|
<img style="width: 10px;height: 10px;margin-top: 10px;margin-left: 5px;" src="./img/describe.png"> |
|
|
@ -43,7 +43,7 @@ |
|
|
|
<div class="item2"> |
|
|
|
<img src="./img/ontimeCompletionRate.png" /> |
|
|
|
<div class="item2_div"> |
|
|
|
<span class="div_span1">98%</span> |
|
|
|
<span class="div_span1">{{ analysisList.returnRate? analysisList.returnRate:0}}%</span> |
|
|
|
<div style="display: flex; align-items: center;justify-content:center;"> |
|
|
|
<span class="div_span2">办结率</span> |
|
|
|
<img style="width: 10px;height: 10px;margin-top: 10px;margin-left: 5px;" src="./img/describe.png"> |
|
|
@ -53,7 +53,7 @@ |
|
|
|
<div class="item2"> |
|
|
|
<img src="./img/finalResolutionRate.png" /> |
|
|
|
<div class="item2_div"> |
|
|
|
<span class="div_span1">98%</span> |
|
|
|
<span class="div_span1">{{ analysisList.resolveRate? analysisList.resolveRate:0}}%</span> |
|
|
|
<div style="display: flex; align-items: center;justify-content:center;"> |
|
|
|
<span class="div_span2">最终解决率</span> |
|
|
|
<img style="width: 10px;height: 10px;margin-top: 10px;margin-left: 5px;" src="./img/describe.png"> |
|
|
@ -63,7 +63,7 @@ |
|
|
|
<div class="item2"> |
|
|
|
<img src="./img/finalSatisfactionRate.png" /> |
|
|
|
<div class="item2_div"> |
|
|
|
<span class="div_span1">98%</span> |
|
|
|
<span class="div_span1">{{ analysisList.satisfiedRate? analysisList.satisfiedRate:0}}%</span> |
|
|
|
<div style="display: flex; align-items: center;justify-content:center;"> |
|
|
|
<span class="div_span2">最终满意率</span> |
|
|
|
<img style="width: 10px;height: 10px;margin-top: 10px;margin-left: 5px;" src="./img/describe.png"> |
|
|
@ -74,17 +74,18 @@ |
|
|
|
</div> |
|
|
|
<div class="div_room"> |
|
|
|
<div style="display: flex; justify-content: center; flex-direction: column; align-items: center;"> |
|
|
|
<div>派件/派件</div> |
|
|
|
<div style="font-size: 16px; margin-top: 20px">派件/派件</div> |
|
|
|
<div class="item" @click="onEventNum()"> |
|
|
|
<div class="item_category"> |
|
|
|
<img src="./img/eventSumNum.png" alt /> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="item_content">收件数 |
|
|
|
<div class="item_content"> |
|
|
|
收件数 |
|
|
|
<el-tooltip class="item_content" effect="dark" content="按导入事件的接收时间在统计时段内的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip> |
|
|
|
</div> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.assignTotal }}</div> |
|
|
|
<div class="item_content">派件数 <el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“派件”操作的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
@ -94,16 +95,16 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: center; flex-direction: column; align-items: center;"> |
|
|
|
<div>办理</div> |
|
|
|
<div style="font-size: 16px; margin-top: 20px">办理</div> |
|
|
|
<div class="item" @click="onEventNum()" style="background-color: #f2fffb;"> |
|
|
|
<div class="item_category"> |
|
|
|
<img src="./img/perp.png" alt /> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.connectTotal }}</div> |
|
|
|
<div class="item_content">已联系当事人(初访)件数 <el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“联系当事人(初访)”操作的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.dealTotal }}</div> |
|
|
|
<div class="item_content">办理中件数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内所有“办理中”状态的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
@ -113,11 +114,11 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: center; flex-direction: column; align-items: center;"> |
|
|
|
<div>办结</div> |
|
|
|
<div style="font-size: 16px; margin-top: 20px">办结</div> |
|
|
|
<div class="item" @click="onEventNum()" style="background-color: #f4fdff; "> |
|
|
|
<div class="item_category"> |
|
|
|
<img src="./img/completed.png" alt /> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.completeTotal }}</div> |
|
|
|
<div class="item_content">办结件数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“办结”操作的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
@ -127,12 +128,12 @@ |
|
|
|
content="在统计时段内所有“未办结”状态的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> --> |
|
|
|
<div class="row_left" style="color:#FF7035 ;">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left" style="color:#FF7035 ;">{{ analysisList.inTimeResolveNum?analysisList.inTimeResolveNum:"0"}}</div> |
|
|
|
<div class="item_content">按时办结数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“办结”操作且未超过(部门)办结时限的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> |
|
|
|
<div class="row_left" style="color:#FF7035 ;">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left" style="color:#FF7035 ;">{{ analysisList.overTimeCompleteTotal?analysisList.overTimeCompleteTotal:"0"}}</div> |
|
|
|
<div class="item_content">超期办结数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“办结”操作但已超过(部门)办结时限的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
@ -141,26 +142,26 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: center; flex-direction: column; align-items: center;"> |
|
|
|
<div>退件/不合规申请件</div> |
|
|
|
<div style="font-size: 16px; margin-top: 20px">退件/不合规申请件</div> |
|
|
|
<div class="item" @click="onEventNum()" style="background-color:#fffdf0;"> |
|
|
|
<div class="item_category"> |
|
|
|
<img src="./img/returnTheItem.png" alt /> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.returnTotal }}</div> |
|
|
|
<div class="item_content">退件数<el-tooltip class="item_content" effect="dark" content="在统计时段内进行“退件”操作的事件数" |
|
|
|
placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.regularReturnTotal }}</div> |
|
|
|
<div class="item_content">正常退件数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“退件”操作且未超过退件时限的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> |
|
|
|
<div class="row_left" style="color:#FF7035 ;">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left" style="color:#FF7035 ;">{{ analysisList.overTimeTotal }}</div> |
|
|
|
<div class="item_content">超期退件数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“退件”操作但已超过退件时限的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> |
|
|
|
<div class="row_left" style="color:#FF3641 ;">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left" style="color:#FF3641 ;">{{ analysisList.irRegularTotal }}</div> |
|
|
|
<div class="item_content"> |
|
|
|
不合规申请件数 |
|
|
|
<el-tooltip class="item_content" effect="dark" content="在统计时段内进行不合规申请的事件数" placement="top"> |
|
|
@ -171,16 +172,16 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: center; flex-direction: column; align-items: center;"> |
|
|
|
<div>退件/不合规申请件</div> |
|
|
|
<div style="font-size: 16px; margin-top: 20px">退件/不合规申请件</div> |
|
|
|
<div class="item" @click="onEventNum('3')"> |
|
|
|
<div class="item_category"> |
|
|
|
<img src="./img/acttive.png" alt /> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.tackleWarehouseTotal }}</div> |
|
|
|
<div class="item_content">攻坚事件数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“派件”操作且符合攻坚事件条件的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
|
</el-tooltip></div> |
|
|
|
<div class="row_left">{{ analysisList.total }}</div> |
|
|
|
<div class="row_left">{{ analysisList.sensitiveTotal }}</div> |
|
|
|
<div class="item_content">敏感渠道来源件数<el-tooltip class="item_content" effect="dark" |
|
|
|
content="在统计时段内进行“派件”操作且符合敏感渠道来源的事件数" placement="top"> |
|
|
|
<img class="img_describe" src="./img/describe1.png" alt="描述图标" /> |
|
|
@ -196,11 +197,11 @@ |
|
|
|
</div> |
|
|
|
<el-table :data="tableList" style="width: 100%;margin-bottom: 20px;" row-key="id" border |
|
|
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> |
|
|
|
<el-table-column prop="categoryName" label="事件类型"> |
|
|
|
<el-table-column prop="categoryName" label="事件类型" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="eventCount" label="事件数量"> |
|
|
|
<el-table-column prop="eventCount" label="事件数量" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="proportion" label="同级占比"> |
|
|
|
<el-table-column prop="proportion" label="同级占比" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.proportion }}% |
|
|
|
</template> |
|
|
@ -212,7 +213,7 @@ |
|
|
|
<div> |
|
|
|
<echartsAffairs></echartsAffairs> |
|
|
|
</div> |
|
|
|
<div style="display: flex"> |
|
|
|
<div style="display: flex;margin-top: 20px" > |
|
|
|
<div class="f-align_item " :class="{ active: selectedIndex === index }" v-for="(item, index) in titleList" |
|
|
|
:key="item.value" @click="selectItem(index)"> |
|
|
|
<div style="font-size: 20px; "> {{ item.label }} </div> |
|
|
@ -230,40 +231,40 @@ |
|
|
|
{{ scope.row.totalRate }}% |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="unresolveTotal" align="center" label="派件数" |
|
|
|
<el-table-column prop="assignTotal" align="center" label="派件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="联系当事人(初访)件数" |
|
|
|
<el-table-column prop="connectTotal" align="center" label="联系当事人(初访)件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="办理中件数" |
|
|
|
<el-table-column prop="dealTotal" align="center" label="办理中件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="办结件数" |
|
|
|
<el-table-column prop="completeTotal" align="center" label="办结件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="未办结件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="按时办结数" |
|
|
|
<el-table-column prop="inTimeResolveNum" align="center" label="按时办结数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="超期办结数" |
|
|
|
<el-table-column prop="overTimeCompleteTotal" align="center" label="超期办结数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="退件数" |
|
|
|
<el-table-column prop="returnTotal" align="center" label="退件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalConnectRate" align="center" label="正常退件数" |
|
|
|
<el-table-column prop="regularReturnTotal" align="center" label="正常退件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="超期退件数" |
|
|
|
<el-table-column prop="overTimeTotal" align="center" label="超期退件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="不合规申请件数" |
|
|
|
<el-table-column prop="irRegularTotal" align="center" label="不合规申请件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="攻坚事件数" |
|
|
|
<el-table-column prop="tackleWarehouseTotal" align="center" label="攻坚事件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="敏感渠道来源件数" |
|
|
|
<el-table-column prop="sensitiveTotal" align="center" label="敏感渠道来源件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column fixed="right" prop="total" align="center" label="响应率" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="totalRate" align="center" label="按时办结率" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="responseRate" align="center" label="按时办结率" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="totalRate" align="center" label="解决率" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="resolveRate" align="center" label="解决率" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="totalRate" align="center" label="满意率" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="satisfiedRate" align="center" label="满意率" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
@ -278,40 +279,40 @@ |
|
|
|
{{ scope.row.totalRate }}% |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="unresolveTotal" align="center" label="派件数" |
|
|
|
<el-table-column prop="assignTotal" align="center" label="派件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="联系当事人(初访)件数" |
|
|
|
<el-table-column prop="connectTotal" align="center" label="联系当事人(初访)件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="办理中件数" |
|
|
|
<el-table-column prop="dealTotal" align="center" label="办理中件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="办结件数" |
|
|
|
<el-table-column prop="completeTotal" align="center" label="办结件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="未办结件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="按时办结数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="超期办结数" |
|
|
|
<el-table-column prop="overTimeCompleteTotal" align="center" label="超期办结数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="address" align="center" label="退件数" |
|
|
|
<el-table-column prop="returnTotal" align="center" label="退件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalConnectRate" align="center" label="正常退件数" |
|
|
|
<el-table-column prop="regularReturnTotal" align="center" label="正常退件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="超期退件数" |
|
|
|
<el-table-column prop="overTimeTotal" align="center" label="超期退件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="不合规申请件数" |
|
|
|
<el-table-column prop="irRegularTotal" align="center" label="不合规申请件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="攻坚事件数" |
|
|
|
<el-table-column prop="tackleWarehouseTotal" align="center" label="攻坚事件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column prop="illegalResolveTotal" align="center" label="敏感渠道来源件数" |
|
|
|
<el-table-column prop="sensitiveTotal" align="center" label="敏感渠道来源件数" |
|
|
|
:show-overflow-tooltip="true"></el-table-column> |
|
|
|
<el-table-column fixed="right" prop="total" align="center" label="响应率" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="total" align="center" label="响应率" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="totalRate" align="center" label="按时办结率" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="responseRate" align="center" label="按时办结率" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="totalRate" align="center" label="解决率" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="resolveRate" align="center" label="解决率" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" prop="totalRate" align="center" label="满意率" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column fixed="right" prop="satisfiedRate" align="center" label="满意率" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
@ -338,7 +339,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="操作" fixed="right" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="clickAddressData(row)" type="text" size="small">查看</el-button> |
|
|
|
<el-button @click="clickAddressData(scope.row)" type="text" size="small">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -347,6 +348,9 @@ |
|
|
|
<h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一人员重复投诉</h2> |
|
|
|
<el-table :data="mobileData" height="300" border class="m-table-item" style=""> |
|
|
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|
|
|
<el-table-column prop="name" align="center" label="联系人" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope">{{ scope.row.name? scope.row.name:"匿名"}}</template> |
|
|
|
</el-table-column> |
|
|
|
<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)" |
|
|
@ -366,7 +370,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="操作" fixed="right" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="clickMobileData(row)" type="text" size="small">查看</el-button> |
|
|
|
<el-button @click="clickMobileData(scope.row)" type="text" size="small">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -389,7 +393,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="操作" fixed="right" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="clickAddressMobileData(row)" type="text" size="small">查看</el-button> |
|
|
|
<el-button @click="clickAddressMobileData(scope.row)" type="text" size="small">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -408,7 +412,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="content" align="center" label="操作" fixed="right" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="clickAwoFlagData(row)" type="text" size="small">查看</el-button> |
|
|
|
<el-button @click="clickAwoFlagData(scope.row)" type="text" size="small">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -819,18 +823,18 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
watch: {}, |
|
|
|
mounted() { |
|
|
|
async mounted() { |
|
|
|
this.user = this.$store.state.user; |
|
|
|
this.agencyId = this.user.agencyId; |
|
|
|
this.getLastMonthRange() |
|
|
|
this.getOrgData(); |
|
|
|
this.agencyLevel = localStorage.getItem("level", this.orgData.level); |
|
|
|
this.getTableData(); |
|
|
|
this.getTableData(); |
|
|
|
// this.initEcharts(); |
|
|
|
this.EventCategoryAnalysis(); |
|
|
|
this.EventCate(); |
|
|
|
await this.EventCategoryAnalysis(); |
|
|
|
await this.EventCate(); |
|
|
|
this.getCategoryTree() |
|
|
|
this.initChart("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org"); |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
regexChat(str) { |
|
|
@ -854,36 +858,16 @@ export default { |
|
|
|
this.displayedText = ''; |
|
|
|
}, |
|
|
|
initChart(url) { |
|
|
|
this.$http.get(url).then(({ data: { data } }) => { |
|
|
|
const chartDom = this.$refs.chart; |
|
|
|
const myChart = echarts.init(chartDom); |
|
|
|
const departmentNames = [ |
|
|
|
{ name: "部门A1", xiangying: "87.43", banjie: "64.22", zuizhong: "54", manyi: "200" }, |
|
|
|
{ name: "部门A2", xiangying: "45.31", banjie: "85.49", zuizhong: "78", manyi: "180" }, |
|
|
|
{ name: "部门A3", xiangying: "92.10", banjie: "48.56", zuizhong: "80", manyi: "250" }, |
|
|
|
{ name: "部门A4", xiangying: "76.32", banjie: "92.78", zuizhong: "85", manyi: "190" }, |
|
|
|
{ name: "部门A5", xiangying: "54.89", banjie: "77.34", zuizhong: "93", manyi: "210" }, |
|
|
|
{ name: "部门A6", xiangying: "80.45", banjie: "61.23", zuizhong: "88", manyi: "170" }, |
|
|
|
{ name: "部门A7", xiangying: "67.21", banjie: "90.12", zuizhong: "95", manyi: "220" }, |
|
|
|
{ name: "部门A8", xiangying: "48.76", banjie: "85.45", zuizhong: "78", manyi: "160" }, |
|
|
|
{ name: "部门A9", xiangying: "59.88", banjie: "73.67", zuizhong: "82", manyi: "230" }, |
|
|
|
{ name: "部门A10", xiangying: "88.34", banjie: "68.4", zuizhong: "89", manyi: "240" }, |
|
|
|
{ name: "部门A11", xiangying: "71.90", banjie: "80.1", zuizhong: "77", manyi: "195" }, |
|
|
|
{ name: "部门A12", xiangying: "64.78", banjie: "94.0", zuizhong: "92", manyi: "260" }, |
|
|
|
{ name: "部门A13", xiangying: "90.12", banjie: "79.3", zuizhong: "85", manyi: "280" }, |
|
|
|
{ name: "部门A14", xiangying: "53.34", banjie: "88.67", zuizhong: "76", manyi: "275" }, |
|
|
|
{ name: "部门A15", xiangying: "75.45", banjie: "69.87", zuizhong: "82", manyi: "245" }, |
|
|
|
{ name: "部门A16", xiangying: "66.78", banjie: "71.45", zuizhong: "79", manyi: "210" }, |
|
|
|
{ name: "部门A17", xiangying: "82.34", banjie: "95.23", zuizhong: "91", manyi: "265" }, |
|
|
|
{ name: "部门A18", xiangying: "77.98", banjie: "84.65", zuizhong: "89", manyi: "255" }, |
|
|
|
{ name: "部门A19", xiangying: "58.67", banjie: "75.34", zuizhong: "81", manyi: "190" }, |
|
|
|
{ name: "部门A20", xiangying: "63.22", banjie: "72.34", zuizhong: "88", manyi: "285" } |
|
|
|
]; |
|
|
|
let xData = departmentNames.map(item => item.name) |
|
|
|
let xiangying = departmentNames.map(item => item.xiangying) |
|
|
|
let banjie = departmentNames.map(item => item.banjie) |
|
|
|
let zuizhong = departmentNames.map(item => item.zuizhong) |
|
|
|
let manyi = departmentNames.map(item => item.manyi) |
|
|
|
const departmentNames = this.selectedIndex === 0 ? this.departmentList : this.communityList; |
|
|
|
let xData = departmentNames.map(item => item.assignOrgName) |
|
|
|
let responseRate = departmentNames.map(item => item.responseRate) |
|
|
|
let assignOrgName = departmentNames.map(item => item.assignOrgName) |
|
|
|
console.log(assignOrgName,"dsfkljldsk"); |
|
|
|
let returnRate = departmentNames.map(item => item.returnRate) |
|
|
|
let resolveRate = departmentNames.map(item => item.resolveRate) |
|
|
|
let satisfiedRate = departmentNames.map(item => item.satisfiedRate) |
|
|
|
const option = { |
|
|
|
tooltip: { trigger: "axis" }, |
|
|
|
legend: { |
|
|
@ -901,11 +885,11 @@ export default { |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
name: "响应率", type: "bar", barWidth: 20, data: xiangying, color: "#3B82F6" |
|
|
|
name: "响应率", type: "bar", barWidth: 20, data: responseRate, color: "#3B82F6" |
|
|
|
}, |
|
|
|
{ name: "按时办结率", type: "bar", barWidth: 20, data: banjie, color: "#22C55E" }, |
|
|
|
{ name: "最终解决率", type: "bar", barWidth: 20, data: zuizhong, color: "#FACC15" }, |
|
|
|
{ name: "最终满意率", type: "bar", barWidth: 20, data: manyi, color: "#FB923C" }, |
|
|
|
{ name: "按时办结率", type: "bar", barWidth: 20, data: returnRate, color: "#22C55E" }, |
|
|
|
{ name: "最终解决率", type: "bar", barWidth: 20, data: resolveRate, color: "#FACC15" }, |
|
|
|
{ name: "最终满意率", type: "bar", barWidth: 20, data: satisfiedRate, color: "#FB923C" }, |
|
|
|
], |
|
|
|
grid: { left: "3%", right: "4%", bottom: "10%", containLabel: true }, |
|
|
|
dataZoom: [ |
|
|
@ -914,10 +898,7 @@ export default { |
|
|
|
realtime: true, |
|
|
|
show: true, |
|
|
|
start: 0, // 默认显示起点 |
|
|
|
end: 50, // 默认显示 50% |
|
|
|
// height:normalFontSize(12), |
|
|
|
// width:normalFontSize(112), |
|
|
|
// xAxisIndex: [0], // 绑定 X 轴 |
|
|
|
end: 20, // 默认显示 50% |
|
|
|
handleSize: 0, // 隐藏手柄 |
|
|
|
backgroundColor: "transparent", // 背景透明 |
|
|
|
fillerColor: "transparent", // 选中部分透明 |
|
|
@ -937,8 +918,7 @@ export default { |
|
|
|
}; |
|
|
|
myChart.setOption(option); |
|
|
|
window.addEventListener("resize", () => myChart.resize()); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
randomData() { |
|
|
@ -947,9 +927,9 @@ export default { |
|
|
|
selectItem(index) { |
|
|
|
this.selectedIndex = index; // 选中点击的项 |
|
|
|
if (index === 0) { |
|
|
|
this.initChart("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org"); |
|
|
|
this.initChart(); |
|
|
|
} else { |
|
|
|
this.initChart("/actual/base/residentIntegrity/resiCategoryStats/byOrg/query4Org"); |
|
|
|
this.initChart(); |
|
|
|
} |
|
|
|
}, |
|
|
|
onEventNum(data) { |
|
|
@ -1198,7 +1178,6 @@ export default { |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url, param); |
|
|
|
if (code === 0) { |
|
|
|
|
|
|
|
data.map(item => { |
|
|
|
if (item.assignOrgType == "duty") { |
|
|
|
this.departmentList.push(item) |
|
|
@ -1206,6 +1185,7 @@ export default { |
|
|
|
this.communityList.push(item) |
|
|
|
} |
|
|
|
}) |
|
|
|
this.initChart(); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
@ -1431,6 +1411,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
clickAddressData(row, column) { |
|
|
|
console.log(row,"sdfkjlsdfkljdsf"); |
|
|
|
this.hiddenAllDialog(); |
|
|
|
this.showFormList = true; |
|
|
|
this.recId = row.categoryId; |
|
|
|