|
|
|
@ -1,99 +1,108 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="container"> |
|
|
|
<div class="container"> |
|
|
|
<header> |
|
|
|
<el-tabs> |
|
|
|
<el-form :label-width="114"> |
|
|
|
<el-tab-pane label="所队"> |
|
|
|
<el-row> |
|
|
|
<header> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form :label-width="114"> |
|
|
|
<el-form-item label="三级单位"> |
|
|
|
<el-row> |
|
|
|
<depart-tree-select |
|
|
|
<el-col :span="6"> |
|
|
|
v-model="query.departId" |
|
|
|
<el-form-item label="三级单位"> |
|
|
|
:check-strictly="false" |
|
|
|
<depart-tree-select |
|
|
|
/> |
|
|
|
v-model="query.departId" |
|
|
|
</el-form-item> |
|
|
|
:check-strictly="false" |
|
|
|
</el-col> |
|
|
|
/> |
|
|
|
<el-col :span="6"> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="统计时间"> |
|
|
|
</el-col> |
|
|
|
<date-time-range-picker-ext |
|
|
|
<el-col :span="6"> |
|
|
|
v-model="query.crtTime" |
|
|
|
<el-form-item label="单位简称"> |
|
|
|
/> |
|
|
|
<el-input v-model="query.departName" placeholder="请输入" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
</el-form> |
|
|
|
<el-form-item label="统计时间"> |
|
|
|
<div class="mb-25 flex end"> |
|
|
|
<date-time-range-picker-ext |
|
|
|
<div> |
|
|
|
v-model="query.crtTime" |
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
/> |
|
|
|
<template #icon> |
|
|
|
</el-form-item> |
|
|
|
<icon name="el-icon-Search" /> |
|
|
|
</el-col> |
|
|
|
</template> |
|
|
|
</el-row> |
|
|
|
查询</el-button |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<div class="mb-25 flex end"> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
|
|
|
|
<template #icon> |
|
|
|
|
|
|
|
<icon name="el-icon-Search" /> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
查询</el-button |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</header> |
|
|
|
|
|
|
|
<div class="table-container"> |
|
|
|
|
|
|
|
<el-table :data="list"> |
|
|
|
|
|
|
|
<el-table-column label="单位名称"> |
|
|
|
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
|
|
|
<span |
|
|
|
|
|
|
|
>{{ row.parentDepartName }}/{{ |
|
|
|
|
|
|
|
row.departName |
|
|
|
|
|
|
|
}}</span |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="民警人数" |
|
|
|
|
|
|
|
prop="policeSize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="协辅警人数" |
|
|
|
|
|
|
|
prop="auxSize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="查实问题涉及人数" |
|
|
|
|
|
|
|
prop="verifyPoliceSize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="查实问题数" |
|
|
|
|
|
|
|
prop="verifySize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="操作"> |
|
|
|
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
|
|
|
<el-button |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
link |
|
|
|
|
|
|
|
@click="handleShowProfile(row)" |
|
|
|
|
|
|
|
>问题画像</el-button |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
</el-table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="flex end mt-8"> |
|
|
|
|
|
|
|
<el-pagination |
|
|
|
|
|
|
|
@size-change="getList" |
|
|
|
|
|
|
|
@current-change="getList" |
|
|
|
|
|
|
|
:current-page="query.current" |
|
|
|
|
|
|
|
:page-sizes="[9, 18, 36]" |
|
|
|
|
|
|
|
v-model:page-size="query.size" |
|
|
|
|
|
|
|
v-model:current-page="query.current" |
|
|
|
|
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
|
|
|
|
:total="total" |
|
|
|
|
|
|
|
v-if="list.length" |
|
|
|
> |
|
|
|
> |
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
</header> |
|
|
|
</el-tabs> |
|
|
|
<div class="table-container"> |
|
|
|
|
|
|
|
<el-table :data="list"> |
|
|
|
|
|
|
|
<el-table-column label="单位名称"> |
|
|
|
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
|
|
|
<span |
|
|
|
|
|
|
|
>{{ row.parentDepartName }}/{{ |
|
|
|
|
|
|
|
row.departName |
|
|
|
|
|
|
|
}}</span |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="民警人数" |
|
|
|
|
|
|
|
prop="policeSize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="协辅警人数" |
|
|
|
|
|
|
|
prop="auxSize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="查实问题涉及人数" |
|
|
|
|
|
|
|
prop="verifyPoliceSize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
|
|
|
label="查实问题数" |
|
|
|
|
|
|
|
prop="verifySize" |
|
|
|
|
|
|
|
align="center" |
|
|
|
|
|
|
|
width="160" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="操作"> |
|
|
|
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
|
|
|
<el-button |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
link |
|
|
|
|
|
|
|
@click="handleShowProfile(row)" |
|
|
|
|
|
|
|
>问题画像</el-button |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
</el-table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="flex end mt-8"> |
|
|
|
|
|
|
|
<el-pagination |
|
|
|
|
|
|
|
@size-change="getList" |
|
|
|
|
|
|
|
@current-change="getList" |
|
|
|
|
|
|
|
:current-page="query.current" |
|
|
|
|
|
|
|
:page-sizes="[9, 18, 36]" |
|
|
|
|
|
|
|
v-model:page-size="query.size" |
|
|
|
|
|
|
|
v-model:current-page="query.current" |
|
|
|
|
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
|
|
|
|
:total="total" |
|
|
|
|
|
|
|
v-if="list.length" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</el-pagination> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="单位问题画像" v-model="show" width="85vw" top="2vh"> |
|
|
|
<el-dialog title="单位问题画像" v-model="show" width="85vw" top="2vh"> |
|
|
|
@ -101,14 +110,15 @@ |
|
|
|
<label>统计范围</label> |
|
|
|
<label>统计范围</label> |
|
|
|
<div style="width: 320px"> |
|
|
|
<div style="width: 320px"> |
|
|
|
<date-time-range-picker-ext |
|
|
|
<date-time-range-picker-ext |
|
|
|
v-model="query.crtTime" |
|
|
|
v-model="time" |
|
|
|
|
|
|
|
@change="getProfileData" |
|
|
|
style="width: 300px" |
|
|
|
style="width: 300px" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-button type="primary">查询</el-button> |
|
|
|
<el-button type="primary">查询</el-button> |
|
|
|
</header> |
|
|
|
</header> |
|
|
|
<main v-loading="loading"> |
|
|
|
<main v-loading="loading"> |
|
|
|
<el-row> |
|
|
|
<el-row class="mb-20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>单位情况</h5> |
|
|
|
<h5>单位情况</h5> |
|
|
|
<div class="row"> |
|
|
|
<div class="row"> |
|
|
|
@ -154,7 +164,10 @@ |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>问题情况</h5> |
|
|
|
<h5>问题情况</h5> |
|
|
|
<el-row> |
|
|
|
<el-row |
|
|
|
|
|
|
|
class="flex v-center" |
|
|
|
|
|
|
|
style="height: calc(100% - 76px)" |
|
|
|
|
|
|
|
> |
|
|
|
<el-col :span="6" class="text-center"> |
|
|
|
<el-col :span="6" class="text-center"> |
|
|
|
<div class="text-primary" style="font-size: 34px"> |
|
|
|
<div class="text-primary" style="font-size: 34px"> |
|
|
|
{{ activeRow.verifySize }} |
|
|
|
{{ activeRow.verifySize }} |
|
|
|
@ -167,16 +180,16 @@ |
|
|
|
<description-pair |
|
|
|
<description-pair |
|
|
|
label1="110接处警量" |
|
|
|
label1="110接处警量" |
|
|
|
label2="问题数" |
|
|
|
label2="问题数" |
|
|
|
value1="132" |
|
|
|
:value1="negativeInfo.jcjBusinessSize" |
|
|
|
value2="21" |
|
|
|
:value2="negativeInfo.jcjSize" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-col :span="12"> |
|
|
|
<description-pair |
|
|
|
<description-pair |
|
|
|
label1="执法办案" |
|
|
|
label1="执法办案" |
|
|
|
label2="问题数" |
|
|
|
label2="问题数" |
|
|
|
value1="132" |
|
|
|
:value1="negativeInfo.zfbaBusinessSize" |
|
|
|
value2="21" |
|
|
|
:value2="negativeInfo.zfbaSize" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
@ -216,12 +229,12 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-row class="mb-20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>问题来源占比</h5> |
|
|
|
<h5>问题来源占比</h5> |
|
|
|
<v-charts |
|
|
|
<v-charts |
|
|
|
style="height: 320px" |
|
|
|
style="height: 320px" |
|
|
|
:option="pieOptions" |
|
|
|
:option="problemSourcesPieOptions" |
|
|
|
autoresize |
|
|
|
autoresize |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
@ -229,36 +242,41 @@ |
|
|
|
<h5>业务类型占比</h5> |
|
|
|
<h5>业务类型占比</h5> |
|
|
|
<v-charts |
|
|
|
<v-charts |
|
|
|
style="height: 320px" |
|
|
|
style="height: 320px" |
|
|
|
:option="pieOptions" |
|
|
|
:option="businessTypePieOptions" |
|
|
|
autoresize |
|
|
|
autoresize |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>风险问题构成</h5> |
|
|
|
<h5>风险问题构成</h5> |
|
|
|
<v-charts |
|
|
|
|
|
|
|
style="height: 320px" |
|
|
|
|
|
|
|
:option="radarOption" |
|
|
|
|
|
|
|
autoresize |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-row class="mb-20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>个人问题排名</h5> |
|
|
|
<h5>个人问题排名</h5> |
|
|
|
<datav-chart-bar :data="barList" :color="colors" /> |
|
|
|
<datav-chart-bar |
|
|
|
|
|
|
|
size="small" |
|
|
|
|
|
|
|
:data="policeBarList" |
|
|
|
|
|
|
|
:color="colors" |
|
|
|
|
|
|
|
/> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>突出问题排名</h5> |
|
|
|
<h5>突出问题排名</h5> |
|
|
|
<datav-chart-bar :data="barList" /> |
|
|
|
<datav-chart-bar size="small" :data="[]" /> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="8"> |
|
|
|
<h5>单位问题标签</h5> |
|
|
|
<h5>单位问题标签</h5> |
|
|
|
<datav-chart-bar :data="barList" /> |
|
|
|
<datav-chart-bar size="small" :data="[]" /> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
<h5>问题变化趋势</h5> |
|
|
|
<div style="margin-top: 60px"> |
|
|
|
<v-charts style="height: 320px" :option="barOption" autoresize /> |
|
|
|
<h5>问题变化趋势</h5> |
|
|
|
<div></div> |
|
|
|
<v-charts |
|
|
|
|
|
|
|
style="height: 320px" |
|
|
|
|
|
|
|
:option="barOption" |
|
|
|
|
|
|
|
autoresize |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<div></div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<h5>问题清单</h5> |
|
|
|
<h5>问题清单</h5> |
|
|
|
<el-table :data="negativeList"> |
|
|
|
<el-table :data="negativeList"> |
|
|
|
<el-table-column label="发现时间" prop="discoveryTime" /> |
|
|
|
<el-table-column label="发现时间" prop="discoveryTime" /> |
|
|
|
@ -268,9 +286,19 @@ |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="核查情况" |
|
|
|
label="核查情况" |
|
|
|
prop="checkStatusName" |
|
|
|
prop="checkStatusName" |
|
|
|
width="180" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
align="center" |
|
|
|
/> |
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column label="操作" width="160"> |
|
|
|
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
|
|
|
<el-button |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
link |
|
|
|
|
|
|
|
@click="handleAction(row)" |
|
|
|
|
|
|
|
>查看详情</el-button |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
<div class="flex end mt-8"> |
|
|
|
<div class="flex end mt-8"> |
|
|
|
<el-pagination |
|
|
|
<el-pagination |
|
|
|
@ -287,12 +315,19 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</main> |
|
|
|
</main> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<negative-dialog |
|
|
|
|
|
|
|
v-model="negativeShow" |
|
|
|
|
|
|
|
:id="activeNegativeId" |
|
|
|
|
|
|
|
@close="negativeShow = false" |
|
|
|
|
|
|
|
/> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script lang="ts" setup> |
|
|
|
<script lang="ts" setup> |
|
|
|
import vCharts from "vue-echarts"; |
|
|
|
import vCharts from "vue-echarts"; |
|
|
|
import { |
|
|
|
import { |
|
|
|
listDepartNegative, |
|
|
|
listDepartNegative, |
|
|
|
getDepartProfile, |
|
|
|
getDepartProfile, |
|
|
|
|
|
|
|
listNegativeMonthly |
|
|
|
} from "@/api/sensitivePerception/profileDepart"; |
|
|
|
} from "@/api/sensitivePerception/profileDepart"; |
|
|
|
import { listNegative } from "@/api/work/negative"; |
|
|
|
import { listNegative } from "@/api/work/negative"; |
|
|
|
import { InspectCase } from "@/enums/dictEnums"; |
|
|
|
import { InspectCase } from "@/enums/dictEnums"; |
|
|
|
@ -326,6 +361,7 @@ onMounted(() => { |
|
|
|
const activeRow = ref({}); |
|
|
|
const activeRow = ref({}); |
|
|
|
const show = ref(false); |
|
|
|
const show = ref(false); |
|
|
|
const departInfo = ref({}); |
|
|
|
const departInfo = ref({}); |
|
|
|
|
|
|
|
const negativeInfo = ref({}); |
|
|
|
const loading = ref(false); |
|
|
|
const loading = ref(false); |
|
|
|
|
|
|
|
|
|
|
|
const negativeQuery = ref({ |
|
|
|
const negativeQuery = ref({ |
|
|
|
@ -333,16 +369,77 @@ const negativeQuery = ref({ |
|
|
|
}); |
|
|
|
}); |
|
|
|
const negativeList = ref([]); |
|
|
|
const negativeList = ref([]); |
|
|
|
const negativeTotal = ref(0); |
|
|
|
const negativeTotal = ref(0); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const problemSourcesPieOptions = ref({ |
|
|
|
|
|
|
|
tooltip: { |
|
|
|
|
|
|
|
trigger: "item", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
series: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type: "pie", |
|
|
|
|
|
|
|
radius: ["40%", "70%"], |
|
|
|
|
|
|
|
data: [], |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
const businessTypePieOptions = ref({ |
|
|
|
|
|
|
|
tooltip: { |
|
|
|
|
|
|
|
trigger: "item", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
series: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type: "pie", |
|
|
|
|
|
|
|
radius: ["40%", "70%"], |
|
|
|
|
|
|
|
data: [], |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
const policeBarList = ref([]); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const barOption = ref({ |
|
|
|
|
|
|
|
xAxis: { |
|
|
|
|
|
|
|
type: "category", |
|
|
|
|
|
|
|
data: [], |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
yAxis: { |
|
|
|
|
|
|
|
type: "value", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
series: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
data: [], |
|
|
|
|
|
|
|
type: "bar", |
|
|
|
|
|
|
|
color: "#5B8FF9 ", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async function handleShowProfile(row) { |
|
|
|
async function handleShowProfile(row) { |
|
|
|
activeRow.value = row; |
|
|
|
activeRow.value = row; |
|
|
|
loading.value = true; |
|
|
|
loading.value = true; |
|
|
|
show.value = true; |
|
|
|
show.value = true; |
|
|
|
|
|
|
|
await getProfileData(); |
|
|
|
|
|
|
|
listNegativeMonthly(row.departId).then(data => { |
|
|
|
|
|
|
|
barOption.value.xAxis.data = data.months |
|
|
|
|
|
|
|
barOption.value.series[0].data = data.values |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
negativeQuery.value.involveDepartId = row.departId; |
|
|
|
const time = ref([]); |
|
|
|
|
|
|
|
async function getProfileData() { |
|
|
|
|
|
|
|
negativeQuery.value.involveDepartId = activeRow.value.departId; |
|
|
|
getNegativeList(); |
|
|
|
getNegativeList(); |
|
|
|
const data = await getDepartProfile(row.departId); |
|
|
|
const data = await getDepartProfile(activeRow.value.departId, { |
|
|
|
|
|
|
|
beginTime: time.value.length ? time.value[0] : "", |
|
|
|
|
|
|
|
endTime: time.value.length ? time.value[1] : "", |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
departInfo.value = data.departInfo; |
|
|
|
departInfo.value = data.departInfo; |
|
|
|
|
|
|
|
negativeInfo.value = data.negativeInfo; |
|
|
|
|
|
|
|
problemSourcesPieOptions.value.series[0].data = data.problemSourcesList; |
|
|
|
|
|
|
|
businessTypePieOptions.value.series[0].data = data.businessTypeList; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
policeBarList.value = data.policeBarList; |
|
|
|
loading.value = false; |
|
|
|
loading.value = false; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -354,11 +451,9 @@ function getNegativeList() { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const colors = [ |
|
|
|
const colors = [ |
|
|
|
{ color: "#f56c6c", percentage: 20 }, |
|
|
|
{ color: "#5AD8A6", percentage: 40 }, |
|
|
|
{ color: "#e6a23c", percentage: 40 }, |
|
|
|
{ color: "#F6BD16", percentage: 60 }, |
|
|
|
{ color: "#5cb87a", percentage: 60 }, |
|
|
|
{ color: "#E8684A ", percentage: 80 }, |
|
|
|
{ color: "#1989fa", percentage: 80 }, |
|
|
|
|
|
|
|
{ color: "#6f7ad3", percentage: 100 }, |
|
|
|
|
|
|
|
]; |
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
const barList = [ |
|
|
|
const barList = [ |
|
|
|
@ -384,26 +479,6 @@ const barList = [ |
|
|
|
}, |
|
|
|
}, |
|
|
|
]; |
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
const pieOptions = computed(() => { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
series: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
type: "pie", |
|
|
|
|
|
|
|
radius: ["40%", "70%"], |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
data: [ |
|
|
|
|
|
|
|
{ value: 311, name: "慢作为" }, |
|
|
|
|
|
|
|
{ value: 735, name: "意见建议" }, |
|
|
|
|
|
|
|
{ value: 580, name: "违法违纪违规" }, |
|
|
|
|
|
|
|
{ value: 484, name: "乱作为" }, |
|
|
|
|
|
|
|
{ value: 300, name: "其他" }, |
|
|
|
|
|
|
|
{ value: 300, name: "不作为" }, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const radarOption = { |
|
|
|
const radarOption = { |
|
|
|
radar: { |
|
|
|
radar: { |
|
|
|
// shape: 'circle', |
|
|
|
// shape: 'circle', |
|
|
|
@ -429,21 +504,12 @@ const radarOption = { |
|
|
|
], |
|
|
|
], |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const barOption = { |
|
|
|
const negativeShow = ref(false); |
|
|
|
xAxis: { |
|
|
|
const activeNegativeId = ref(""); |
|
|
|
type: "category", |
|
|
|
function handleAction(row) { |
|
|
|
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], |
|
|
|
negativeShow.value = true; |
|
|
|
}, |
|
|
|
activeNegativeId.value = row.id; |
|
|
|
yAxis: { |
|
|
|
} |
|
|
|
type: "value", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
series: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
data: [120, 200, 150, 80, 70, 110, 130], |
|
|
|
|
|
|
|
type: "bar", |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
</style> |
|
|
|
</style> |
wxc
1 year ago