优化参数位置的展示,修复下拉选择框第一次更改不生效问题 (#672)

diff --git a/dubbo-admin-ui/src/components/apiDocs/ApiForm.vue b/dubbo-admin-ui/src/components/apiDocs/ApiForm.vue
index 2a0084c..94fca80 100644
--- a/dubbo-admin-ui/src/components/apiDocs/ApiForm.vue
+++ b/dubbo-admin-ui/src/components/apiDocs/ApiForm.vue
@@ -153,7 +153,7 @@
                           <div class="font-weight-normal">
                             <strong>{{ $t('apiDocsRes.apiForm.paramPathLabel') }}</strong>
                           </div>
-                          <div style="wordBreak: break-word">{{item.get('paramType')}}#{{item.get('name')}}</div>
+                          <div style="wordBreak: break-word">[{{item.get('paramIndex')}}]{{item.get('paramType')}}#{{item.get('name')}}</div>
                         </div>
                       </v-timeline-item>
                       <v-timeline-item
@@ -357,7 +357,6 @@
       if (!this.$refs.form.validate()) {
         return false
       }
-
       var tempMap = new Map()
       this.formValues.forEach((value, key) => {
         var elementIdSplited = key.split('@@')
@@ -413,7 +412,6 @@
       }).then(response => {
         this.responseData = response.data
       })
-      // console.log(this.formValues)
     }
   },
   mounted () {
diff --git a/dubbo-admin-ui/src/components/apiDocs/ApiFormItem.vue b/dubbo-admin-ui/src/components/apiDocs/ApiFormItem.vue
index 1c59e6f..79bf293 100644
--- a/dubbo-admin-ui/src/components/apiDocs/ApiFormItem.vue
+++ b/dubbo-admin-ui/src/components/apiDocs/ApiFormItem.vue
@@ -139,6 +139,8 @@
   },
   data: () => {
     return {
+      isSelectDefaultBuiled: false,
+      selectDefaultValue: ''
     }
   },
   watch: {
@@ -160,25 +162,39 @@
     },
     buildSelectItem () {
       var allowableValues = this.formItemInfo.get('allowableValues')
-      const dataSource = new Array()
+      const selectSource = []
+      var dsItemEmpty = {}
+      dsItemEmpty.label = ''
+      dsItemEmpty.value = ''
+      selectSource.push(dsItemEmpty)
       for (var i = 0; i < allowableValues.length; i++) {
         var valueItem = allowableValues[i]
         var dsItem = {}
         dsItem.label = valueItem
         dsItem.value = valueItem
-        dataSource.push(dsItem)
+        selectSource.push(dsItem)
       }
-      return dataSource
+      return selectSource
     },
     buildDefaultValue () {
       var defaultValue = this.formItemInfo.get('defaultValue')
-      this.formValues.set(this.buildItemId(), defaultValue)
+      if (defaultValue) {
+        this.formValues.set(this.buildItemId(), defaultValue)
+      } else {
+        defaultValue = ''
+      }
       return defaultValue
     },
     buildSelectDefaultValue () {
-      var allowableValues = this.formItemInfo.get('allowableValues')
-      this.formValues.set(this.buildItemId(), allowableValues[0])
-      return allowableValues[0]
+      if (!this.isSelectDefaultBuiled) {
+        this.isSelectDefaultBuiled = true
+        var defaultValue = this.formItemInfo.get('defaultValue')
+        if (defaultValue) {
+          this.selectDefaultValue = defaultValue
+          this.formValues.set(this.buildItemId(), defaultValue[0])
+        }
+      }
+      return this.selectDefaultValue
     },
     buildJsonDefaultValue () {
       var defaultValue = JSON.parse(this.formItemInfo.get('subParamsJson'))