1、众测技术，跳转到项目

src/pages/Technology/CrowdCase.vue

@@ -1,22 +1,22 @@
 <template>
   <div class="technology-card">
     <div class="card-wrapper" v-if="caseList&&caseList.length">
-      <el-card  v-for="item in caseList" :key="item.id"  style="margin-bottom: 15px">
+      <el-card v-for="item in caseList" :key="item.id" style="margin-bottom: 15px">
         <el-row>
           <el-col :span="21">
-            <div class="technology-title">
-              {{item.title}}
-<!--              <el-tag :type="item.statusVO&&item.statusVO.style" size="medium" class="case-status">{{item.statusVO&&item.statusVO.text}}</el-tag>-->
-              <el-tag size="medium" class="case-status">{{item.serviceType}}</el-tag>
+            <div class="technology-title" @click="goToProjectDetail(item.projectId)" style="cursor: pointer">
+              {{ item.title }}
+              <!--              <el-tag :type="item.statusVO&&item.statusVO.style" size="medium" class="case-status">{{item.statusVO&&item.statusVO.text}}</el-tag>-->
+              <el-tag size="medium" class="case-status">{{ item.serviceType }}</el-tag>
             </div>
             <div class="technology-info">
-              任务描述：{{item.description}}
+              任务描述：{{ item.description }}
             </div>
             <div class="technology-info">
-              发布时间：{{$moment(item.createTime).format('YYYY-MM-DD HH:mm:ss')}}
+              发布时间：{{ $moment(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}
             </div>
             <div class="technology-info">
-              截至时间：{{$moment(item.dateTime).format('YYYY-MM-DD HH:mm:ss')}}
+              截至时间：{{ $moment(item.dateTime).format('YYYY-MM-DD HH:mm:ss') }}
             </div>
           </el-col>
 
@@ -36,58 +36,70 @@
 </template>
 
 <script>
-  export default {
-    name: 'CrowdTool',
-    props:['caseList'],
-    methods:{
-      gotoDetail(item){
-        window.open(item.endPointVO.token)
-      }
+export default {
+  name: 'CrowdTool',
+  props: ['caseList'],
+  methods: {
+    gotoDetail (item) {
+      window.open(item.endPointVO.token)
+    },
+    goToProjectDetail (id) {
+      let routeUrl = this.$router.resolve({
+        name: 'Project',
+        params: {projectId: id}
+      })
+      window.open(routeUrl.href, '_blank')
+      // this.$router.push({name: 'Project', params: {projectId: id}})
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
-  @import "../../style/main";
+@import "../../style/main";
 
-  .technology-card {
-    .card-wrapper {
-      .technology-img {
-        width: 100%;
-        height: 130px;
-      }
-      .technology-title{
-        font-size:22px;
-        font-family:Source Han Sans CN;
-        font-weight:500;
-        color:rgba(0,0,0,1);
+.technology-card {
+  .card-wrapper {
+    .technology-img {
+      width: 100%;
+      height: 130px;
+    }
+
+    .technology-title {
+      font-size: 22px;
+      font-family: Source Han Sans CN;
+      font-weight: 500;
+      color: rgba(0, 0, 0, 1);
+      line-height: 30px;
+
+      .case-status {
         line-height: 30px;
-        .case-status {
-          line-height: 30px;
-          margin-left: 10px;
-        }
-      }
-      .technology-info {
-        font-size:16px;
-        font-family:Source Han Sans CN;
-        font-weight:400;
-        color:rgba(0,0,0,1);
-        margin: 10px 0
+        margin-left: 10px;
       }
     }
-    .get-info-btn {
-      display: inline-block;
-      color: white;
-      background-color: $--color-primary;
-      border-radius: 50%;
-      width: 18px;
-      height: 18px;
-      margin-left: 5px;
+
+    .technology-info {
       font-size: 16px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      color: rgba(0, 0, 0, 1);
+      margin: 10px 0
+    }
+  }
 
-      i {
-        margin: 1px;
-      }
+  .get-info-btn {
+    display: inline-block;
+    color: white;
+    background-color: $--color-primary;
+    border-radius: 50%;
+    width: 18px;
+    height: 18px;
+    margin-left: 5px;
+    font-size: 16px;
+
+    i {
+      margin: 1px;
     }
   }
+}
 </style>