- 
+
@@ -1054,49 +1047,47 @@ export default {
@import "~@/assets/scss/c/function.scss";
.u-categorys {
- display: flex;
- flex-wrap: wrap;
-
-
+ display: flex;
+ flex-wrap: wrap;
}
.u-categorys span {
- display: block;
- width: 90px;
- }
+ display: block;
+ width: 90px;
+}
.m-tabs {
- margin-top: 30px;
- display: flex;
- align-items: center;
- padding-left: 20px;
+ margin-top: 30px;
+ display: flex;
+ align-items: center;
+ padding-left: 20px;
- .tab-btn {
- width: 30px;
- text-align: center;
- cursor: pointer;
- }
+ .tab-btn {
+ width: 30px;
+ text-align: center;
+ cursor: pointer;
+ }
- .tab {
- @include toe;
- margin: 0 5px;
- min-width: 72px;
- padding: 0 8px;
- height: 24px;
- box-shadow: inset 0px 0px 12px 0px rgba(26, 149, 255, 0.45);
- border-radius: 2px;
- border: 1px solid #1a95ff;
- border-radius: 2px;
- text-align: center;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: 400;
- color: #ffffff;
- line-height: 23px;
- cursor: pointer;
- transition: all ease 0.5s;
- &.z-on {
- background: linear-gradient(90deg, #1a5afd, #009cff);
- box-shadow: none;
- }
- }
+ .tab {
+ @include toe;
+ margin: 0 5px;
+ min-width: 72px;
+ padding: 0 8px;
+ height: 24px;
+ box-shadow: inset 0px 0px 12px 0px rgba(26, 149, 255, 0.45);
+ border-radius: 2px;
+ border: 1px solid #1a95ff;
+ border-radius: 2px;
+ text-align: center;
+ font-size: 14px;
+ font-family: PingFang SC;
+ font-weight: 400;
+ color: #ffffff;
+ line-height: 23px;
+ cursor: pointer;
+ transition: all ease 0.5s;
+ &.z-on {
+ background: linear-gradient(90deg, #1a5afd, #009cff);
+ box-shadow: none;
+ }
+ }
}
diff --git a/src/views/dataBoard/overview/components/EventAndFollowUp.vue b/src/views/dataBoard/overview/components/EventAndFollowUp.vue
index 54c09dac0..fb464eef5 100644
--- a/src/views/dataBoard/overview/components/EventAndFollowUp.vue
+++ b/src/views/dataBoard/overview/components/EventAndFollowUp.vue
@@ -36,7 +36,7 @@ import Tabs from "@/views/dataBoard/satisfactionEval/components/Tabs/index.vue";
export default {
name: "EventAndFollowUp",
- components: {Tabs},
+ components: { Tabs },
props: {
date: {
type: String,
@@ -86,27 +86,25 @@ export default {
methods: {
getData(item) {
this.$http
- .get(
- "/actual/base/streetOverview/eventAndFollowGroup?month=" +
- this.date +
- "&level=" +
- item.orgLevel +
- "&orgId=" +
- item.orgId +
- "&queryType=" +
- this.type
- )
- .then(({data: {data}}) => {
- if (data) {
-
- this.sumNum = data.sumNum;
- this.lastSumNum = data.lastSumNum;
- this.processNum = data.processNum;
- this.closedNum = data.closedNum;
- this.closedRatio = data.closedRatio;
- }
-
- });
+ .get(
+ "/actual/base/streetOverview/eventAndFollowGroup?month=" +
+ this.date +
+ "&level=" +
+ item.orgLevel +
+ "&orgId=" +
+ item.orgId +
+ "&queryType=" +
+ this.type
+ )
+ .then(({ data: { data } }) => {
+ if (data) {
+ this.sumNum = data.sumNum;
+ this.lastSumNum = data.lastSumNum;
+ this.processNum = data.processNum;
+ this.closedNum = data.closedNum;
+ this.closedRatio = data.closedRatio;
+ }
+ });
},
typeChange(val) {
this.type = val;
@@ -127,10 +125,10 @@ export default {
.content {
background: linear-gradient(
- 90deg,
- rgba(1, 94, 234, 0.1) 0%,
- rgba(16, 50, 103, 0) 50%,
- rgba(1, 94, 234, 0.1) 100%
+ 90deg,
+ rgba(1, 94, 234, 0.1) 0%,
+ rgba(16, 50, 103, 0) 50%,
+ rgba(1, 94, 234, 0.1) 100%
);
padding: 20px 19px;
display: flex;
@@ -180,12 +178,29 @@ export default {
}
}
+@keyframes roate {
+ 0% {
+ transform: rotateZ(0);
+ -ms-transform: rotateZ(0);
+ -moz-transform: rotateZ(0);
+ -webkit-transform: rotateZ(0);
+ -o-transform: rotateZ(0);
+ }
+ 100% {
+ transform: rotateZ(360deg);
+ -ms-transform: rotateZ(360deg);
+ -moz-transform: rotateZ(360deg);
+ -webkit-transform: rotateZ(360deg);
+ -o-transform: rotateZ(360deg);
+ }
+}
.processing {
.bg {
background: url("@/assets/images/gailan/yuan_bg.png") no-repeat center;
flex: 0 0 150px;
width: 150px;
height: 150px;
+ background-size: 150px 150px;
display: flex;
align-items: center;
justify-content: center;
@@ -193,11 +208,13 @@ export default {
.bg-1 {
background: url("@/assets/images/gailan/zq_bg.png") no-repeat center;
- width: 146px;
- height: 136px;
+ width: 158px;
+ height: 158px;
+ background-size: 158px 158px;
position: absolute;
- left: 9px;
- top: 9px;
+ left: -3px;
+ top: -3px;
+ animation: roate 5s infinite linear; //这是重点，给它一个旋转的属性
}
.num {
diff --git a/src/views/dataBoard/renfang/cpts/fwgl.vue b/src/views/dataBoard/renfang/cpts/fwgl.vue
index 14c1e1440..10f28bc7e 100644
--- a/src/views/dataBoard/renfang/cpts/fwgl.vue
+++ b/src/views/dataBoard/renfang/cpts/fwgl.vue
@@ -261,7 +261,6 @@ export default {
// 获取pieChart配置
this.pieOption = pieOption();
const {pandectData} = this
- console.log(pandectData);
// 设置三个配置值
this.pieOption.title.text =
(pandectData.homeCount != 0
diff --git a/src/views/dataBoard/renfang/cpts/jmgl.vue b/src/views/dataBoard/renfang/cpts/jmgl.vue
index a498e359d..ebea4003f 100644
--- a/src/views/dataBoard/renfang/cpts/jmgl.vue
+++ b/src/views/dataBoard/renfang/cpts/jmgl.vue
@@ -7,6 +7,7 @@
class=""
@myChartMethod="pieInitOk"
ref="pieChart"
+ v-if="pandectData.totalResidents"
>
+
+
-
暂无数据