diff --git a/src/views/demo/tiankongdi/auditinfo/MapList/index.vue b/src/views/demo/tiankongdi/auditinfo/MapList/index.vue index f33d3d55..254baa13 100644 --- a/src/views/demo/tiankongdi/auditinfo/MapList/index.vue +++ b/src/views/demo/tiankongdi/auditinfo/MapList/index.vue @@ -28,7 +28,7 @@ :options="props.batchOptions" /> -
+
类型
-
+
图斑号
-
+
查询
@@ -86,7 +86,7 @@ />
-
+
{{item.is_build_name}}
-
+
举证
@@ -116,19 +119,19 @@
-
+
{{item.area}}亩
-
+
{{item.gengdi_area}}亩
-
+
{{item.yongjiujibennongtian_area}}亩
-
+
{{item.nongyongdi_area}}亩
@@ -447,16 +450,16 @@ flex-direction: column; } .screen-div { - padding: 10px; + padding: 10px 10px 19px 10px; display: flex; - width: 100%; + width: 565px; // margin-top: 10px; flex-wrap: wrap; // background: @component-background; .screen-item { width: 33.3%; display: flex; - margin-bottom: 3px; + margin-bottom: 15px; font-family: Alibaba PuHuiTi; font-weight: 500; font-size: 17px; @@ -477,11 +480,11 @@ } .sift-div{ background:#fff; - height: 60px; + height: 77px; padding:19px 13px; margin-left: 10px; margin-right: 10px; - border-radius: 10px; + border-radius: 10px 10px 0px 0px; display: flex; justify-content: space-between; .layout-div{ @@ -530,8 +533,8 @@ .data-list-item{ background:#fff; padding:10px; - border-radius:6px; - margin-bottom:10px; + // border-radius:6px; + margin-bottom:4px; .data-list-layout-div{ display:flex; justify-content: space-between; @@ -583,6 +586,8 @@ width: 37px; height: 37px; border-radius: 4px; + cursor: pointer; + user-select: none; .type-title{ display:flex; align-items:center; @@ -639,7 +644,11 @@ } } } - } + } + .data-list-item:nth-last-child(1){ + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } } .pagination-div { background: @component-background; diff --git a/src/views/demo/tiankongdi/auditinfo/index.vue b/src/views/demo/tiankongdi/auditinfo/index.vue index 7c734077..9a2d79ad 100644 --- a/src/views/demo/tiankongdi/auditinfo/index.vue +++ b/src/views/demo/tiankongdi/auditinfo/index.vue @@ -195,7 +195,8 @@ height: 100%; display: flex; .show-list { - width: 35%; + width: 565px; + background: #EFEFEF; } .map-box-div { width: 65%; diff --git a/src/views/demo/tiankongdi/curbspotcity/AuditProgress/index.vue b/src/views/demo/tiankongdi/curbspotcity/AuditProgress/index.vue index d2f1eca9..98605d46 100644 --- a/src/views/demo/tiankongdi/curbspotcity/AuditProgress/index.vue +++ b/src/views/demo/tiankongdi/curbspotcity/AuditProgress/index.vue @@ -24,7 +24,6 @@
-
diff --git a/src/views/demo/tiankongdi/curbspotcity/MapList/index.vue b/src/views/demo/tiankongdi/curbspotcity/MapList/index.vue index c8dd5bd8..7054e17d 100644 --- a/src/views/demo/tiankongdi/curbspotcity/MapList/index.vue +++ b/src/views/demo/tiankongdi/curbspotcity/MapList/index.vue @@ -70,7 +70,7 @@ @change="(value) => emits('mapListScreenChange',value,'streetId')" />
-
+
-
+
@@ -191,26 +191,26 @@
{{item.isbuildname}}
-
+
{{item.unitname}}
-
+
{{item.area}}亩
-
+
{{item.gengdiarea}}亩
-
+
{{item.yongjiujibennongtianarea}}亩
-
+
{{item.nongyongdiarea}}亩
@@ -422,12 +422,12 @@ const showInfo = (item) => { .screen-div{ padding: 10px; display: flex; - width: 100%; + width:565px; flex-wrap: wrap; .screen-item{ width: 33.3%; display: flex; - margin-bottom: 3px; + margin-bottom: 12px; font-family: Alibaba PuHuiTi; font-weight: 500; font-size: 17px; @@ -451,25 +451,25 @@ const showInfo = (item) => { } .top-radio-button-div{ width:100%; - padding:10px 10px 0px 10px; + padding:33px 10px 8px 10px; .radio-item{ width:50%; text-align: center; font-family: Alibaba PuHuiTi; font-weight: 400; font-size: 20px; - height: 37px; - line-height: 37px; + height: 40px; + line-height: 40px; user-select: none; } } .sift-div{ background:#fff; - height: 60px; + height: 77px; padding:19px 13px; margin-left: 10px; margin-right: 10px; - border-radius: 10px; + border-radius: 10px 10px 0px 0px; display: flex; justify-content: space-between; .layout-div{ @@ -516,8 +516,8 @@ const showInfo = (item) => { .data-list-item{ background:#fff; padding:10px; - border-radius:6px; - margin-bottom:10px; + // border-radius:6px; + margin-bottom:1px; .data-list-layout-div{ display:flex; justify-content: space-between; @@ -567,6 +567,8 @@ const showInfo = (item) => { color: #696969; display: flex; align-items: center; + cursor:pointer; + user-select: none; } } .data-list-info-div{ @@ -612,6 +614,10 @@ const showInfo = (item) => { } } } + .data-list-item:nth-last-child(1){ + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px + } } .pagination-div{ height: 60px; diff --git a/src/views/demo/tiankongdi/curbspotcity/index.vue b/src/views/demo/tiankongdi/curbspotcity/index.vue index d224f03d..4d7e6d47 100644 --- a/src/views/demo/tiankongdi/curbspotcity/index.vue +++ b/src/views/demo/tiankongdi/curbspotcity/index.vue @@ -66,7 +66,7 @@ function onMapboxLoad():void { mapConfig.value = JSON.parse(res.codeValue) }) } -const showInfo = ref(false) +const showInfo = ref(true) const year = ref() const batch = ref() const dataList = ref([]) @@ -429,6 +429,9 @@ const resetScreenData = () => { infoScreenData.value.markType = '' getInfoList() } +onMounted(() => { + getInfoList() +})