| | |
|---|
| | | @click="jumpDatail(item)" |
|---|
| | | > |
|---|
| | | <img class="imgicon" :src="`${baseUrl}/后台-算法仓库/${item.dictValue}.png`" alt="" /> |
|---|
| | | <div>{{ item.dictValue }}</div> |
|---|
| | | <div class="item-title">{{ item.dictValue }}</div> |
|---|
| | | <div |
|---|
| | | :class="!statusSign && item.dictValue === nameSign ? 'stopStatus' : 'normalStatus'" |
|---|
| | | @click.stop="changeStatus(item)" |
|---|
| | |
|---|
| | | element-loading-text="加载中" |
|---|
| | | > |
|---|
| | | <div class="imgitem" v-for="(item, index) in detailData" :key="index"> |
|---|
| | | <img :src="item.url" alt="" /> |
|---|
| | | <el-image |
|---|
| | | ref="imageRef" |
|---|
| | | :src="item.url" |
|---|
| | | show-progress |
|---|
| | | :preview-src-list="detailData.map(i => i.url)" |
|---|
| | | fit="cover" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | <div class="info"> |
|---|
| | | <div class="name">{{ item.name }}</div> |
|---|
| | | <div class="time">{{ item.create_time.slice(5, 16).replace('-', '/', 1) }}</div> |
|---|
| | |
|---|
| | | }); |
|---|
| | | import { getDictionaryByCode } from '@/api/system/dictbiz'; |
|---|
| | | import { getalgorithmList, selectDeviceList } from '@/api/algorithm'; |
|---|
| | | |
|---|
| | | import { getSmallImg } from '@/utils/util' |
|---|
| | | import { useRouter } from 'vue-router'; |
|---|
| | | const router = useRouter(); |
|---|
| | | const baseUrl = import.meta.env.VITE_APP_TERRAIN_URL; |
|---|
| | |
|---|
| | | current: 1, |
|---|
| | | size: 10, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // const getSmallImg = (url) => { |
|---|
| | | |
|---|
| | | // return url ? encodeURI(url.substring(0, url.lastIndexOf('.')) + '_small' + url.substring(url.lastIndexOf('.'))) : '' |
|---|
| | | // } |
|---|
| | | // 请求字典字段 |
|---|
| | | let AlgorithmData = ref([]); |
|---|
| | | const detailData = ref([]); |
|---|
| | |
|---|
| | | align-items: center; |
|---|
| | | background: url('/src/assets/images/ht-sfbg.png') no-repeat center; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | .item-title { |
|---|
| | | font-weight: bold; |
|---|
| | | font-size: 18px; |
|---|
| | | color: #656565; |
|---|
| | | } |
|---|
| | | .imgicon { |
|---|
| | | width: 100px; |
|---|
| | | height: 100px; |
|---|
| | |
|---|
| | | .imgitem { |
|---|
| | | border-radius: 12px 12px 0 0; |
|---|
| | | overflow: hidden; |
|---|
| | | img { |
|---|
| | | .el-image { |
|---|
| | | width: 100%; |
|---|
| | | height: 200px; |
|---|
| | | display: block; |
|---|
