配置参数调整

@@ -1265,3 +1265,61 @@
     }
   }
 }
+
+// 配置参数
+.configuration {
+  color: white;
+  margin-top: 6vh;
+
+  .el-dialog {
+    background-color: #031a46 !important;
+    border: 1px solid #5f82c7;
+
+    .el-dialog__header {
+      .el-dialog__title {
+        color: white !important;
+      }
+
+      .el-dialog__headerbtn {
+        top: 20px;
+      }
+    }
+
+    /deep/ .jsoneditor-vue {
+      height: 100%;
+    }
+
+    .fullScreen {
+      position: absolute;
+      right: 4%;
+      top: 17%;
+      cursor: pointer;
+      color: #fff;
+    }
+
+    /deep/ .jsoneditor-modes {
+      display: none !important;
+    }
+
+    /deep/.jsoneditor-poweredBy {
+      display: none !important;
+    }
+
+    .jsoneditor-menu {
+      background-color: #031a46 !important;
+      border-bottom: 1px solid #9c9e9f !important;
+    }
+
+    .jsoneditor {
+      border: 1px solid #9c9e9f !important;
+    }
+
+    .el-collapse {
+      border: 0;
+    }
+
+    .el-collapse-item__header {
+      height: 44px;
+    }
+  }
+}

@@ -172,7 +172,7 @@
 
   .el-dialog__headerbtn .el-dialog__close {
     font-size: 20px;
-    color: white;
+    color: #4162D8
   }
 
   .el-dialog__header {
@@ -270,7 +270,7 @@
 
   .el-dialog__headerbtn .el-dialog__close {
     font-size: 20px;
-    color: white;
+    color: #4162D8
   }
 
   .el-dialog__header {
@@ -450,7 +450,7 @@
 
   .el-dialog__headerbtn .el-dialog__close {
     font-size: 20px;
-    color: white;
+    color: #4162D8
   }
 
   .el-dialog__body {
@@ -693,9 +693,11 @@
 
 // 人员管理角色管理菜单管理修改新增弹框样式
 .PersonnelDialog {
+
+
   .el-dialog__headerbtn .el-dialog__close {
     font-size: 20px;
-    color: white;
+    color: #4162D8
   }
 
   .el-dialog__header {
@@ -946,6 +948,69 @@
 
   .el-dialog__headerbtn .el-dialog__close {
     font-size: 20px;
+    color: #4162D8
+  }
+}
+
+// 配置参数
+.configuration {
   color: white;
+  margin-top: 6vh;
+
+  .el-dialog {
+    background-color: #ffffff !important;
+
+    .el-dialog__header {
+      @include background("navbg");
+
+      .el-dialog__title {
+        color: white !important;
+      }
+
+      .el-dialog__headerbtn {
+        top: 20px;
+
+        .el-dialog__close {
+          color: #4162D8
+        }
+      }
+    }
+
+    /deep/ .jsoneditor-vue {
+      height: 100%;
+    }
+
+    .fullScreen {
+      position: absolute;
+      right: 4%;
+      top: 17%;
+      cursor: pointer;
+      color: #4162D8
+    }
+
+    /deep/ .jsoneditor-modes {
+      display: none !important;
+    }
+
+    /deep/.jsoneditor-poweredBy {
+      display: none !important;
+    }
+
+    .jsoneditor-menu {
+      @include background("navbg");
+      border-bottom: 1px solid #9c9e9f !important;
+    }
+
+    .jsoneditor {
+      border: 1px solid #9c9e9f !important;
+    }
+
+    .el-collapse {
+      border: 0;
+    }
+
+    .el-collapse-item__header {
+      height: 44px;
+    }
   }
 }

@@ -38,7 +38,7 @@
     </div>
     <div class="from-clues-content">
       <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200"
-        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata" :expand-row-keys="keyList"
+        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata"
         row-key="dictid">
       </lb-table>
     </div>

@@ -29,14 +29,9 @@
       </el-tooltip>
       <template slot="footer">
         <div class="dialog-footer flex flex-pack-center">
-          <el-button
-            type="primary"
-            class="confirmBtn"
-            @click="onJsonSave">保存</el-button>
-          <el-button
-            type="primary"
-            class="cancelBtn"
-            @click="cancel">关闭</el-button>
+          <btn nativeType="cx" @click="onJsonSave">保存</btn>
+          <btn nativeType="cx" @click="cancel">关闭</btn>
+
         </div>
       </template>
     </el-dialog>
@@ -137,49 +132,4 @@
   .icon {
     color: #349af3;
   }
-  /deep/ .jsoneditor-vue {
-    height: 100%;
-  }
-  .fullScreen {
-    position: absolute;
-    right: 5%;
-    top: 20%;
-    cursor: pointer;
-    color: #fff;
-  }
-  /deep/ .jsoneditor-modes {
-    display: none !important;
-  }
-  /deep/.jsoneditor-poweredBy {
-    display: none !important;
-  }
-  .jsoneditor-menu {
-    background-color: #9c9e9f !important;
-    border-bottom: 1px solid #9c9e9f !important;
-  }
-  .jsoneditor {
-    border: 1px solid #9c9e9f !important;
-  }
-  .el-collapse {
-    border: 0;
-  }
-  .el-collapse-item__header {
-    height: 44px;
-  }
-  .configuration {
-    color: white;
-    margin-top: 6vh;
-    /deep/.el-dialog {
-      background-color: #031a46 !important;
-      border: 1px solid #5f82c7;
-      .el-dialog__header {
-        .el-dialog__title {
-          color: white !important;
-        }
-        .el-dialog__headerbtn {
-          top: 20px;
-        }
-      }
-    }
-  }
 </style>

@@ -11,7 +11,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="图标:" label-width="54px">
-              <el-input v-model="form.icon" placeholder="请选择图标" :prefix-icon="form.icon" clearable @focus="getIconList" />
+              <el-input v-model="form.icon" placeholder="请选择图标" :prefix-icon="form.icon" clearable />
             </el-form-item>
           </el-col>
         </el-row>
@@ -51,28 +51,26 @@
           <el-col :span="24">
             <el-form-item label="配置参数:" label-width="124px" class="form-item-mb0">
               <!-- 配置参数 -->
-              <JsonEditor :result-infos="form.metadata" @getJsonString="getJsonString" />
+              <JsonEditor class="JsonEditors" :result-infos="form.metadata" @getJsonString="getJsonString" />
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <!-- 图标列表 -->
-      <IconList ref="iconList" @iconName="getIconName" />
+      <!-- <IconList ref="iconList" @iconName="getIconName" /> -->
     </div>
   </dialogBox>
 </template>
 
 <script>
   import { getParentMenuListAction } from '@/api/authorityManage'
-  import IconList from '../../../components/IconList'
-  import JsonEditor from '@/components/JsonEditors'
+  import JsonEditor from './JsonEditors/index.vue'
   import { validateCode } from '@/utils/validate';
   import { api, httpAction } from '@/api/manageApi'
   export default {
     name: 'MenuModal',
     components: {
       JsonEditor,
-      IconList,
     },
     props: {
       value: { type: Boolean, default: false },
@@ -151,16 +149,6 @@
           }
         })
       },
-      // 选择图标
-      getIconName (data) {
-        this.form.icon = data;
-      },
-      getIconList () {
-        this.$refs.iconList.show(true)
-      },
-      getIconName (data) {
-        this.form.icon = data
-      },
       // 配置参数
       getJsonString (data) {
         this.form.metadata = data
@@ -208,7 +196,7 @@
                     message: res.message,
                     showClose: true
                   })
-                  close()
+                  this.close()
                   this.$emit('ok')
 
                 } else {