diff --git a/src/apps/AppEpidemicSituation/Health.vue b/src/apps/AppEpidemicSituation/Health.vue index 4d65b515..dc0431de 100644 --- a/src/apps/AppEpidemicSituation/Health.vue +++ b/src/apps/AppEpidemicSituation/Health.vue @@ -23,7 +23,7 @@
- + {{ areaName }} 请选择 diff --git a/src/components/AiAreaPicker.vue b/src/components/AiAreaPicker.vue index 6803ea73..fa22aa75 100644 --- a/src/components/AiAreaPicker.vue +++ b/src/components/AiAreaPicker.vue @@ -22,20 +22,20 @@ @click="selectNode(area, i)"/>
-
+
选择地区 选择区域
- +
-
+
-
+
取消
确定
@@ -92,7 +92,8 @@ export default { index: '', list: [], levelLabels: ["省", "市", "县/区", "镇/街道", "村/社区"], - selected: {} + selected: {}, + height: '500px' } }, watch: { @@ -108,6 +109,9 @@ export default { this.handleInit() this.$refs.areaSelector.showPopup() }, + scrollHeight () { + return this.height = `calc(100% - ${document.querySelector('.areaSelector').offsetHeight}px)` + }, getFullArea() { let areaId = this.areaId || (this.all ? '' : this.$areaId) return this.$http.post('/admin/area/getAllParentAreaId', null, { @@ -138,6 +142,7 @@ export default { if (self.id) { this.list.unshift(self) } + this.scrollHeight() } }) }, @@ -172,6 +177,11 @@ export default { this.selected = op this.index = op.id } + + this.$nextTick(() => { + + this.scrollHeight() + }) }, selectNode(area, i) { this.fullArea.splice(i + 1, this.fullArea.length - i) @@ -270,7 +280,7 @@ export default { } .fixedTop { - position: fixed; + // position: fixed; top: 0; width: 100%; left: 0; @@ -292,7 +302,10 @@ export default { } ::v-deep .pendingList { + height: 500px; + overflow-y: auto; padding: 0 32px 120px; + box-sizing: border-box; .pendingItem { color: #333;