修改导航

admin/src/components/common/footer/Footer.vue

@@ -11,7 +11,7 @@
             </el-row>
             <el-row><span style="color: white">创造智能打印新时代</span></el-row>
 
-            <el-row style=" position: absolute;bottom: 0px;"><span style="color: white">蜀ICP备2023018969号</span></el-row>
+            <el-row style=" position: absolute;bottom: 0px;"><a href="https://beian.miit.gov.cn/#/home" style="color: white">蜀ICP备2023018969号</a></el-row>
 
           </el-col>
 

admin/src/router.js

@@ -22,13 +22,9 @@ const router = new Router({
     builder("/", "portal/IndexView"),
     builder("/index", "portal/IndexView"),
 
-
-
     builder("/product", "portal/ProductView"),
 
-
-
-    builder("/product/productId/:productId", "portal/ProductDetailsView"),
+    builder("/product/detail", "portal/ProductDetailsView"),
     builder("/example", "portal/ExampleView"),
     builder("/news", "portal/NewsView"),
     builder("/news/newsId/:newsId", "portal/NewsDetailsView"),

admin/src/views/portal/IndexView.vue

@@ -132,7 +132,7 @@
             </el-row>
 
             <el-row type="flex" justify="center" align="middle">
-              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
+              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" @click="knowMore(1)" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
             </el-row>
           </div>
 
@@ -150,7 +150,7 @@
             </el-row>
 
             <el-row type="flex" justify="center" align="middle">
-              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
+              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" @click="knowMore(5)" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
             </el-row>
           </div>
         </el-col>
@@ -169,7 +169,7 @@
             </el-row>
 
             <el-row type="flex" justify="center" align="middle">
-              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
+              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" @click="knowMore(2)" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
             </el-row>
           </div>
         </el-col>
@@ -185,7 +185,7 @@
             </el-row>
 
             <el-row type="flex" justify="center" align="middle">
-              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
+              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" @click="knowMore(4)" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
             </el-row>
           </div>
         </el-col>
@@ -201,7 +201,7 @@
             </el-row>
 
             <el-row type="flex" justify="center" align="middle">
-              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
+              <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" @click="knowMore(3)" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
             </el-row>
           </div>
         </el-col>
@@ -259,6 +259,19 @@ export default {
     window.removeEventListener('scroll', this.scrollToTop)
   },
 	methods:{
+
+    knowMore(type) {
+      //了解更多
+      console.log(type)
+
+      this.$router.push({
+        name:"/product/detail",
+        path: "/product/detail",
+        params: {"typeId":type},
+      });
+
+    },
+
 		changeTab(index){
 			this.tabIndex = index
 		},

admin/src/views/portal/ProductDetailsView.vue

 <template>
 	<Layout>
-		<div class="gallery-box" v-if="title !== '' && photos.length > 0">
+		<div class="gallery-box" v-if=" photos.length > 0">
 
-			<div class="layout-container" style="width: 100%">
+<!--			<div class="layout-container" style="width: 100%">
 				<div class="solution-page">
 					<div class="container">
 						<h2>{{title}}</h2>
 						<p>{{introduction}}</p>
 					</div>
 				</div>
-			</div>
+			</div>-->
 
 			<div class="gallery">
 				<div class="active-photo" :style="'background-image: url('+ photos[activePhoto]+');'">
@@ -51,13 +51,63 @@ export default {
 			title: '',
 			introduction:'',
 			activePhoto: 0,
+      list:[],
 			photos: []
 		}
 	},
 	mounted() {
-		this.getProductById(this.$route.params.productId)
+    console.log(this.$route)
+		this.findExampleByExampleType(this.$route.params.typeId)
 	},
 	methods:{
+
+    findExampleByExampleType(exampleType){
+
+      //根据案例类型进行查询分类
+      this.$post("/example/interlist", {"exampleType":exampleType})
+          .then((res) => {
+            if (res.code == 1) {
+              console.log(res)
+              if(res.data.data.length>0){
+                const temp = res.data.data[0]
+                const list = [];
+                for (let i = 1; i < 17; i++) {
+                  // 判断是否为空
+                  if (temp['image'+ i] != null&&temp['image'+ i] != ''){
+                    list.push(temp['image'+ i])
+                  }
+                }
+
+                console.log("list",list)
+                this.photos = list
+                this.srcList=list
+              }
+
+            }
+          })
+          .catch((error) => {
+            this.$message.error(error.message);
+          });
+    },
+    findExample(){
+
+      //根据案例类型进行查询分类
+      this.$post("/example/interlist", {})
+          .then((res) => {
+            if (res.code == 1) {
+              console.log(res)
+              if(res.data.data.length>0){
+                this.tabList=res.data.data
+              }
+
+            }
+          })
+          .catch((error) => {
+            this.$message.error(error.message);
+          });
+    },
+
+
 		getProductById(typeDetailsId){
 
       //根据类型详细id获取详细信息  type/details
@@ -113,7 +163,7 @@ export default {
 }
 
 .gallery-box .gallery {
-	width: 80%;
+	width: 60%;
 	display: flex;
 	flex-direction: column;
 	background-color: #ffffff;