|
@@ -39,8 +39,8 @@
|
|
|
<div class="qkq_tit txt_t">即办件统计数</div>
|
|
|
<div class="qkq_qkq_div clearfix">
|
|
|
<div class="qkq_hz fl">
|
|
|
- <p>即办件数:<b>13,802</b></p>
|
|
|
- <p>承诺件数:<b>1,655</b></p>
|
|
|
+ <p>即办件数:<b>{{ HandlingDocuments.instantProcessingQuantity }}</b></p>
|
|
|
+ <p>承诺件数:<b>{{ HandlingDocuments.promisedQuantity }}</b></p>
|
|
|
</div>
|
|
|
<div id="qkq_bj2" class="fr"></div>
|
|
|
</div>
|
|
@@ -56,44 +56,44 @@
|
|
|
|
|
|
<div class="con_div qkq_bjzs">
|
|
|
<div class="qkq_bjzs_con">
|
|
|
- <h4>538</h4>
|
|
|
+ <h4>{{ HallHandling.hallTotal }}</h4>
|
|
|
<p>大厅办件总数</p>
|
|
|
<div class="qkq_bjzs_bg"></div>
|
|
|
<div class="qkq_bjzs_txt clearfix">
|
|
|
<div class="qkq_bjzs_txt_fl fl">
|
|
|
<div class="bjzs_txt">
|
|
|
<p>建设用地(含临时建设</br>用地)规划许可证</p>
|
|
|
- <p style="margin-top: 15px"><b>6</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.buildLandUse }}</b>件</p>
|
|
|
</div>
|
|
|
<div class="bjzs_txt">
|
|
|
<p>建设工程(含临时建设</br>工程)规划许可证</p>
|
|
|
- <p style="margin-top: 15px"><b>11</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.architecturalEngineering }}</b>件</p>
|
|
|
</div>
|
|
|
<div class="bjzs_txt">
|
|
|
<p>建筑工程施工许可证</p>
|
|
|
- <p><b>21</b>件</p>
|
|
|
+ <p><b>{{ HallHandling.architecturalLicence }}</b>件</p>
|
|
|
</div>
|
|
|
<div class="bjzs_txt">
|
|
|
<p>年度平均审批用时</br>项目用时</p>
|
|
|
- <p style="margin-top: 15px"><b>40</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.projectTime }}</b>件</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="qkq_bjzs_txt_fr fr">
|
|
|
<div class="bjzs_txt">
|
|
|
<p>年度平均审批用时</br>立项用地阶段</p>
|
|
|
- <p style="margin-top: 15px"><b>13</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.projectApprovalStage }}</b>件</p>
|
|
|
</div>
|
|
|
<div class="bjzs_txt">
|
|
|
<p>年度平均审批用时</br>工程规划阶段</p>
|
|
|
- <p style="margin-top: 15px"><b>8</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.planStage }}</b>件</p>
|
|
|
</div>
|
|
|
<div class="bjzs_txt">
|
|
|
<p>年度平均审批用时</br>施工许可阶段</p>
|
|
|
- <p style="margin-top: 15px"><b>2</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.permitStage }}</b>件</p>
|
|
|
</div>
|
|
|
<div class="bjzs_txt">
|
|
|
<p>年度平均审批用时</br>竣工验收阶段</p>
|
|
|
- <p style="margin-top: 15px"><b>17</b>件</p>
|
|
|
+ <p style="margin-top: 15px"><b>{{ HallHandling.acceptancePhase }}</b>件</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -173,8 +173,8 @@
|
|
|
<div class="qkq_tit txt_t">办结率统计</div>
|
|
|
<div class="qkq_qkq_div clearfix">
|
|
|
<div class="qkq_hz qkq_hz2 fl">
|
|
|
- <p>自然人办件数:<b>13,802</b></p>
|
|
|
- <p>自然人办结数:<b>1,655</b></p>
|
|
|
+ <p>自然人办件数:<b>{{ CompletionRate.numberOfProcessedItems }}</b></p>
|
|
|
+ <p>自然人办结数:<b>{{ CompletionRate.completedQuantity }}</b></p>
|
|
|
</div>
|
|
|
<div id="qkq_bj5" class="fr"></div>
|
|
|
</div>
|
|
@@ -254,6 +254,13 @@ import {
|
|
|
getCameraList
|
|
|
} from "@/api/system/camera";
|
|
|
import supermap from "@/views/supermap/supermap";
|
|
|
+import {
|
|
|
+ lastOneBadList,
|
|
|
+ lastOneBusinessList,
|
|
|
+ lastOneRateList,
|
|
|
+ lastOneHandlingList,
|
|
|
+ lastOneDocumentsList, lastOneMattersList,lastOnePdocumentsList
|
|
|
+} from "@/api/system/zwyx";
|
|
|
|
|
|
|
|
|
export default {
|
|
@@ -264,6 +271,13 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dropdownVisible: false,
|
|
|
+ HandlingDocuments:{},
|
|
|
+ BadReview:{},
|
|
|
+ Business:{},
|
|
|
+ CompletionRate:{},
|
|
|
+ HallHandling:{},
|
|
|
+ HighFrequencyMatters:{},
|
|
|
+ PublicSecurityDocuments:{},
|
|
|
cameras: [],
|
|
|
sltProps: null,
|
|
|
currentTime: '',
|
|
@@ -274,14 +288,21 @@ export default {
|
|
|
// 可根据实际情况添加更多设备列表
|
|
|
},
|
|
|
created() {
|
|
|
+ this.lastOneBadList();
|
|
|
+ this.lastOneBusinessList();
|
|
|
+ this.lastOneRateList();
|
|
|
+ this.lastOneHandlingList();
|
|
|
+ this.lastOneDocumentsList();
|
|
|
+ this.lastOneMattersList();
|
|
|
+ this.lastOnePdocumentsList();
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.qkq_bj1();
|
|
|
- this.qkq_bj2();
|
|
|
-
|
|
|
- this.qkq_bj3();
|
|
|
- this.qkq_bj4();
|
|
|
- this.qkq_bj5();
|
|
|
+ // this.qkq_bj1();
|
|
|
+ // this.qkq_bj2();
|
|
|
+ //
|
|
|
+ // this.qkq_bj3();
|
|
|
+ // this.qkq_bj4();
|
|
|
+ // this.qkq_bj5();
|
|
|
|
|
|
this.getCurrentTime();
|
|
|
|
|
@@ -317,19 +338,66 @@ export default {
|
|
|
this.cameras = response.data;
|
|
|
})
|
|
|
},
|
|
|
+ //查询新办企业可视化
|
|
|
+ lastOneBusinessList() {
|
|
|
+ lastOneBusinessList().then(response => {
|
|
|
+ this.Business = response.data;
|
|
|
+ this.qkq_bj1(this.Business)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询好差评可视化
|
|
|
+ lastOneBadList() {
|
|
|
+ lastOneBadList().then(response => {
|
|
|
+ this.BadReview = response.data;
|
|
|
+ this.qkq_bj4(this.BadReview)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询办结率可视化
|
|
|
+ lastOneRateList() {
|
|
|
+ lastOneRateList().then(response => {
|
|
|
+ this.CompletionRate = response.data;
|
|
|
+ this.qkq_bj5(this.CompletionRate)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询大厅办件可视化
|
|
|
+ lastOneHandlingList() {
|
|
|
+ lastOneHandlingList().then(response => {
|
|
|
+ this.HallHandling = response.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询即办件可视化
|
|
|
+ lastOneDocumentsList() {
|
|
|
+ lastOneDocumentsList().then(response => {
|
|
|
+ this.HandlingDocuments = response.data;
|
|
|
+ this.qkq_bj2(this.HandlingDocuments)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询高频事项可视化
|
|
|
+ lastOneMattersList() {
|
|
|
+ lastOneMattersList().then(response => {
|
|
|
+ this.HighFrequencyMatters = response.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询公安办件可视化
|
|
|
+ lastOnePdocumentsList() {
|
|
|
+ lastOnePdocumentsList().then(response => {
|
|
|
+ this.PublicSecurityDocuments = response.data;
|
|
|
+ this.qkq_bj3(this.PublicSecurityDocuments)
|
|
|
+ })
|
|
|
+ },
|
|
|
toggleDropdown(event) {
|
|
|
this.dropdownVisible = !this.dropdownVisible;
|
|
|
},
|
|
|
|
|
|
- qkq_bj1() {
|
|
|
+ qkq_bj1(val) {
|
|
|
//新办企业数
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj1'));
|
|
|
- let label = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月'];
|
|
|
- let value = [233, 233, 200, 180, 199, 233, 210, 180];
|
|
|
+ let labelData = val.labelData;
|
|
|
+ let data = val.valueNewEnterprises;
|
|
|
var json = {
|
|
|
chart0: {
|
|
|
- xcategory: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月'],
|
|
|
- low: value,
|
|
|
+ xcategory: labelData,
|
|
|
+ low: data,
|
|
|
lowLine: [],
|
|
|
}
|
|
|
};
|
|
@@ -404,7 +472,7 @@ export default {
|
|
|
axisTick: {
|
|
|
show: false,
|
|
|
},
|
|
|
- data: label,
|
|
|
+ data: labelData,
|
|
|
},
|
|
|
],
|
|
|
yAxis: [
|
|
@@ -449,12 +517,6 @@ export default {
|
|
|
color: '#19a3df',
|
|
|
borderColor: '#a3c8d8',
|
|
|
},
|
|
|
- // lineStyle: {
|
|
|
- // normal: {
|
|
|
- // width: 6,
|
|
|
- // color: '#19a3df',
|
|
|
- // },
|
|
|
- // },
|
|
|
areaStyle: {
|
|
|
normal: {
|
|
|
color: new echarts.graphic.LinearGradient(
|
|
@@ -476,7 +538,7 @@ export default {
|
|
|
),
|
|
|
},
|
|
|
},
|
|
|
- data: value,
|
|
|
+ data: data,
|
|
|
},
|
|
|
{
|
|
|
name: '实施计划',
|
|
@@ -508,11 +570,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- qkq_bj2() {
|
|
|
+ qkq_bj2(val) {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj2'));
|
|
|
var getmax = 100;
|
|
|
//要改变的数据
|
|
|
- var getvalue = 50.12;
|
|
|
+ var getvalue = val.immediateRate;
|
|
|
|
|
|
var option = {
|
|
|
grid: {
|
|
@@ -688,10 +750,13 @@ export default {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
- qkq_bj3() {
|
|
|
+ qkq_bj3(val) {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj3'));
|
|
|
- var labelData = ['1月', '2月', '3月', '4月', '5月', '6月'];
|
|
|
- var data1 = [103, 369, 296, 381, 251, 191, 174, 467, 620, 432, 286, 429];
|
|
|
+ var labelData = val.labelData;
|
|
|
+ var data1 = val.valueForeigners;
|
|
|
+ var data2 = val.valuePassport;
|
|
|
+ var data3 = val.valueHongKong;
|
|
|
+ var data4 = val.valueTaiwan;
|
|
|
var json1 = {
|
|
|
chart0: {
|
|
|
xcategory: labelData,
|
|
@@ -830,7 +895,7 @@ export default {
|
|
|
}]) // 流光效果的颜色
|
|
|
}
|
|
|
},
|
|
|
- data: [400, 400, 300, 300, 300, 400, 400, 400, 300]
|
|
|
+ data: data2
|
|
|
},
|
|
|
{
|
|
|
name: '港',
|
|
@@ -859,7 +924,7 @@ export default {
|
|
|
}])
|
|
|
}
|
|
|
},
|
|
|
- data: [400, 500, 500, 500, 500, 400, 400, 500, 500]
|
|
|
+ data: data3
|
|
|
},
|
|
|
{
|
|
|
name: '台',
|
|
@@ -888,7 +953,7 @@ export default {
|
|
|
}])
|
|
|
}
|
|
|
},
|
|
|
- data: [400, 600, 700, 700, 1000, 400, 400, 600, 700]
|
|
|
+ data: data4
|
|
|
}, {
|
|
|
name: "外国人",
|
|
|
type: "line",
|
|
@@ -943,11 +1008,13 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- qkq_bj4() {
|
|
|
+ qkq_bj4(val) {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj4'));
|
|
|
var zdslColorList = ['#D0A00E', '#34DA62', '#00C0E9', '#0096F3', '#33CCFF'];
|
|
|
// 假设这是满意度数据的最大值,用于流光效果的终点
|
|
|
var maxSatisfaction = Math.max(...[100, 100, 100, 100, 100]);
|
|
|
+ let valueData = val.valueData;
|
|
|
+ let labelData = val.labelData;
|
|
|
var option = {
|
|
|
grid: {
|
|
|
top: '5%',
|
|
@@ -966,7 +1033,7 @@ export default {
|
|
|
},
|
|
|
yAxis: [{
|
|
|
type: 'category',
|
|
|
- data: ['非常满意', '满意', '基本满意', '不满意', '非常不满意'],
|
|
|
+ data: labelData,
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
textStyle: {
|
|
@@ -1001,7 +1068,7 @@ export default {
|
|
|
fontSize: '12'
|
|
|
}
|
|
|
},
|
|
|
- data: [150, 298, 206, 75, 154]
|
|
|
+ data: valueData
|
|
|
}
|
|
|
],
|
|
|
|
|
@@ -1010,7 +1077,7 @@ export default {
|
|
|
type: "bar",
|
|
|
barWidth: "40%",
|
|
|
yAxisIndex: 0,
|
|
|
- data: [500, 500, 500, 500, 500].map((item, i) => {
|
|
|
+ data: valueData.map((item, i) => {
|
|
|
return {
|
|
|
value: item,
|
|
|
itemStyle: {
|
|
@@ -1028,14 +1095,14 @@ export default {
|
|
|
type: 'bar',
|
|
|
yAxisIndex: 1,
|
|
|
barWidth: "40%",
|
|
|
- data: [150, 298, 206, 75, 154]
|
|
|
+ data: valueData
|
|
|
},
|
|
|
{
|
|
|
name: '流光效果',
|
|
|
type: 'lines',
|
|
|
zlevel: 1, // 确保流光在条形图之上
|
|
|
coordinateSystem: 'cartesian2d',
|
|
|
- data: [150, 298, 206, 75, 154].map((item, index) => {
|
|
|
+ data: valueData.map((item, index) => {
|
|
|
return {
|
|
|
coords: [
|
|
|
[0, index],
|
|
@@ -1069,11 +1136,11 @@ export default {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
- qkq_bj5() {
|
|
|
+ qkq_bj5(val) {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj5'));
|
|
|
var getmax = 100;
|
|
|
//要改变的数据
|
|
|
- var getvalue = 68.49;
|
|
|
+ var getvalue = val.completionRate;
|
|
|
|
|
|
var option = {
|
|
|
grid: {
|