rabbitmq 增加link-type

src/views/docker/envDetail.vue

@@ -36,9 +36,15 @@
           :index="indexMethod"
           type="index"/>
         <el-table-column
-          prop="serviceName"
-          label="服务名"
-        />
+          v-if="serviceName!=='rabbitmq'"
+          label="服务名">
+          <template slot-scope="scope">
+            <span v-if="scope.row.serviceName !== 'rabbitmq'">{{ scope.row.serviceName }}</span>
+            <span v-if="scope.row.serviceName === 'rabbitmq'" class="link-type" @click="openRabbitmq(scope.row)">{{ scope.row.serviceName }}</span>
+          </template>
+
+        </el-table-column>
+
         <el-table-column
           prop="lanIp"
           label="ip地址"
@@ -48,7 +54,7 @@
           label="服务端口"
           width="300px">
           <template slot-scope="scope">
-            <span v-for="item in scope.row.portMappings" :key="item.port" class="port">{{ item.nodePort }} -> {{ item.port }}</span>
+            <span v-for="item in scope.row.portMappings" :key="item.port" >{{ item.nodePort }}->{{ item.port }} </span>
           </template>
         </el-table-column>
         <el-table-column
@@ -458,6 +464,11 @@ export default {
       //   window.open(`http://${url}/`, '_blank')
       // })
     },
+    openRabbitmq(data) {
+      console.log(data)
+      const port = data.portMappings.filter(item => item.port === 15672)[0].nodePort
+      window.open(`http://${data.lanIp}:${port}/`, '_blank')
+    },
     getServiceDetails(value) {
       fetchServiceDetails({ serviceName: value.serviceName, namespace: this.namespace }).then(res => {
         this.centerDialogVisible = true