fix:修改路径问题

ZhangXianQiang

2024-03-04 3f2b5f1dd9c642bb9c1812dce3e90b030584f45b

fix:修改路径问题

 src/utils/require.js

@@ -1,7 +1,6 @@
export const require = (imgPath) => {
  try {
    const handlePath = imgPath.replace('@', '..');
    return new URL(handlePath, import.meta.url).href;
    return new URL(imgPath, import.meta.url).href;
  } catch(err) {
    console.warn(err);
  }

 src/views/daoAnOffice/center/map.vue

@@ -35,6 +35,16 @@

import { require } from '@/utils/require.js';

import icon1 from '@/assets/img/sgyfd.png';
import icon2 from '@/assets/img/zdlytd.png';
import icon3 from '@/assets/img/djyjq.png';
import icon4 from '@/assets/img/jlpb.png';
import icon5 from '@/assets/img/dwsg.png';
import icon6 from '@/assets/img/jtysqy.png';
import icon7 from '@/assets/img/zdlytd.png';
import icon8 from '@/assets/img/gjxl.png';
import icon9 from '@/assets/img/aqyh.png';


const map = ref(null);
let mapInstance = null;
@@ -53,7 +63,7 @@
    name: '事故易发多发路段',
    num: 78,
    type: 1,
    icon: require('@/assets/img/sgyfd.png'),
    icon: icon1,
    positions: [[103.647593, 30.981856], [103.646627, 30.988235], [103.650077, 30.988074]],
    isActive: false
  },
@@ -63,7 +73,7 @@
    type: 2,
    num: 178,
    positions: [[103.647888, 30.985006], [103.650983, 30.986252], [103.641461, 30.984588]],
    icon: require('@/assets/img/zdlytd.png'),
    icon: icon2,
    isActive: false
  },
  {
@@ -72,7 +82,7 @@
    num: 278,
    positions: [[103.637916, 30.986298], [103.636751, 30.989508], [103.64093, 30.99344]],
    type: 3,
    icon: require('@/assets/img/djyjq.png'),
    icon: icon3,
    isActive: false
  },
  {
@@ -81,7 +91,7 @@
    num: 348,
    positions: [[103.646413, 30.996714], [103.634337, 31.0026], [103.620841, 31.001253]],
    type: 4,
    icon: require('@/assets/img/jlpb.png'),
    icon: icon4,
    isActive: false
  },
  {
@@ -90,7 +100,7 @@
    num: 578,
    positions: [[103.62134, 30.996972], [103.622005, 30.991923], [103.63062, 30.986588]],
    type: 5,
    icon: require('@/assets/img/dwsg.png'),
    icon: icon5,
    isActive: false
  },
  {
@@ -99,7 +109,7 @@
    num: 788,
    positions: [[103.640319, 30.984486], [103.644916, 30.986956], [103.646853, 30.992143]],
    type: 1,
    icon: require('@/assets/img/jtysqy.png'),
    icon: icon6,
    isActive: false
  },
  {
@@ -108,7 +118,7 @@
    num: 758,
    positions: [[103.651482, 30.995956], [103.639654, 30.995206], [103.631119, 30.987425]],
    type: 7,
    icon: require('@/assets/img/zdlytd.png'),
    icon: icon7,
    isActive: false
  },
  {
@@ -117,7 +127,7 @@
    num: 758,
    positions: [[103.652716, 30.974745], [103.668166, 30.976447], [103.672511, 30.979961]],
    type: 8,
    icon: require('@/assets/img/gjxl.png'),
    icon: icon8,
    isActive: false
  },
  {
@@ -126,7 +136,7 @@
    num: 718,
    positions: [[103.674056, 30.988625], [103.668155, 30.996379], [103.660333, 30.998098]],
    type: 9,
    icon: require('@/assets/img/aqyh.png'),
    icon: icon9,
    isActive: false
  },


 src/views/daoAnOffice/right/danger/infoView.vue

@@ -39,6 +39,10 @@
<script setup>
import { require } from '@/utils/require.js';

import Test1 from '@/assets/img/test_img/t1.jpg';
import Test2 from '@/assets/img/test_img/t2.png';
import Test3 from '@/assets/img/test_img/t3.png';

import ImageSwiper from './imageSwiper.vue';
import { ref } from 'vue';

@@ -51,12 +55,12 @@
    rectTime: '2023-13-23',
    state: '抢修中',
    images: [
      require('@/assets/img/test_img/t1.jpg'),
      require('@/assets/img/test_img/t2.png'),
      require('@/assets/img/test_img/t3.png'),
      require('@/assets/img/test_img/t1.jpg'),
      require('@/assets/img/test_img/t2.png'),
      require('@/assets/img/test_img/t3.png'),
      Test1,
      Test2,
      Test3,
      Test1,
      Test2,
      Test3,
    ]
  },
  {
@@ -67,12 +71,12 @@
    rectTime: '2023-13-23',
    state: '抢修中',
    images: [
      require('@/assets/img/test_img/t1.jpg'),
      require('@/assets/img/test_img/t2.png'),
      require('@/assets/img/test_img/t3.png'),
      require('@/assets/img/test_img/t1.jpg'),
      require('@/assets/img/test_img/t2.png'),
      require('@/assets/img/test_img/t3.png'),
      Test1,
      Test2,
      Test3,
      Test1,
      Test2,
      Test3,
    ]
  },
  {
@@ -83,12 +87,12 @@
    rectTime: '2023-13-23',
    state: '抢修中',
    images: [
      require('@/assets/img/test_img/t1.jpg'),
      require('@/assets/img/test_img/t2.png'),
      require('@/assets/img/test_img/t3.png'),
      require('@/assets/img/test_img/t1.jpg'),
      require('@/assets/img/test_img/t2.png'),
      require('@/assets/img/test_img/t3.png'),
      Test1,
      Test2,
      Test3,
      Test1,
      Test2,
      Test3,
    ]
  }
]);

 src/views/daoAnOffice/right/publicize/index.vue

@@ -43,6 +43,12 @@
<script setup>
import { require } from '@/utils/require.js';

import Test1 from '@/assets/img/test_img/t4.jpg';
import Test2 from '@/assets/img/test_img/t5.jpg';
import Test3 from '@/assets/img/test_img/t6.jpg';
import Test4 from '@/assets/img/test_img/t7.jpg';


import RightTitle from "@/components/right-title";
import { ref } from 'vue';

@@ -63,7 +69,7 @@
    unit: '都江堰市公安局',
    rectTime: '2023-13-23',
    state: '抢修中',
    image: require('@/assets/img/test_img/t4.jpg'),
    image: Test1,
  },
  {
    itemIndex: 2,
@@ -72,7 +78,7 @@
    unit: '都江堰市公安局',
    rectTime: '2023-13-23',
    state: '抢修中',
    image: require('@/assets/img/test_img/t5.jpg'),
    image: Test2,
  },
  {
    itemIndex: 3,
@@ -81,7 +87,7 @@
    unit: '都江堰市公安局',
    rectTime: '2023-13-23',
    state: '抢修中',
    image: require('@/assets/img/test_img/t6.jpg'),
    image: Test3,
  },
  {
    itemIndex: 4,
@@ -90,7 +96,7 @@
    unit: '都江堰市公安局',
    rectTime: '2023-13-23',
    state: '抢修中',
    image: require('@/assets/img/test_img/t7.jpg'),
    image: Test4,
  },
]);