| | |
| | | width="300px" |
| | | > |
| | | <template #default> |
| | | <el-form |
| | | :inline="false" |
| | | ref="formRef" |
| | | label-position="right" |
| | | label-width="100px" |
| | | > |
| | | <el-form-item label="网格编号:"> |
| | | <div> |
| | | {{ data.cellIndex }} |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="经纬度:"> |
| | | <div> |
| | | {{ data.longitude + ', ' + data.latitude }} |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="PM2.5:"> |
| | | <div> |
| | | {{ data.pm25 + ' μg/m³' }} |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="四至范围:"> |
| | | <div>/</div> |
| | | </el-form-item> |
| | | </el-form> |
| | | <DescriptionsList v-if="data"> |
| | | <DescriptionsListItem label="网格编号" :content="data.cellIndex" /> |
| | | <DescriptionsListItem |
| | | label="经纬度" |
| | | :content="data.longitude + ', ' + data.latitude" |
| | | /> |
| | | <DescriptionsListItem label="PM2.5" :content="data.pm25 + ' μg/m³'" /> |
| | | <DescriptionsListItem label="四至范围" content="/" /> |
| | | </DescriptionsList> |
| | | </template> |
| | | <template #footer> </template> |
| | | </CardDialog> |