修改

src/components/head.vue

@@ -32,7 +32,7 @@
         </el-col>
         <div class="foot" v-if="is_foot">
           <div class="w_1200 footflex">
-            <el-image class="image" src="/src/assets/unit.png" fit="fill" />
+            <el-image class="image" :src="unit" fit="fill" />
             <el-col :span="12" class="foot_1">
               <div class="footTitle"><span>业务洽谈：0431-81165166</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>企业邮箱：jlpstm@126.com</span></div>
               <div class="footTitle">地 址：长春朝阳区前进大街1244号（吉林省科技厅科研园）</div>
@@ -49,8 +49,8 @@
               </div>
             </el-col>
             <el-col :span="4" class="foot_3 footflex">
-              <el-image class="image" src="/src/assets/code.png" fit="fill" />
-              <el-image class="image" src="/src/assets/code.png" fit="fill" />
+              <el-image class="image" :src="code" fit="fill" />
+              <el-image class="image" :src="code" fit="fill" />
             </el-col>
           </div>
         </div>
@@ -60,10 +60,13 @@
 </template>
 <script setup lang="ts">
 import type { Ref } from 'vue';
-import { ref, toRefs, watch ,onMounted} from 'vue';
+import { ref, toRefs, watch, onMounted } from 'vue';
 import { siteInfo } from '@/layout/site';
 import { MenuProps } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
+// 图片引入
+import code from '@/assets/code.png';
+import unit from '@/assets/unit.png';
 const router = useRouter();
 const props = defineProps({
   is_head: { type: Boolean, default: true },

src/layout/site.ts

@@ -1,11 +1,14 @@
+// 图片引入
+import logo from '@/assets/logo.png';
+import home from '@/assets/home.mp4';
 // 网站基本设置
 export const siteInfo = {
   display: false,
   zhTitle: '吉林省重点领域技术转移平台',
   zhEnglish: 'Jilin Province Key Field Technology Transfer Platform',
   zhPhone: '400-469-1899',
-  logoUrl: '/src/assets/logo.png',
-  videoUrl: '/src/assets/home.mp4'
+  logoUrl: logo,
+  videoUrl: home
 };
 // 菜单设置
 export const menuList = [

src/views/activity/video.vue

@@ -24,6 +24,8 @@
 // 基础
 import type { Ref } from 'vue';
 import { onMounted, getCurrentInstance, ref } from 'vue';
+// 图片引入
+import home from '@/assets/home.mp4';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -33,7 +35,7 @@ const { proxy } = getCurrentInstance() as any;
 // 加载中
 const loading: Ref<any> = ref(false);
 const info: Ref<any> = ref({
-  file: '/src/assets/home.mp4',
+  file: home,
   title: '2022年杭州市技术经纪人培训班-第1课',
   time: '2024-01-05 09:12:23'
 });
@@ -62,7 +64,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
-  background: url(/src/assets/videobg.png) right top no-repeat;
+  background: url(@/assets/videobg.png) right top no-repeat;
   background-size: 100%;
 
   .one {

src/views/help/index.vue

@@ -20,7 +20,7 @@
                 <el-col v-else-if="select === '3'" :span="18" class="right">
                   <el-row :gutter="20">
                     <el-col :span="12" class="left">
-                      <el-image class="image" src="/src/assets/map.jpg" fit="fill" />
+                      <el-image class="image" :src="map" fit="fill" />
                     </el-col>
                     <el-col :span="12" class="right">
                       <el-col :span="24" class="other">
@@ -60,6 +60,8 @@ import type { Ref } from 'vue';
 import { onMounted, ref, reactive } from 'vue';
 import { useRoute } from 'vue-router';
 import { ItemType } from 'ant-design-vue';
+// 图片引入
+import map from '@/assets/map.jpg';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';

src/views/home/components/achievement.vue

@@ -327,7 +327,7 @@ const searchOther = async () => {
       margin-bottom: 30px;
       border-bottom: 1px solid #ebebeb;
       padding-bottom: 10px;
-      background: url(/src/assets/achieve.png) right bottom no-repeat;
+      background: url(@/assets/achieve.png) right bottom no-repeat;
       background-size: contain;
 
       .name {

src/views/home/components/activity.vue

@@ -140,6 +140,10 @@ import moment from 'moment';
 import type { Ref } from 'vue';
 import { ref, onMounted, getCurrentInstance } from 'vue';
 import { useRouter } from 'vue-router';
+// 图片引入
+import home from '@/assets/home.mp4';
+import video_1 from '@/assets/video_1.png';
+import video_2 from '@/assets/video_2.jpg';
 // 路由
 const router = useRouter();
 const { proxy } = getCurrentInstance() as any;
@@ -220,20 +224,20 @@ const trends: Ref<any> = ref([
   }
 ]);
 const video: Ref<any> = ref([
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '“哪吒计划”先进电子专场路演——杭州专场', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' },
-  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: '/src/assets/video.mp4', time: '2023-12-11 08:00:00', status: '1' }
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '“哪吒计划”先进电子专场路演——杭州专场', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '2023年中国浙江网上技术市场活动周 首届浙江科技创新合作大会', url: home, time: '2023-12-11 08:00:00', status: '1' },
+  { title: '浙江海宁—英国技术成果转移转化“云对接”活动', url: home, time: '2023-12-11 08:00:00', status: '1' }
 ]);
-const carouselList: Ref<any> = ref([{ url: '/src/assets/video_1.png' }, { url: '/src/assets/video_1.png' }, { url: '/src/assets/video_2.jpg' }]);
+const carouselList: Ref<any> = ref([{ url: video_1 }, { url: video_1 }, { url: video_2 }]);
 const activeName = ref('0');
 const pageSizeOptions = ref<string[]>(['12', '24', '60', '120']);
 let total: Ref<number> = ref(12);
@@ -274,7 +278,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
     margin: 20px 0px;
     padding: 10px 50px 0 50px;
     height: 520px;
-    background: url(/src/assets/hdbg.png) no-repeat 100%;
+    background: url(@/assets/hdbg.png) no-repeat 100%;
     background-size: cover;
 
     .one {
@@ -300,7 +304,7 @@ const onShowSizeChange = (current: number, pageSize: number) => {
       margin: 20px 0 30px;
       padding: 10px;
       display: flex;
-      background-image: url(/src/assets/hdbg2.png);
+      background-image: url(//hdbg2.png);
       background-repeat: no-repeat;
       background-size: 570px 142px;
       background-position: 100%;

src/views/home/components/demand.vue

@@ -294,7 +294,7 @@ const searchOther = async () => {
       margin-bottom: 30px;
       border-bottom: 1px solid #ebebeb;
       padding-bottom: 10px;
-      background: url(/src/assets/achieve.png) right bottom no-repeat;
+      background: url(@/assets/achieve.png) right bottom no-repeat;
       background-size: contain;
 
       .name {

src/views/home/components/service.vue

@@ -81,6 +81,21 @@ import 'swiper/css/effect-fade'; //渐显渐隐
 import 'swiper/css/pagination'; //小圆点分页
 import { Autoplay, Navigation, Pagination, EffectFade } from 'swiper/modules';
 const modules = [Pagination, EffectFade, Navigation, Autoplay];
+// 图片引入
+import service_1 from '@/assets/service_1.png';
+import service_2 from '@/assets/service_2.png';
+import service_3 from '@/assets/service_3.png';
+import service_4 from '@/assets/service_4.png';
+import service1 from '@/assets/service1.png';
+import service2 from '@/assets/service2.png';
+import service3 from '@/assets/service3.png';
+import service4 from '@/assets/service4.png';
+import service5 from '@/assets/service5.png';
+import service6 from '@/assets/service6.png';
+import service7 from '@/assets/service7.png';
+import service8 from '@/assets/service8.png';
+import service9 from '@/assets/service9.png';
+import service10 from '@/assets/service10.png';
 // 路由
 const router = useRouter();
 const { proxy } = getCurrentInstance() as any;
@@ -139,54 +154,54 @@ const list: Ref<any> = ref([
 ]);
 // 菜单
 const menuList: Ref<any> = ref([
-  { name: '技术合同认定登记', url: '/src/assets/service_1.png', route: '/' },
-  { name: '科技成果登记', url: '/src/assets/service_2.png', route: '/' },
-  { name: '敬请期待', url: '/src/assets/service_3.png', route: '/' },
-  { name: '敬请期待', url: '/src/assets/service_4.png', route: '/' }
+  { name: '技术合同认定登记', url: service_1, route: '/' },
+  { name: '科技成果登记', url: service_2, route: '/' },
+  { name: '敬请期待', url: service_3, route: '/' },
+  { name: '敬请期待', url: service_4, route: '/' }
 ]);
 // 菜单
 const carouselList: Ref<any> = ref([
-  { title: '技术转移', url: '/src/assets/service1.png', content: '为企业提供跨领域、跨区域、全过程的技术转移集成服务。', type: '0' },
+  { title: '技术转移', url: service1, content: '为企业提供跨领域、跨区域、全过程的技术转移集成服务。', type: '0' },
   {
     title: '科技金融',
-    url: '/src/assets/service2.png',
+    url: service2,
     content: '面向科技型企业开展科技保险、科技担保、知识产权质押等科技金融服务，提供天使投资、创业投资等股权投资服务等。',
     type: '1'
   },
   {
     title: '政策咨询/服务',
-    url: '/src/assets/service3.png',
+    url: service3,
     content: '为科学技术发展规划的编制和科研项目的组织实施提供科技发展水平和其他各方面的预测、设计实施方案等集成化应用的咨询和服务。',
     type: '2'
   },
   {
     title: '科技评估/评价',
-    url: '/src/assets/service4.png',
+    url: service4,
     content:
       '遵循一定的原则、程序和标准，运用科学、可行的方法对承担科技战略、规划、政策、改革、计划、项目、载体、机构、科技成果、人才、资金预算及其他科技相关活动的研究和全过程评估、评价工作，提供科技创新发展决策辅助等服务。',
     type: '3'
   },
   {
     title: '知识产权',
-    url: '/src/assets/service5.png',
+    url: service5,
     content: '提供知识产权代理、信息、咨询、培训等，以及知识产权分析评议、运营实施、保护维权等服务。',
     type: '4'
   },
   {
     title: '创业孵化',
-    url: '/src/assets/service6.png',
+    url: service6,
     content: '为创业团队、科技型企业提供共享服务空间、经营场地、政策指导、资金申请、技术鉴定、咨询策划、项目顾问、人才培训等多类创业的服务。',
     type: '5'
   },
-  { title: '财税法律', url: '/src/assets/service7.png', content: '为企业提供财税、法律服务。', type: '6' },
-  { title: '工业设计', url: '/src/assets/service8.png', content: '以工学、美学、经济学为基础对工业产品提供设计服务。', type: '7' },
+  { title: '财税法律', url: service7, content: '为企业提供财税、法律服务。', type: '6' },
+  { title: '工业设计', url: service8, content: '以工学、美学、经济学为基础对工业产品提供设计服务。', type: '7' },
   {
     title: '检验检测',
-    url: '/src/assets/service9.png',
+    url: service9,
     content: '面向设计开发、生产制造、售后服务全过程的观测、分析、测试、检验、标准、认证等第三方检验检测认证服务。',
     type: '8'
   },
-  { title: '其他', url: '/src/assets/service10.png', content: '成果转化全链条中的其他类服务。', type: '9' }
+  { title: '其他', url: service10, content: '成果转化全链条中的其他类服务。', type: '9' }
 ]);
 // 请求
 onMounted(async () => {
@@ -264,7 +279,7 @@ const toService = (item) => {
       border-radius: 5px;
       width: 295px;
       height: 196px;
-      background: url(/src/assets/servicebg.png) bottom no-repeat;
+      background: url(@/assets/servicebg.png) bottom no-repeat;
       border: solid 1px #d7ddf4;
 
       .top {

src/views/home/components/transaction.vue

@@ -165,6 +165,9 @@
 import type { Ref } from 'vue';
 import { ref, onMounted, getCurrentInstance } from 'vue';
 import { useRouter } from 'vue-router';
+// 图片引入
+import video_1 from '@/assets/video_1.png';
+import video_2 from '@/assets/video_2.jpg';
 // 路由
 const router = useRouter();
 const { proxy } = getCurrentInstance() as any;
@@ -517,7 +520,7 @@ let total: Ref<number> = ref(12);
 let skip = 0;
 let limit: number = proxy.$limit;
 const pageSizeOptions = ref<string[]>(['12', '24', '60', '120']);
-const carouselList: Ref<any> = ref([{ url: '/src/assets/video_1.png' }, { url: '/src/assets/video_2.jpg' }, { url: '/src/assets/video_1.png' }]);
+const carouselList: Ref<any> = ref([{ url: video_1 }, { url: video_2 }, { url: video_1 }]);
 // 请求
 onMounted(async () => {
   loading.value = true;

src/views/home/index.vue

@@ -22,7 +22,7 @@
     </div>
     <div class="tool2" v-else @click="toOpen">
       <div class="bgc">
-        <el-image class="image" src="/src/assets/logo.png" fit="fill" />
+        <el-image class="image" :src="logo" fit="fill" />
       </div>
     </div>
     <el-dialog v-model="dialog" title="智能客服">
@@ -30,7 +30,7 @@
         <div class="content">
           <div class="title">智能客服为您服务</div>
           <div class="list">
-            <el-image class="image" src="/src/assets/kf.png" fit="fill" />
+            <el-image class="image" :src="kf" fit="fill" />
             <div class="message">Hi，遇到问题随时找智能客服哟～ 有什么需要我帮忙的吗？</div>
           </div>
         </div>
@@ -49,6 +49,15 @@
 // 基础
 import type { Ref } from 'vue';
 import { onMounted, ref } from 'vue';
+// 图片引入
+import kf from '@/assets/kf.png';
+import logo from '@/assets/logo.png';
+import service_1 from '@/assets/service_1.png';
+import service_2 from '@/assets/service_2.png';
+import service_3 from '@/assets/service_3.png';
+import service_4 from '@/assets/service_4.png';
+import service_5 from '@/assets/service_5.png';
+import service_6 from '@/assets/service_5.png';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util'
@@ -68,14 +77,14 @@ const is_head: Ref<any> = ref(false);
 const is_foot: Ref<any> = ref(false);
 // 菜单
 const toolList: Ref<any> = ref([
-  { name: '我要交易', url: '/src/assets/service_1.png', route: 'tran' },
-  { name: '找成果', url: '/src/assets/service_3.png', route: 'achieve' },
-  { name: '找项目', url: '/src/assets/service_2.png', route: 'demand' },
-  { name: '找服务', url: '/src/assets/service_4.png', route: 'service' },
-  // { name: '发布成果', url: '/src/assets/service_4.png' },
-  // { name: '发布需求', url: '/src/assets/service_4.png' },
-  { name: '智能客服', url: '/src/assets/service_6.png', type: '0' },
-  { name: '返回顶部', url: '/src/assets/service_5.png', type: '1' }
+  { name: '我要交易', url: service_1, route: 'tran' },
+  { name: '找成果', url: service_3, route: 'achieve' },
+  { name: '找项目', url: service_2, route: 'demand' },
+  { name: '找服务', url: service_4, route: 'service' },
+  // { name: '发布成果', url: service_4 },
+  // { name: '发布需求', url: service_4 },
+  { name: '智能客服', url: service_6, type: '0' },
+  { name: '返回顶部', url: service_5, type: '1' }
 ]);
 // 是否展开
 const isOpen: Ref<any> = ref(false);

src/views/login/index.vue

@@ -147,7 +147,7 @@ const toRegister = () => {
 <style scoped lang="scss">
 .main {
   .two {
-    background-image: url(/src/assets/loginbg.jpeg);
+    background-image: url(@/assets/loginbg.jpeg);
     background-position: center center;
     background-repeat: no-repeat;
     height: 590px;

src/views/register/index.vue

@@ -348,7 +348,7 @@ const toBack = () => {
 <style scoped lang="scss">
 .main {
   .two {
-    background-image: url(/src/assets/loginbg.jpeg);
+    background-image: url(@/assets/loginbg.jpeg);
     background-position: center center;
     background-repeat: no-repeat;
     height: 590px;

src/views/service/detail.vue

@@ -77,6 +77,8 @@ import type { Ref } from 'vue';
 import { onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { MessageOutlined } from '@ant-design/icons-vue';
+// 图片引入
+import video_1 from '@/assets/video_1.png';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -93,7 +95,7 @@ const info: Ref<any> = ref({
   time: '2024-01-05 09:12:23',
   end_time: '2024-01-05 09:12:23',
   money: '3',
-  url: '/src/assets/video_1.png',
+  url: video_1,
   brief: '面向科技型企业提供天使投资、创业投资等股权投资服务'
 });
 // 请求

src/views/service/index.vue

@@ -62,6 +62,8 @@
 import type { Ref } from 'vue';
 import { onMounted, getCurrentInstance, ref } from 'vue';
 import { useRouter } from 'vue-router';
+// 图片引入
+import video_1 from '@/assets/video_1.png';
 // 接口
 // import { ToolsStore } from '@/stores/tool';
 // import type { IQueryResult } from '@/util/types.util';
@@ -72,68 +74,68 @@ const { proxy } = getCurrentInstance() as any;
 const router = useRouter();
 // 加载中
 const loading: Ref<any> = ref(false);
-let list: Ref<any> = ref([
+  let list: Ref<any> = ref([
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
     unit: '浙江易丰安全科技有限公司',
-    url: '/src/assets/video_1.png'
+    url: video_1
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   },
   {
     name: '拉力均衡强稳定性无焊口锚链',
     area: '先进制造',
     city: '舟山市',
-    url: '/src/assets/video_1.png',
+    url: video_1,
     unit: '浙江易丰安全科技有限公司'
   }
 ]);