fix: 首页分两部分滚动
Showing
2 changed files
with
35 additions
and
14 deletions
| ... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
| 30 | 清除 | 30 | 清除 |
| 31 | </div> --> | 31 | </div> --> |
| 32 | </div> | 32 | </div> |
| 33 | <div style="min-height: 250px;" v-loading="listDataLoading"> | 33 | <div style="min-height: 250px; height: calc(100% - 170px);" v-loading="listDataLoading"> |
| 34 | <template v-for="(tenantName) in Object.keys(productListData)"> | 34 | <template v-for="(tenantName) in Object.keys(productListData)"> |
| 35 | <div class="data-header-input"> | 35 | <div class="data-header-input"> |
| 36 | <div>{{ '数据交付方:' + tenantName }}</div> | 36 | <div>{{ '数据交付方:' + tenantName }}</div> |
| ... | @@ -199,7 +199,7 @@ import { ref } from "vue"; | ... | @@ -199,7 +199,7 @@ import { ref } from "vue"; |
| 199 | import { | 199 | import { |
| 200 | getParamsList, | 200 | getParamsList, |
| 201 | getReleaseYears, | 201 | getReleaseYears, |
| 202 | getSubjectDomainDataTree, | 202 | // getSubjectDomainDataTree, |
| 203 | getReleaseListData, | 203 | getReleaseListData, |
| 204 | getReleaseDataCertiDetail | 204 | getReleaseDataCertiDetail |
| 205 | } from '@/api/modules/dataTrustedSpace'; | 205 | } from '@/api/modules/dataTrustedSpace'; |
| ... | @@ -235,7 +235,13 @@ const damType = ref('0'); | ... | @@ -235,7 +235,13 @@ const damType = ref('0'); |
| 235 | 235 | ||
| 236 | const releaseYear = ref(0); | 236 | const releaseYear = ref(0); |
| 237 | 237 | ||
| 238 | const subjectDomainList: any = ref([]); | 238 | const subjectDomainList: any = ref([{ |
| 239 | paramValue: '2', | ||
| 240 | paramName: '医疗健康' | ||
| 241 | }, { | ||
| 242 | paramValue: '1', | ||
| 243 | paramName: '医药企业' | ||
| 244 | }]); | ||
| 239 | /** 记录主题第一级的选中值 */ | 245 | /** 记录主题第一级的选中值 */ |
| 240 | const subjectDomainFirst = ref('2'); | 246 | const subjectDomainFirst = ref('2'); |
| 241 | 247 | ||
| ... | @@ -434,15 +440,15 @@ onBeforeMount(() => { | ... | @@ -434,15 +440,15 @@ onBeforeMount(() => { |
| 434 | proxy.$ElMessage.error(resp.msg); | 440 | proxy.$ElMessage.error(resp.msg); |
| 435 | } | 441 | } |
| 436 | })); | 442 | })); |
| 437 | ps.push(getSubjectDomainDataTree().then((res: any) => { | 443 | // ps.push(getSubjectDomainDataTree().then((res: any) => { |
| 438 | if (res.code == '00000') { | 444 | // if (res.code == '00000') { |
| 439 | subjectDomainList.value = res.data || []; | 445 | // subjectDomainList.value = res.data || []; |
| 440 | subjectDomainFirst.value = subjectDomainList?.[0]?.paramValue || '2'; | 446 | // subjectDomainFirst.value = subjectDomainList?.[0]?.paramValue || '2'; |
| 441 | } else { | 447 | // } else { |
| 442 | fullscreenLoading.value = false; | 448 | // fullscreenLoading.value = false; |
| 443 | proxy.$ElMessage.error(res.msg); | 449 | // proxy.$ElMessage.error(res.msg); |
| 444 | } | 450 | // } |
| 445 | })); | 451 | // })); |
| 446 | Promise.all(ps).then((res) => { | 452 | Promise.all(ps).then((res) => { |
| 447 | getTableData().then(() => { | 453 | getTableData().then(() => { |
| 448 | fullscreenLoading.value = false; | 454 | fullscreenLoading.value = false; |
| ... | @@ -470,7 +476,7 @@ const handleDownFile = () => { | ... | @@ -470,7 +476,7 @@ const handleDownFile = () => { |
| 470 | .home-full-wrap { | 476 | .home-full-wrap { |
| 471 | height: 100%; | 477 | height: 100%; |
| 472 | width: 100%; | 478 | width: 100%; |
| 473 | overflow-y: auto; | 479 | // overflow-y: auto; |
| 474 | overflow-x: hidden; | 480 | overflow-x: hidden; |
| 475 | background-color: #f5f5f6; | 481 | background-color: #f5f5f6; |
| 476 | } | 482 | } |
| ... | @@ -479,11 +485,17 @@ const handleDownFile = () => { | ... | @@ -479,11 +485,17 @@ const handleDownFile = () => { |
| 479 | // height: 100%; | 485 | // height: 100%; |
| 480 | display: flex; | 486 | display: flex; |
| 481 | justify-content: space-between; | 487 | justify-content: space-between; |
| 488 | height: 100%; | ||
| 489 | width: 100%; | ||
| 482 | 490 | ||
| 483 | .home-dam-main { | 491 | .home-dam-main { |
| 484 | background-color: #fff; | 492 | background-color: #fff; |
| 485 | width: calc(100% - 456px); | 493 | width: calc(100% - 456px); |
| 486 | min-height: 600px; | 494 | height: 100%; |
| 495 | overflow-y: hidden; | ||
| 496 | &:hover { | ||
| 497 | overflow-y: auto; | ||
| 498 | } | ||
| 487 | } | 499 | } |
| 488 | } | 500 | } |
| 489 | 501 | ||
| ... | @@ -713,6 +725,12 @@ const handleDownFile = () => { | ... | @@ -713,6 +725,12 @@ const handleDownFile = () => { |
| 713 | .dam-detail-right { | 725 | .dam-detail-right { |
| 714 | width: 450px; | 726 | width: 450px; |
| 715 | background-color: #fff; | 727 | background-color: #fff; |
| 728 | height: 100%; | ||
| 729 | overflow-y: hidden; | ||
| 730 | |||
| 731 | &:hover { | ||
| 732 | overflow-y: auto; | ||
| 733 | } | ||
| 716 | 734 | ||
| 717 | .dam-detail { | 735 | .dam-detail { |
| 718 | padding: 24px; | 736 | padding: 24px; | ... | ... |
| ... | @@ -180,6 +180,7 @@ const formItems = ref([ | ... | @@ -180,6 +180,7 @@ const formItems = ref([ |
| 180 | type: 'input', | 180 | type: 'input', |
| 181 | placeholder: '请输入', | 181 | placeholder: '请输入', |
| 182 | field: 'reportIssuingInstitution', | 182 | field: 'reportIssuingInstitution', |
| 183 | maxlength: 50, | ||
| 183 | default: '', | 184 | default: '', |
| 184 | required: false, | 185 | required: false, |
| 185 | visible: true | 186 | visible: true |
| ... | @@ -213,6 +214,7 @@ const formItems = ref([ | ... | @@ -213,6 +214,7 @@ const formItems = ref([ |
| 213 | placeholder: '请输入', | 214 | placeholder: '请输入', |
| 214 | field: 'opinionIssuingInstitution', | 215 | field: 'opinionIssuingInstitution', |
| 215 | default: '', | 216 | default: '', |
| 217 | maxlength: 50, | ||
| 216 | required: false, | 218 | required: false, |
| 217 | visible: true | 219 | visible: true |
| 218 | }, | 220 | }, |
| ... | @@ -245,6 +247,7 @@ const formItems = ref([ | ... | @@ -245,6 +247,7 @@ const formItems = ref([ |
| 245 | placeholder: '请输入', | 247 | placeholder: '请输入', |
| 246 | field: 'planIssuingInstitution', | 248 | field: 'planIssuingInstitution', |
| 247 | default: '', | 249 | default: '', |
| 250 | maxlength: 50, | ||
| 248 | required: false, | 251 | required: false, |
| 249 | visible: true | 252 | visible: true |
| 250 | }, | 253 | }, | ... | ... |
-
Please register or sign in to post a comment