调整界面代码，支持nacos的instance id

Author: saleson

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

@@ -82,7 +82,7 @@
           <el-button type="primary" size="mini" class="list-button" @click="handleUpdate(row)">
             Edit
           </el-button>
-          <router-link :to="'/gray/instance/policy?instanceId='+row.instanceId">
+          <router-link :to="'/gray/instance/policy?instanceId='+escapeStr(row.instanceId)">
             <el-button size="mini" type="success" class="list-button">
               策略
             </el-button>
@@ -249,6 +249,9 @@ export default {
     this.setPageTitle()
   },
   methods: {
+    escapeStr(str) {
+      return window.escape(str)
+    },
     setPageTitle() {
       var title = '灰度实例'
       if (this.listQuery.serviceId) {

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

@@ -120,15 +120,15 @@ export default {
       listQuery: {
         page: 1,
         limit: 10,
-        instanceId: this.$route.query.instanceId || ''
+        instanceId: unescape(this.$route.query.instanceId || '')
       },
       calendarTypeOptions,
       sortOptions: [{ label: 'ID Ascending', key: '+id' }, { label: 'ID Descending', key: '-id' }],
       statusOptions: ['published', 'draft', 'deleted'],
       showReviewer: false,
       temp: {
         id: undefined,
-        instanceId: this.$route.query.instanceId || '',
+        instanceId: unescape(this.$route.query.instanceId || ''),
         alias: ''
       },
       dialogFormVisible: false,