[monitor]feature:api monitor support http headers

manager/src/main/resources/define/app/api.yml

@@ -26,6 +26,8 @@ configmap:
     type: 1
   - key: payload
     type: 1
+  - key: headers
+    type: 3
 # 指标组列表
 metrics:
   # 第一个监控指标组 cpu
@@ -58,6 +60,7 @@ metrics:
       # 请求头内容
       headers:
         content-type: ^_^contentType^_^
+        ^_^headers^_^: ^_^headers^_^
       # 认证
       authorization:
         # 认证方式: Basic Auth, Digest Auth, Bearer Token

manager/src/main/resources/define/param/A-example.yml

@@ -50,7 +50,7 @@ param:
       - label: DELETE请求
         value: DELETE
   - field: headers
-    name: 请求头
+    name: 请求Headers
     type: key-value
     required: false
     keyAlias: Header Name

manager/src/main/resources/define/param/api.yml

@@ -17,13 +17,6 @@ param:
     range: '[0,65535]'
     required: true
     defaultValue: 80
-  - field: uri
-    name: 相对路径
-    type: text
-    # 当type为text时,用limit表示字符串限制大小
-    limit: 200
-    required: false
-    placeholder: 'API地址除IP端口外的路径 例如:/v2/book/bar'
   - field: method
     name: 请求方式
     type: radio
@@ -38,21 +31,24 @@ param:
         value: PUT
       - label: DELETE请求
         value: DELETE
+  - field: uri
+    name: 相对路径
+    type: text
+    # 当type为text时,用limit表示字符串限制大小
+    limit: 200
+    required: false
+    placeholder: 'API地址除IP端口外的路径 例如:/v2/book/bar'
   - field: ssl
     name: 启用HTTPS
     # 当type为boolean时,前端用switch展示开关
     type: boolean
     required: true
-  - field: username
+  - field: headers
-    name: 用户名
+    name: 请求Headers
-    type: text
+    type: key-value
-    # 当type为text时,用limit表示字符串限制大小
-    limit: 20
-    required: false
-  - field: password
-    name: 密码
-    type: password
     required: false
+    keyAlias: Header Name
+    valueAlias: Header Value
   - field: contentType
     name: Content-Type
     type: text
@@ -63,3 +59,13 @@ param:
     type: textarea
     placeholder: 'POST PUT请求时有效'
     required: false
+  - field: username
+    name: 用户名
+    type: text
+    # 当type为text时,用limit表示字符串限制大小
+    limit: 20
+    required: false
+  - field: password
+    name: 密码
+    type: password
+    required: false

web-app/src/app/shared/components/key-value-input/key-value-input.component.less

@@ -1,10 +1,10 @@
 .dynamic-button {
   cursor: pointer;
   position: relative;
-  top: 4px;
+  top: 20%;
   font-size: 15px;
   transition: all 0.3s;
-  margin-left: 6%;
+  margin-left: 12%;
 }
 
 .dynamic-button:hover {