.drone.yml

@@ -3,7 +3,7 @@ type: docker
 name: flowable-engine-web
 steps:
   - name: build-package-vue
-    image: node:14.17.3
+    image: node:14.20
     volumes:
       - name: cache
         path: /drone/src/flowable-engine-web/node_modules

flowable-engine-web/src/api/request.js

@@ -11,7 +11,7 @@ Vue.prototype.$axios = axios;
 
 export function getBaseUrl(){
 	return "http://gateway.mytwins.top"
-	// return "http://192.168.101.8:8000"
+	// return "http://192.168.101.7:8000"
 	// return "http://localhost:8000"
 }
 

flowable-engine-web/src/components/common/CodeEdit.vue

@@ -2,23 +2,35 @@
   <codemirror ref="codeEdit"
               :options="cmOptions"
               v-model="_value"
+              @input="inputChange"
               class="code"/>
 </template>
 
 <script>
 import { codemirror } from 'vue-codemirror'
 // 引入主题 可以从 codemirror/theme/ 下引入多个
-import "codemirror/lib/codemirror.css";
-import 'codemirror/theme/idea.css'
-import 'codemirror/theme/duotone-dark.css'
+import "vue-codemirror/node_modules/codemirror/lib/codemirror.css";
+import 'vue-codemirror/node_modules/codemirror/theme/idea.css'
+import 'vue-codemirror/node_modules/codemirror/theme/duotone-dark.css'
 // 引入语言模式 可以从 codemirror/mode/ 下引入多个
-import "codemirror/mode/javascript/javascript"; // 代码高亮必须引入
+import "vue-codemirror/node_modules/codemirror/mode/javascript/javascript"; // 代码高亮必须引入
+import "vue-codemirror/node_modules/codemirror/mode/sql/sql"; // 代码高亮必须引入
 //代码补全
-import 'codemirror/addon/hint/javascript-hint.js';
+import 'vue-codemirror/node_modules/codemirror/addon/hint/javascript-hint.js';
 // import 'vue-codemirror/node_modules/codemirror/addon/hint/show-hint.css';
-import 'codemirror/addon/hint/show-hint.js';
-import "codemirror/keymap/sublime.js"
+import 'vue-codemirror/node_modules/codemirror/addon/hint/show-hint.js';
 
+// 代码段折叠功能
+import 'vue-codemirror/node_modules/codemirror/addon/fold/foldcode'
+import 'vue-codemirror/node_modules/codemirror/addon/fold/foldgutter'
+import 'vue-codemirror/node_modules/codemirror/addon/fold/foldgutter.css'
+
+import 'vue-codemirror/node_modules/codemirror/addon/fold/brace-fold'
+import 'vue-codemirror/node_modules/codemirror/addon/fold/comment-fold'
+import 'vue-codemirror/node_modules/codemirror/addon/fold/xml-fold.js';
+import 'vue-codemirror/node_modules/codemirror/addon/fold/indent-fold.js';
+import 'vue-codemirror/node_modules/codemirror/addon/fold/markdown-fold.js';
+import 'vue-codemirror/node_modules/codemirror/addon/fold/comment-fold.js';
 
 export default {
   name: "CodeEdit",
@@ -49,7 +61,6 @@ export default {
           // 当匹配只有一项的时候是否自动补全
           completeSingle: false
         },
-        keyMap: "sublime",
         foldGutter: true, // 支持折叠
         extraKeys: { 'Ctrl': 'autocomplete' }, // 可以用于为编辑器指定额外的键绑定，以及keyMap定义的键绑定
         gutters: ['CodeMirror-linenumbers', "lock", "warn"],

flowable-engine-web/src/main.js

@@ -17,20 +17,6 @@ import Ellipsis from '@/components/common/Ellipsis'
 import WDialog from '@/components/common/WDialog'
 import Tip from '@/components/common/Tip'
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 Vue.use(ElementUI);
 Vue.use(AvatarEllipsis);
 Vue.use(Ellipsis);