|
|
|
|
@ -7,7 +7,7 @@
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<datav-card title="初访重访情况"> |
|
|
|
|
<el-row class="mb-32"> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
{{ currentLeftOverview.firstMail }} |
|
|
|
|
@ -17,7 +17,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
{{ currentLeftOverview.repeatMail }} |
|
|
|
|
@ -27,16 +27,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
{{ currentLeftOverview.leaderMail }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
领导接访数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
<datav-card> |
|
|
|
|
<datav-tabs v-model="activeTab" ref="firstAndRepeat"> |
|
|
|
|
@ -44,6 +35,7 @@
|
|
|
|
|
<datav-tabs |
|
|
|
|
v-model="fxsjFirstAndRepeatTab" |
|
|
|
|
type="bottom-button" |
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
<datav-tab-item label="初信初访" name="1"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
@ -52,6 +44,7 @@
|
|
|
|
|
size="large" |
|
|
|
|
:max="11" |
|
|
|
|
:color="colors" |
|
|
|
|
|
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
@ -65,16 +58,7 @@
|
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="领导接访" name="3"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
:data="fxsjLeaderViewMailList" |
|
|
|
|
:max="11" |
|
|
|
|
size="large" |
|
|
|
|
:color="leaderViewColors" |
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
|
|
|
|
|
</datav-tabs> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="局属单位" name="2"> |
|
|
|
|
@ -99,16 +83,7 @@
|
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="领导接访" name="3"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
:data="bwzdLeaderViewMailList" |
|
|
|
|
:max="11" |
|
|
|
|
size="large" |
|
|
|
|
:color="leaderViewColors" |
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
|
|
|
|
|
</datav-tabs> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
</datav-tabs> |
|
|
|
|
@ -227,8 +202,7 @@
|
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<datav-card title="群众集访情况"> |
|
|
|
|
<el-row class="mb-32"> |
|
|
|
|
|
|
|
|
|
<el-col > |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
{{ currentRightOverview.mass }} |
|
|
|
|
@ -238,7 +212,18 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
|
<div class="descriptions_content"> |
|
|
|
|
{{ currentLeftOverview.leaderMail }} |
|
|
|
|
</div> |
|
|
|
|
<div class="descriptions_label"> |
|
|
|
|
领导接访数 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<datav-card> |
|
|
|
|
<datav-tabs v-model="activeTabRight" ref="entanglement"> |
|
|
|
|
<datav-tab-item label="分县市局" name="1"> |
|
|
|
|
@ -246,8 +231,17 @@
|
|
|
|
|
type="bottom-button" |
|
|
|
|
v-model="fxsjEntanglementTab" |
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
<datav-tab-item label="群体集访" name="3"> |
|
|
|
|
<datav-tab-item label="领导接访" name="1"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
:data="fxsjLeaderViewMailList" |
|
|
|
|
:max="11" |
|
|
|
|
size="large" |
|
|
|
|
:color="leaderViewColors" |
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="群体集访" name="2"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
:data="fxsjMassMailList" |
|
|
|
|
@ -262,9 +256,19 @@
|
|
|
|
|
<datav-tab-item label="局属单位" name="2"> |
|
|
|
|
<datav-tabs |
|
|
|
|
type="bottom-button" |
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
<datav-tab-item label="群体集访" name="3"> |
|
|
|
|
> |
|
|
|
|
<datav-tab-item label="领导接访" name="1"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
:data="bwzdLeaderViewMailList" |
|
|
|
|
:max="11" |
|
|
|
|
size="large" |
|
|
|
|
:color="leaderViewColors" |
|
|
|
|
/> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</datav-tab-item> |
|
|
|
|
<datav-tab-item label="群体集访" name="2"> |
|
|
|
|
<el-scrollbar height="300px"> |
|
|
|
|
<datav-chart-bar |
|
|
|
|
:data="bwzdMassMailList" |
|
|
|
|
@ -441,20 +445,19 @@ const option = ref({
|
|
|
|
|
trigger: 'item', |
|
|
|
|
position: 'bottom', |
|
|
|
|
formatter: function (params) { |
|
|
|
|
console.log(params) |
|
|
|
|
|
|
|
|
|
const dataItem = mailMapIconList.value.find(item => item.name.includes(params.name.substring(0, 2))); |
|
|
|
|
// |
|
|
|
|
if (dataItem) { |
|
|
|
|
return ` |
|
|
|
|
<div class="tooltip"> |
|
|
|
|
<div class="tooltip-title">${dataItem.originalName}</div> |
|
|
|
|
<div class="tooltip-title">${dataItem.originalName} </div> |
|
|
|
|
<div class="tooltip-content"> |
|
|
|
|
<ul class="tooltip-ul" > |
|
|
|
|
<li>信访总件数 <span>${dataItem.total}</span></li> |
|
|
|
|
<li>国家信访 <span>${dataItem.countryTotal}</span></li> |
|
|
|
|
<li>公安部信访 <span>${dataItem.policeTotal}</span></li> |
|
|
|
|
<li>局长信箱 <span>${dataItem.commissionerTotal}</span></li> |
|
|
|
|
<li>12337信访 <span>${dataItem.numTotal}</span></li> |
|
|
|
|
<li>国家信访 <span> ${dataItem.countryTotal }</span></li> |
|
|
|
|
<li>公安部信访 <span> ${dataItem.policeTotal }</span></li> |
|
|
|
|
<li>局长信箱 <span> ${dataItem.commissionerTotal }</span></li> |
|
|
|
|
<li>12337信访 <span>${dataItem.numTotal }</span></li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div>`; |
|
|
|
|
@ -840,9 +843,11 @@ const getAllMailCountData = async (timeValue = time.value) => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const getMailMapIconData = async (timeValue = time.value) => { |
|
|
|
|
console.log('-------执行') |
|
|
|
|
const res = await getMailMapIcon(timeValue); |
|
|
|
|
const mappedData = mapOrgNameMapping(res.mailMapIconList, "total"); |
|
|
|
|
mailMapIconList.value = mappedData; |
|
|
|
|
console.log('-------执行2') |
|
|
|
|
console.log(mailMapIconList) |
|
|
|
|
const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0); |
|
|
|
|
const avg = total / mappedData.length; // 计算平均值 |
|
|
|
|
@ -921,7 +926,7 @@ const currentRightOverview = computed(() => {
|
|
|
|
|
|
|
|
|
|
// region 动画 |
|
|
|
|
const fxsjFirstAndRepeatAnimation = () => { |
|
|
|
|
fxsjFirstAndRepeatTab.value = (parseInt(fxsjFirstAndRepeatTab.value) % 3 + 1).toString(); |
|
|
|
|
fxsjFirstAndRepeatTab.value = (parseInt(fxsjFirstAndRepeatTab.value) % 2 + 1).toString(); |
|
|
|
|
}; |
|
|
|
|
fxsjFirstAndRepeatIntervalId = setInterval(fxsjFirstAndRepeatAnimation, 3000); |
|
|
|
|
// 业务类型占比环形图 |
|
|
|
|
@ -966,7 +971,7 @@ const mailTrendAnimation = () => {
|
|
|
|
|
mailTrendIntervalId = setInterval(mailTrendAnimation, 2000); |
|
|
|
|
// 缠访集访情况动画 |
|
|
|
|
const fxsjEntanglementAnimation = () => { |
|
|
|
|
fxsjEntanglementTab.value = (parseInt(fxsjEntanglementTab.value) % 3 + 1).toString(); |
|
|
|
|
fxsjEntanglementTab.value = (parseInt(fxsjEntanglementTab.value) % 2 + 1).toString(); |
|
|
|
|
}; |
|
|
|
|
fxsjEntanglementIntervalId = setInterval(fxsjEntanglementAnimation, 3000); |
|
|
|
|
// // 问题涉及方面分布环形图 |
|
|
|
|
@ -1116,6 +1121,8 @@ function open(path) {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tooltip-content ul li { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
height: 26px; |
|
|
|
|
color: #597AE9; |
|
|
|
|
font-weight: 400; |
|
|
|
|
@ -1123,11 +1130,11 @@ function open(path) {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tooltip-ul span { |
|
|
|
|
display: inline-block; |
|
|
|
|
float: right; |
|
|
|
|
width: 55px; |
|
|
|
|
color: #fff; |
|
|
|
|
font-size: 14px; |
|
|
|
|
text-align: center; /* 水平居中 */ |
|
|
|
|
//text-align: center; /* 水平居中 */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|