update json编辑器组件

app_web/package.json

@@ -18,7 +18,7 @@
     "@fullcalendar/list": "^4.4.0",
     "@fullcalendar/timegrid": "^4.4.0",
     "@fullcalendar/vue": "^4.4.0",
-    "@json-editor/json-editor": "^2.5.1",
+    "@json-editor/json-editor": "1.4.0-beta.0",
     "@popperjs/core": "^2.4.3",
     "async-validator": "^3.3.0",
     "axios": "^0.19.1",

app_web/src/components/app-form-json/app-form-json.less

-.btn-secondary {
-  color: black;
-  background-color: transparent;
-  border-color: transparent;
-}
-.form-control {
-  display: block;
-  height: calc(1.4em + 0.75rem + 2px);
-  padding: 0.375rem 0.75rem;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 1;
-}
-h3, .h3 {
-  font-size: 14px;
-  font-weight: 700;
-  margin-top: 5px;
-}
-//.bg-light {
-//  background-color: #fff!important;
-//}
\ No newline at end of file
+.app-form-json{
+  .btn-secondary {
+    color: black;
+    background-color: transparent;
+    border-color: transparent;
+  }
+  .form-control {
+    display: block;
+    height: calc(1.4em + 0.75rem + 2px);
+    padding: 0.375rem 0.75rem;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 1;
+  }
+  h3, .h3 {
+    font-size: 14px;
+    font-weight: 700;
+    margin-top: 5px;
+  }
+  .row{
+    > div {
+      > div{
+        display: flex;
+      }
+    }
+  }
+  .nav{
+    display: block;
+    > li{
+      border-radius: 5px;
+      padding: 5px;
+      cursor: pointer;
+      >
+      a:hover{
+        text-decoration: none;
+      }
+    }
+    .active{
+      background-color:#357AB3;
+      > 
+      a{
+        color: #fff;
+      }
+      a:hover{
+        color: #fff;
+      }
+    }
+  }
+  .control-label{
+    min-width: 100px;
+    display: inline-block;
+  }
+}
\ No newline at end of file