Merge remote-tracking branch 'origin/feature/v5.0/5.0.2' into feature/v5.0/5.0.2
2 files modified
2 files added
| New file |
| | |
| | | <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| | | <g id="Group 1321315688"> |
| | | <g id="Frame" clip-path="url(#clip0_1238_1817)"> |
| | | <g id="Frame_2" clip-path="url(#clip1_1238_1817)"> |
| | | <path id="Vector" d="M4.83697 10.163H3.10692V8.43298H1.37593V11.029H3.10692V11.894H4.83697V11.029H6.56795V8.43298H4.83697V10.163ZM12.625 8.43298H7.43298V13.625H12.625V8.43298ZM10.894 10.164V11.8949H9.16303V10.163L10.894 10.164ZM12.625 2.375H7.43298V7.56982H12.625V2.375ZM10.894 4.10598V5.83697H9.16303V4.10598H10.894ZM6.56702 2.375H1.375V7.56982H6.56795L6.56702 2.375ZM4.83604 4.10598V5.83697H3.10692V4.10598H4.83604ZM3.10692 11.894H1.37593V13.625H3.10692V11.894ZM6.56795 11.894H4.83697V13.625H6.56795V11.894Z" fill="#212121"/> |
| | | </g> |
| | | </g> |
| | | </g> |
| | | <defs> |
| | | <clipPath id="clip0_1238_1817"> |
| | | <rect width="11" height="11" fill="white" transform="translate(1.5 2.13086)"/> |
| | | </clipPath> |
| | | <clipPath id="clip1_1238_1817"> |
| | | <rect width="12" height="12" fill="white" transform="matrix(-1 0 0 1 13 2)"/> |
| | | </clipPath> |
| | | </defs> |
| | | </svg> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { wgs84ToGcj02 } from '@/utils/coordinateTransformation'; |
| | | import QRCode from 'qrcodejs2-fix' |
| | | const props = defineProps(['latAndLon']) |
| | | |
| | |
| | | let qrCodeInstance = null |
| | | |
| | | const createQRcode = content => { |
| | | console.log('this.currentDetail.content',content); |
| | | |
| | | const transformed = wgs84ToGcj02(content[0], content[1]) |
| | | if (!content) return |
| | | if (qrCodeInstance) { |
| | | myQrCode.value.innerHTML = '' |
| | |
| | | qrCodeInstance = new QRCode(myQrCode.value, { |
| | | width: 92, |
| | | height: 91, |
| | | text: `https://uri.amap.com/marker?position=${content}&name=%E4%BA%8B%E4%BB%B6%E7%82%B9`, |
| | | text: `https://uri.amap.com/marker?position=${transformed}&name=%E4%BA%8B%E4%BB%B6%E7%82%B9`, |
| | | }) |
| | | } |
| | | watch( |
| | |
| | | |
| | | > |
| | | <template #reference> |
| | | <img @click.stop="handleQRCode(currentDetail)" class="QRCodeImg" src="@/assets/images/dataCenter/positionicon.png" alt="" title="事件导航" /> |
| | | <img @click.stop="handleQRCode(currentDetail)" class="QRCodeImg" src="@/assets/images/dataCenter/qrCode.svg" alt="" title="事件导航" /> |
| | | </template> |
| | | <div class="qrcode-content"> |
| | | <CreateQRcode v-if="currentDetail.showQR && detailVisible" :latAndLon="currentDetail.location"></CreateQRcode> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import { getSmallImg, getShowImg } from '@/utils/util'; |
| | | import { ElMessageBox, ElLoading } from 'element-plus'; |
| | | import { calculateDefaultRange } from '@/utils/util'; |
| | |
| | | }, |
| | | async handleQRCode (val){ |
| | | val.showQR = !val.showQR |
| | | console.log('this.currentDetailvvvvv',val); |
| | | |
| | | }, |
| | | async loadAMapScripts() { |
| | | try { |
| | |
| | | width: 18px; |
| | | height: 18px; |
| | | cursor: pointer; |
| | | padding-bottom: 1px; |
| | | } |
| | | } |
| | | |