无人机管理后台前端(已迁走)
罗广辉
2025-08-14 9e5a098d71e7023d155597dde69de887e63add3d
Merge remote-tracking branch 'origin/feature/v5.0/5.0.2' into feature/v5.0/5.0.2
2 files modified
2 files added
29 ■■■■ changed files
src/assets/images/dataCenter/qrCode.png patch | view | raw | blame | history
src/assets/images/dataCenter/qrCode.svg 17 ●●●●● patch | view | raw | blame | history
src/components/CreateQRcode/CreateQRcode.vue 6 ●●●● patch | view | raw | blame | history
src/views/tickets/ticket.vue 6 ●●●●● patch | view | raw | blame | history
src/assets/images/dataCenter/qrCode.png
src/assets/images/dataCenter/qrCode.svg
New file
@@ -0,0 +1,17 @@
<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>
src/components/CreateQRcode/CreateQRcode.vue
@@ -4,6 +4,7 @@
</template>
<script setup>
import { wgs84ToGcj02 } from '@/utils/coordinateTransformation';
import QRCode from 'qrcodejs2-fix'
const props = defineProps(['latAndLon'])
@@ -11,8 +12,7 @@
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 = ''
@@ -21,7 +21,7 @@
    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(
src/views/tickets/ticket.vue
@@ -649,7 +649,7 @@
                            >
                                <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>
@@ -884,7 +884,6 @@
</template>
<script>
import { getSmallImg, getShowImg } from '@/utils/util';
import { ElMessageBox, ElLoading } from 'element-plus';
import { calculateDefaultRange } from '@/utils/util';
@@ -1439,8 +1438,6 @@
    },
    async handleQRCode (val){
    val.showQR = !val.showQR
console.log('this.currentDetailvvvvv',val);
    },
    async loadAMapScripts() {
      try {
@@ -3452,6 +3449,7 @@
    width: 18px;
    height: 18px;
    cursor: pointer;
    padding-bottom: 1px;
    }
  }