From 413c0dfdfedfdf02a43052ba241ad206185a268e Mon Sep 17 00:00:00 2001
From: wang-liang0615 <53748875+wang-liang0615@users.noreply.github.com>
Date: Tue, 17 Oct 2023 10:44:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:webhook=20body=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E9=9D=9Ejson=20(#203)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/cmdb/components/webhook/body.vue  | 19 +++++++++++++++----
 .../modules/cmdb/components/webhook/index.vue | 13 ++++++++++---
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/cmdb-ui/src/modules/cmdb/components/webhook/body.vue b/cmdb-ui/src/modules/cmdb/components/webhook/body.vue
index 2eca029..dbd8eb4 100644
--- a/cmdb-ui/src/modules/cmdb/components/webhook/body.vue
+++ b/cmdb-ui/src/modules/cmdb/components/webhook/body.vue
@@ -16,7 +16,7 @@
       </a-space> -->
     </div>
     <div style="margin-top:10px">
-      <vue-json-editor v-model="jsonData" :showBtns="false" :mode="'text'" />
+      <codemirror style="z-index: 9999" :options="cmOptions" v-model="jsonData"></codemirror>
       <!-- <a-empty
         v-else
         :image-style="{
@@ -31,11 +31,14 @@
 </template>
 
 <script>
-import vueJsonEditor from 'vue-json-editor'
+import { codemirror } from 'vue-codemirror'
+import 'codemirror/lib/codemirror.css'
+
+require('codemirror/mode/python/python.js')
 
 export default {
   name: 'Body',
-  components: { vueJsonEditor },
+  components: { codemirror },
   data() {
     const segmentedContentTypes = [
       {
@@ -60,7 +63,15 @@ export default {
     return {
       segmentedContentTypes,
       //   contentType: 'none',
-      jsonData: {},
+      jsonData: '',
+      cmOptions: {
+        lineNumbers: true,
+        mode: 'python',
+        height: '200px',
+        smartIndent: true,
+        tabSize: 4,
+        lineWrapping: true,
+      },
     }
   },
 }
diff --git a/cmdb-ui/src/modules/cmdb/components/webhook/index.vue b/cmdb-ui/src/modules/cmdb/components/webhook/index.vue
index e1d625c..036b495 100644
--- a/cmdb-ui/src/modules/cmdb/components/webhook/index.vue
+++ b/cmdb-ui/src/modules/cmdb/components/webhook/index.vue
@@ -81,7 +81,11 @@ export default {
       this.$refs.Parameters.parameters.forEach((item) => {
         parameters[item.key] = item.value
       })
-      const body = this.$refs.Body.jsonData
+      let body = this.$refs.Body.jsonData
+      try {
+        JSON.parse(body)
+        body = JSON.parse(body)
+      } catch {}
       const headers = {}
       this.$refs.Header.headers.forEach((item) => {
         headers[item.key] = item.value
@@ -99,7 +103,6 @@ export default {
       return { method, url, parameters, body, headers, authorization }
     },
     setParams(params) {
-      console.log(2222, params)
       const { method, url, parameters, body, headers, authorization = {} } = params ?? {}
       this.method = method
       this.url = url
@@ -111,7 +114,11 @@ export default {
             value: parameters[key],
           }
         }) || []
-      this.$refs.Body.jsonData = body
+      if (body && Object.prototype.toString.call(body) === '[object Object]') {
+        this.$refs.Body.jsonData = JSON.stringify(body)
+      } else {
+        this.$refs.Body.jsonData = body
+      }
       this.$refs.Header.headers =
         Object.keys(headers).map((key) => {
           return {