界面添加service context-path， client gray infos

Author: saleson

spring-cloud-gray-webui/src/views/gray-instance/complex-table.vue

@@ -103,6 +103,16 @@
               <el-dropdown-item @click.native="changeInstanceStatus(row, 'UNKNOWN')">UNKNOWN</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
+          <el-dropdown trigger="click">
+            <el-button size="mini" type="info" style="width:80px">
+              灰度信息
+              <i class="el-icon-arrow-down" />
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item @click.native="showGrayInfos(row, 'SERVICES')">服务/实例</el-dropdown-item>
+              <el-dropdown-item @click.native="showGrayInfos(row, 'TRACKS')">追踪</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </template>
       </el-table-column>
     </el-table>
@@ -147,6 +157,18 @@
       </div>
     </el-dialog>
 
+    <el-dialog :title="grayInfo.type" :visible.sync="grayInfo.dialogVisible" :loading="grayInfo.loading">
+      {{ grayInfo.content }}
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="grayInfo.dialogVisible = false">
+          Cancel
+        </el-button>
+        <el-button type="primary" @click="refershGrayInfos()">
+          Refersh
+        </el-button>
+      </div>
+    </el-dialog>
+
     <el-dialog :visible.sync="dialogPvVisible" title="Reading statistics">
       <el-table :data="pvData" border fit highlight-current-row style="width: 100%">
         <el-table-column prop="key" label="Channel" />
@@ -161,6 +183,7 @@
 
 <script>
 import { fetchList, deleteInstance, createInstance, updateInstance, tryChangeInstanceStatus } from '@/api/gray-instance'
+import { getServiceAllInfos, getAllDefinitions } from '@/api/gray-client'
 import waves from '@/directive/waves' // waves directive
 import { parseTime } from '@/utils'
 import Pagination from '@/components/Pagination' // secondary package based on el-pagination
@@ -223,6 +246,13 @@ export default {
         grayLock: 0,
         des: ''
       },
+      grayInfo: {
+        instanceId: '',
+        type: '',
+        content: '',
+        dialogVisible: false,
+        loading: false
+      },
       dialogFormVisible: false,
       dialogStatus: '',
       textMap: {
@@ -407,6 +437,26 @@ export default {
         })
       })
     },
+    showGrayInfos(row, type) {
+      this.grayInfo.instanceId = row.instanceId
+      this.grayInfo.type = type
+      this.grayInfo.dialogVisible = true
+      this.refershGrayInfos()
+    },
+    refershGrayInfos() {
+      this.grayInfo.loading = true
+      if (this.grayInfo.type === 'SERVICES') {
+        getServiceAllInfos(this.listQuery.serviceId, this.grayInfo.instanceId).then(res => {
+          this.grayInfo.content = res.data
+          this.grayInfo.loading = false
+        })
+      } else if (this.grayInfo.type === 'TRACKS') {
+        getAllDefinitions(this.listQuery.serviceId, this.grayInfo.instanceId).then(res => {
+          this.grayInfo.content = res.data
+          this.grayInfo.loading = false
+        })
+      }
+    },
     handleDownload() {
       this.downloadLoading = true
       import('@/vendor/Export2Excel').then(excel => {

spring-cloud-gray-webui/src/views/gray-instance/discovery-instances.vue

@@ -67,6 +67,16 @@
               <el-dropdown-item @click.native="changeInstanceStatus(row, 'UNKNOWN')">UNKNOWN</el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
+          <el-dropdown trigger="click">
+            <el-button size="mini" type="info" style="width:80px">
+              灰度信息
+              <i class="el-icon-arrow-down" />
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item @click.native="showGrayInfos(row, 'SERVICES')">服务/实例</el-dropdown-item>
+              <el-dropdown-item @click.native="showGrayInfos(row, 'TRACKS')">追踪</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
         </template>
       </el-table-column>
     </el-table>

spring-cloud-gray-webui/src/views/gray-service/list.vue

@@ -33,6 +33,11 @@
           <span>{{ scope.row.serviceName }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="Context Path" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.contextPath }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="实例数" align="center">
         <template slot-scope="scope">
           <span>{{ scope.row.instanceNumber }}</span>
@@ -100,6 +105,9 @@
         <el-form-item label="Service Name" prop="serviceName">
           <el-input v-model="temp.serviceName" />
         </el-form-item>
+        <el-form-item label="Context Path" prop="contextPath">
+          <el-input v-model="temp.contextPath" />
+        </el-form-item>
         <el-form-item label="Describe" prop="describe">
           <el-input v-model="temp.describe" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" placeholder="Please input" />
         </el-form-item>
@@ -153,6 +161,7 @@ export default {
       temp: {
         serviceName: '',
         serviceId: '',
+        contextPath: '',
         describe: ''
       },
       dialogFormVisible: false,
@@ -208,6 +217,7 @@ export default {
       this.temp = {
         serviceId: '',
         serviceName: '',
+        contextPath: '',
         describe: ''
       }
     },