产品后三类详情页

src/views/homepage/course/index.vue

@@ -20,7 +20,7 @@
               :src="item.imgSrc?imgSrcStart+'/productPic/'+item.imgSrc:defaultImgSystem"
               style="width:348px;height: 240px;top: -3px"
             />
-            <div class="line-text touch" @click="goToDetails(item, 'course')">{{ item.title }}</div>
+            <div class="line-text touch" @click="goToDetails(item, '/product/details')">{{ 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>
@@ -92,8 +92,12 @@ export default {
       this.$refs.inquiryView.initView(item.id, item.customerId, type)
     },
     // 跳转到详情
-    goToDetails(item, type) {
-      console.log(item, type)
+    goToDetails(item, path) {
+      if (item) {
+        this.$router.push({ path: `${path}/${item.id || 123}` })
+      } else {
+        this.$router.push({ path: `${path}` })
+      }
     },
     pageChange(e) {
       this.page = e

src/views/homepage/product/details.vue

@@ -65,62 +65,64 @@
           </el-col>
         </el-row>
         <el-divider />
-        <div class="info-card-title" style="margin-bottom: 14px"><div class="title-li" /><span>产品属性</span></div>
-        <div>
-          <div v-if="projectObj.attributeBrand" class="attribute-box">
-            <div class="attribute-label">品牌</div>
-            <div class="attribute-value">{{ projectObj.attributeBrand||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeConsumptionCurrent" class="attribute-box">
-            <div class="attribute-label">消耗电流</div>
-            <div class="attribute-value">{{ projectObj.attributeConsumptionCurrent||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeBatchNumber" class="attribute-box">
-            <div class="attribute-label">批号</div>
-            <div class="attribute-value">{{ projectObj.attributeBatchNumber||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeRatedPower" class="attribute-box">
-            <div class="attribute-label">额定功率</div>
-            <div class="attribute-value">{{ projectObj.attributeRatedPower||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeModel" class="attribute-box">
-            <div class="attribute-label">型号</div>
-            <div class="attribute-value">{{ projectObj.attributeModel||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeReactionTime" class="attribute-box">
-            <div class="attribute-label">反应时间</div>
-            <div class="attribute-value">{{ projectObj.attributeReactionTime||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeWorkingVoltage" class="attribute-box">
-            <div class="attribute-label">工作电压</div>
-            <div class="attribute-value">{{ projectObj.attributeWorkingVoltage||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeQualityAssurance" class="attribute-box">
-            <div class="attribute-label">质量保证</div>
-            <div class="attribute-value">{{ projectObj.attributeQualityAssurance||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeEncapsulation" class="attribute-box">
-            <div class="attribute-label">封装</div>
-            <div class="attribute-value">{{ projectObj.attributeEncapsulation||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeProducingArea" class="attribute-box">
-            <div class="attribute-label">产地</div>
-            <div class="attribute-value">{{ projectObj.attributeProducingArea||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeNumber" class="attribute-box">
-            <div class="attribute-label">数量</div>
-            <div class="attribute-value">{{ projectObj.attributeNumber||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeColor" class="attribute-box">
-            <div class="attribute-label">颜色</div>
-            <div class="attribute-value">{{ projectObj.attributeColor||'-' }}</div>
-          </div>
-          <div v-if="projectObj.attributeApplicableScenarios" class="attribute-box">
-            <div class="attribute-label">适用场景</div>
-            <div class="attribute-value">{{ projectObj.attributeApplicableScenarios||'-' }}</div>
+        <div v-if="projectObj.productType<5">
+          <div class="info-card-title" style="margin-bottom: 14px"><div class="title-li" /><span>产品属性</span></div>
+          <div>
+            <div v-if="projectObj.attributeBrand" class="attribute-box">
+              <div class="attribute-label">品牌</div>
+              <div class="attribute-value">{{ projectObj.attributeBrand||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeConsumptionCurrent" class="attribute-box">
+              <div class="attribute-label">消耗电流</div>
+              <div class="attribute-value">{{ projectObj.attributeConsumptionCurrent||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeBatchNumber" class="attribute-box">
+              <div class="attribute-label">批号</div>
+              <div class="attribute-value">{{ projectObj.attributeBatchNumber||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeRatedPower" class="attribute-box">
+              <div class="attribute-label">额定功率</div>
+              <div class="attribute-value">{{ projectObj.attributeRatedPower||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeModel" class="attribute-box">
+              <div class="attribute-label">型号</div>
+              <div class="attribute-value">{{ projectObj.attributeModel||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeReactionTime" class="attribute-box">
+              <div class="attribute-label">反应时间</div>
+              <div class="attribute-value">{{ projectObj.attributeReactionTime||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeWorkingVoltage" class="attribute-box">
+              <div class="attribute-label">工作电压</div>
+              <div class="attribute-value">{{ projectObj.attributeWorkingVoltage||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeQualityAssurance" class="attribute-box">
+              <div class="attribute-label">质量保证</div>
+              <div class="attribute-value">{{ projectObj.attributeQualityAssurance||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeEncapsulation" class="attribute-box">
+              <div class="attribute-label">封装</div>
+              <div class="attribute-value">{{ projectObj.attributeEncapsulation||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeProducingArea" class="attribute-box">
+              <div class="attribute-label">产地</div>
+              <div class="attribute-value">{{ projectObj.attributeProducingArea||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeNumber" class="attribute-box">
+              <div class="attribute-label">数量</div>
+              <div class="attribute-value">{{ projectObj.attributeNumber||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeColor" class="attribute-box">
+              <div class="attribute-label">颜色</div>
+              <div class="attribute-value">{{ projectObj.attributeColor||'-' }}</div>
+            </div>
+            <div v-if="projectObj.attributeApplicableScenarios" class="attribute-box">
+              <div class="attribute-label">适用场景</div>
+              <div class="attribute-value">{{ projectObj.attributeApplicableScenarios||'-' }}</div>
+            </div>
           </div>
+          <el-divider />
         </div>
-        <el-divider />
         <div class="info-card-title"><div class="title-li" /><span>产品描述</span></div>
         <div style="min-height: 30vh" v-html="projectObj.productDescribe" />
         <div class="footnote-text">

src/views/homepage/project/index.vue

@@ -23,7 +23,7 @@
                 </div>
               </el-col>
               <el-col :span="12">
-                <div class="box-title touch" @click="goToDetails(item, 'project')">{{ item.title }}</div>
+                <div class="box-title touch" @click="goToDetails(item, '/product/details')">{{ item.title }}</div>
                 <div class="content ellipsis" :title="item.content">{{ item.content }}</div>
                 <div class="line-btn" style="margin-top: 4px;justify-content: flex-end;">
                   <div class="btn-o" style="width: 140px;border-radius: 10px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);font-size:20px;" @click="inquiry(item, 'project')">咨 询</div>
@@ -48,7 +48,7 @@
         <div v-for="(item,index) in serveList" :key="'pj_'+index" class="box-block">
           <el-row :gutter="20">
             <el-col :span="12">
-              <div class="box-title touch" style="padding-left: 30px" @click="goToDetails(item, 'project')">{{ item.title }}</div>
+              <div class="box-title touch" style="padding-left: 30px" @click="goToDetails(item, '/product/details')">{{ item.title }}</div>
               <div class="content ellipsis" style="height: 200px;padding: 4px 10px 20px 30px;-webkit-line-clamp: 6;" :title="item.content">
                 &#12288;&#12288;{{ item.content }}
               </div>
@@ -137,8 +137,12 @@ export default {
       this.$refs.inquiryView.initView(item.id, item.customerId, type)
     },
     // 跳转到详情
-    goToDetails(item, type) {
-      console.log(item, type)
+    goToDetails(item, path) {
+      if (item) {
+        this.$router.push({ path: `${path}/${item.id || 123}` })
+      } else {
+        this.$router.push({ path: `${path}` })
+      }
     },
     pageChange(e) {
       this.page = e

src/views/homepage/software/index.vue

@@ -20,7 +20,7 @@
               :src="item.imgSrc?imgSrcStart+'/productPic/'+item.imgSrc:defaultImgSystem"
               style="width:348px;height: 240px;top: -3px"
             />
-            <div class="float-title touch" @click="goToDetails(item, 'software')">{{ item.title }}</div>
+            <div class="float-title touch" @click="goToDetails(item, '/product/details')">{{ 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, 'software')">免费获取方案</div>
             </div>
@@ -91,8 +91,12 @@ export default {
       this.$refs.inquiryView.initView(item.id, item.customerId, type)
     },
     // 跳转到详情
-    goToDetails(item, type) {
-      console.log(item, type)
+    goToDetails(item, path) {
+      if (item) {
+        this.$router.push({ path: `${path}/${item.id || 123}` })
+      } else {
+        this.$router.push({ path: `${path}` })
+      }
     },
     pageChange(e) {
       this.page = e