| | |
| | | }); |
| | | import { getDictionaryByCode } from '@/api/system/dictbiz'; |
| | | import { getalgorithmList, selectDeviceList } from '@/api/algorithm'; |
| | | // import { getSmallImg } from '@/utils/util'; |
| | | import { getSmallImg } from '@/utils/util'; |
| | | import { useRouter } from 'vue-router'; |
| | | const router = useRouter(); |
| | | const baseUrl = import.meta.env.VITE_APP_PICTURE_URL; |
| | |
| | | size: 10, |
| | | }); |
| | | |
| | | const getSmallImg = (url) => { |
| | | |
| | | return url ? encodeURI(url.substring(0, url.lastIndexOf('.')) + '_small' + url.substring(url.lastIndexOf('.'))) : '' |
| | | } |
| | | // 请求字典字段 |
| | | let AlgorithmData = ref([]); |
| | | const detailData = ref([]); |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .algorithContainer { |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | .algorithItem { |
| | | padding: 20px; |
| | | // padding: 20px; |
| | | display: grid; |
| | | grid-template-columns: repeat(5, 1fr); |
| | | gap: 53px; |
| | | // gap: 13px; |
| | | text-align: center; |
| | | vertical-align: middle; |
| | | .item { |
| | | height: 300px; |
| | | height: 269px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | |
| | | .imgicon { |
| | | width: 100px; |
| | | height: 100px; |
| | | margin-bottom: 47px; |
| | | margin-bottom: 17px; |
| | | } |
| | | &:hover { |
| | | background: url('/src/assets/images/ht-sfbg-hover.png') no-repeat center; |