feat:Multi lua window

Author: gphper

web/src/components/show/LuaView.vue

@@ -2,7 +2,7 @@
 <div>
     <el-row>
         <el-col :span="15">
-            <div ref="editor" id="codeEditBox"></div>
+            <div ref="editor" :id="id" class="editor"></div>
         </el-col>
         <el-col :offset="1" :span="8">
 
@@ -59,14 +59,15 @@ export default {
         })
 
         let result = ref("")
+        let id = ref(props.sk+props.db+'lua')
 
         let items = [1,1,1,1,1];
 
         const content = ref("")
         const editor = ref(null)
         const initEditor = () => {
         // 初始化编辑器，确保dom已经渲染
-        editor.value = monaco.editor.create(document.getElementById('codeEditBox'), {
+        editor.value = monaco.editor.create(document.getElementById(id.value), {
             value: 'return redis.call("GET",KEYS[1])',
             language: 'lua',
             theme: 'vs-dark',
@@ -114,6 +115,7 @@ export default {
         })
 
         return {
+            id,
             items,
             result,
             luaForm,
@@ -124,7 +126,7 @@ export default {
 }
 </script>
 <style scoped>
-  #codeEditBox {
+  .editor {
     width:100%;
     height:400px;
   }

web/src/utils/lua.js

@@ -5,8 +5,6 @@ import { ElButton, ElCol, ElInput, ElRow } from 'element-plus';
 
 
 const showLua = (id,sk,db)=>{
-    console.log(sk)
-    console.log(db)
     const store = useStore()
     const vdom = createApp({
         setup() {
@@ -16,7 +14,7 @@ const showLua = (id,sk,db)=>{
                 LuaView,
                 {
                    sk:sk,
-                   db:db, 
+                   db:db,
                 },
                 null
             )