- {{ item }}
-
- 更多>
-
-
- {{ item }}
-
-
+ :style="{width:widthList[indexs]}"
+ :key="indexs">
+ {{ item }}
+
加载中
@@ -48,144 +73,108 @@
@@ -213,6 +202,18 @@ export default {
text-align: center;
width: calc(100% / 5);
}
+ &-select {
+ position: relative;
+ cursor: pointer;
+ // display: flex;
+ // justify-content: space-around;
+
+ > img {
+ margin-left: 10px;
+ // width: 10px;
+ // height: 10px;
+ }
+ }
}
&-body {
@@ -304,4 +305,54 @@ export default {
}
}
}
+
+.user_list {
+ margin-top: 2px;
+ position: absolute;
+ z-index: 10;
+ left: 25%;
+
+ background: #020340;
+ border: 1px solid #0a359b;
+ border-radius: 4px;
+ box-shadow: 0 0 10px inset #1a5afd;
+
+ .user_item {
+ padding: 13px 8px 0 14px;
+ font-size: 16px;
+ font-family: PingFang SC;
+ font-weight: 400;
+ color: #ffffff;
+
+ .user_item_content {
+ display: flex;
+ // justify-content: center;
+ align-items: center;
+
+ .name {
+ max-width: 80%;
+ text-align: left;
+ }
+
+ > img {
+ margin-left: auto;
+
+ margin-top: 4px;
+ width: 8px;
+ height: 12px;
+ }
+ }
+
+ .item_line {
+ margin-top: 9px;
+ width: 70px;
+ height: 0px;
+ border: 1px dotted #1797ff31;
+ border-width: 0.5px;
+ }
+ .last_line {
+ border: 1px dotted #1797ff00;
+ }
+ }
+}
diff --git a/src/views/modules/visual/basicinfo/personCategory/index.vue b/src/views/modules/visual/basicinfo/personCategory/index.vue
index e1e9276f..807d66c3 100644
--- a/src/views/modules/visual/basicinfo/personCategory/index.vue
+++ b/src/views/modules/visual/basicinfo/personCategory/index.vue
@@ -34,37 +34,35 @@
:class="{
'top-item-active': activeIndex == index ,
}"
- @click="onClickList(index)"
- v-for="(item, index) in warningList"
+ @click="onClickList(item,index)"
+ v-for="(item, index) in categoryList"
:key="index">
- {{ item.label }}
- {{ item.count }}
+ {{ item.categoryName }}
+ {{ item.total }}
较上月
-
{{ "+2000" }}
+
{{ "+"+ item.immigration }}
{{" "}}
-
{{ "-2000"}}
+
{{ "-"+ item.emigration}}