软件系统

src/router/index.js

@@ -9,7 +9,7 @@ import { filterAsyncRouter } from '@/store/modules/permission'
 
 NProgress.configure({ showSpinner: false })// NProgress Configuration
 
-const whiteList = ['/login', '/backlogin', '/home', '/product', '/supplier', '/project', '/course', '/information']// 免登录路由白名单
+const whiteList = ['/login', '/backlogin', '/home', '/product', '/supplier', '/project', '/software', '/course', '/information']// 免登录路由白名单
 const backUrlList = ['/dashboard', '/system', '/monitor', '/sys-tools', '/backstage']// 后台路由
 
 router.beforeEach((to, from, next) => {

src/router/routers.js

@@ -68,6 +68,14 @@ export const constantRouterMap = [
     },
     hidden: true
   },
+  {
+    path: '/software',
+    meta: { title: '软件系统', noCache: true },
+    component: (resolve) => {
+      return require(['@/views/homepage/software/index'], resolve)
+    },
+    hidden: true
+  },
   {
     path: '/course',
     meta: { title: '专业培训', noCache: true },

src/views/homepage/components/titleMenus.vue

@@ -10,7 +10,7 @@ export default {
   data() {
     return {
       menus: [
-        { name: '首页', url: '/home' }, { name: '优质产品', url: '/product' }, { name: '优质供应商', url: '/supplier' }, { name: '解决方案与服务', url: '/project' }, { name: '软件系统' }, { name: '专业培训', url: '/course' }, { name: '行业资讯', url: '/information' }, { name: '信息发布' }
+        { name: '首页', url: '/home' }, { name: '优质产品', url: '/product' }, { name: '优质供应商', url: '/supplier' }, { name: '解决方案与服务', url: '/project' }, { name: '软件系统', url: '/software' }, { name: '专业培训', url: '/course' }, { name: '行业资讯', url: '/information' }, { name: '信息发布' }
       ],
       currentMenuObj: null
     }

src/views/homepage/components/titleMenusV2.vue

@@ -17,7 +17,7 @@ export default {
   data() {
     return {
       menus: [
-        { name: '首页', url: '/home' }, { name: '优质产品', url: '/product' }, { name: '优质供应商', url: '/supplier' }, { name: '解决方案与服务', url: '/project' }, { name: '软件系统' }, { name: '专业培训', url: '/course' }, { name: '行业资讯', url: '/information' }, { name: '信息发布' }
+        { name: '首页', url: '/home' }, { name: '优质产品', url: '/product' }, { name: '优质供应商', url: '/supplier' }, { name: '解决方案与服务', url: '/project' }, { name: '软件系统', url: '/software' }, { name: '专业培训', url: '/course' }, { name: '行业资讯', url: '/information' }, { name: '信息发布' }
       ],
       currentMenuObj: null
     }

src/views/homepage/course/index.vue

@@ -20,7 +20,7 @@
               :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSystem"
               style="width:358px;height: 240px;left: -4px;top: -3px"
             />
-            <div class="line-text touch">{{ item.title }}</div>
+            <div class="line-text touch" @click="goToDetails(item, 'course')">{{ item.title }}</div>
             <div style="width: 100%;text-align: center;padding: 2px;color: #333">{{ item.subTitle }}</div>
             <div class="line-btn" style="margin-top: 14px">
               <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'course')">课程定制</div>
@@ -35,8 +35,6 @@
   </div>
 </template>
 <script>
-import default_product from '@/assets/home_images/default_product.png'
-import default_project from '@/assets/home_images/default_project.png'
 import default_system from '@/assets/home_images/default_system.png'
 import titleMenus from '../components/titleMenusV2'
 import userLogin from '../components/userLoginV2'
@@ -51,8 +49,6 @@ export default {
   dicts: ['product_type', 'area_province'],
   data() {
     return {
-      defaultImgProduct: default_product,
-      defaultImgProject: default_project,
       defaultImgSystem: default_system,
       imgSrcStart: process.env.VUE_APP_BASE_API,
       page: 1,

src/views/homepage/product/index.vue

@@ -144,33 +144,33 @@
         <!--系统软件-->
         <div class="line-title"><div class="title-point" /><span class="title-text">系统软件</span></div>
         <div style="padding-top: 6px">
-          <div v-for="(item,index) in systemList" :key="'p_'+index" class="box-card" style="padding: 0 0 10px 0">
+          <div v-for="(item,index) in softwareList" :key="'p_'+index" class="box-card" style="padding: 0 0 10px 0">
             <el-image
-              :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSystem"
+              :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSoftware"
               style="width:358px;height: 240px;left: -4px;top: -3px"
             />
-            <div class="float-title touch">{{ item.title }}</div>
+            <div class="float-title touch" @click="goToDetails(item, 'software')">{{ item.title }}</div>
             <div class="line-btn" style="margin-top: 4px">
-              <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'system')">免费获取方案</div>
+              <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'software')">免费获取方案</div>
             </div>
           </div>
-          <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('system')">更多详情>></span></div>
+          <div style="padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('software')">更多详情>></span></div>
         </div>
         <!--专业培训-->
         <div class="line-title"><div class="title-point" /><span class="title-text">专业培训</span></div>
         <div style="padding-top: 6px">
           <div v-for="(item,index) in courseList" :key="'p_'+index" class="box-card" style="padding: 0 0 10px 0">
             <el-image
-              :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSystem"
+              :src="item.imgSrc?imgSrcStart+'/img'+item.imgSrc:defaultImgSoftware"
               style="width:358px;height: 240px;left: -4px;top: -3px"
             />
-            <div class="line-text touch">{{ item.title }}</div>
+            <div class="line-text touch" @click="goToDetails(item, 'course')">{{ item.title }}</div>
             <div style="width: 100%;text-align: center;padding: 2px;color: #333">{{ item.subTitle }}</div>
             <div class="line-btn" style="margin-top: 14px">
               <div class="btn-o" style="width: 150px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'course')">课程定制</div>
             </div>
           </div>
-          <div style="margin-bottom: 20px;padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('system')">更多详情>></span></div>
+          <div style="margin-bottom: 20px;padding: 15px 50px;text-align: right"><span class="more touch" title="点击查看更多..." @click="moreTo('course')">更多详情>></span></div>
         </div>
       </div>
     </div>
@@ -198,7 +198,7 @@ export default {
     return {
       defaultImgProduct: default_product,
       defaultImgProject: default_project,
-      defaultImgSystem: default_system,
+      defaultImgSoftware: default_system,
       imgSrcStart: process.env.VUE_APP_BASE_API,
       query: {
         keyword: '',
@@ -304,7 +304,7 @@ export default {
           imgSrc: ''
         }
       ],
-      systemList: [
+      softwareList: [
         {
           title: '尾矿库在线监测系统',
           date: '2023-06-12',