| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-03-10 15:27:59 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-01 11:22:02 |
| | | * @LastEditTime: 2024-11-05 17:46:24 |
| | | * @FilePath: \bigScreen\src\views\survey\components\rightContainer.vue |
| | | * @Description: |
| | | * |
| | |
| | | <div class="mt-10 w100 h100 flex f-d-c a-i-c j-c-s-p"></div> |
| | | |
| | | <div class="right-container"> |
| | | <div class="h0 fire-source box"> |
| | | <div class="box"> |
| | | <title-box> |
| | | <template #titleName> |
| | | 园区简介 |
| | | </template> |
| | | </title-box> |
| | | <fire-source></fire-source> |
| | | <div class="content-box"> |
| | | <fire-source></fire-source> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <div class="fire-trend box"> |
| | |
| | | </div> --> |
| | | |
| | | |
| | | <div class="h0 occur-statistics box"> |
| | | <div class="h0 flex-1 box"> |
| | | <title-box> |
| | | <template #titleName> |
| | | 企业名录 |
| | | </template> |
| | | </title-box> |
| | | <fire-trend></fire-trend> |
| | | <div class="content-box"> |
| | | <fire-trend></fire-trend> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <style lang="scss" scoped> |
| | | .right-container { |
| | | display: flex; |
| | | flex-direction: column; |
| | | padding: 20px; |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |
| | | width: 440px; |
| | | height: 100%; |
| | | pointer-events: auto; |
| | | |
| | | .fire-source { |
| | | flex: 3; |
| | | } |
| | | |
| | | .occur-statistics { |
| | | flex: 2; |
| | | } |
| | | } |
| | | </style> |
| | | <style lang="scss" scoped></style> |