优化SQL编辑器引入方式，优化自动提示，优化sqlserver表、字段注释获取和更新方式，数据查询时改为需指定数据库，便于库表检索提示

zyplayer-doc-ui/db-ui/src/views/table/Info.vue

@@ -169,6 +169,7 @@
                     let columnList = json.data.columnList || [];
                     for (let i = 0; i < columnList.length; i++) {
                         columnList[i].inEdit = 0;
+                        columnList[i].description = columnList[i].description || '';
                         columnList[i].newDesc = columnList[i].description;
                     }
                     this.columnList = columnList;

zyplayer-doc-ui/db-ui/src/views/table/ProcedureEdit.vue

@@ -17,7 +17,7 @@
 <!--				<el-button type="" @click="" icon="el-icon-video-play" size="mini">运行</el-button>-->
 <!--				<el-button type="" @click="" icon="el-icon-video-pause" size="mini">停止</el-button>-->
 			</div>
-			<pre id="sqlExecutorEditor" style="width: 100%;height: 500px;margin-top: 0;"></pre>
+			<ace-editor v-model="sqlExecutorContent" @init="sqlExecutorInit" lang="sql" theme="monokai" width="100%" height="500" :options="sqlEditorConfig" style="margin-bottom: 10px;"></ace-editor>
 		</el-card>
 		<!--错误信息弹窗-->
 		<el-dialog title="保存函数失败" :visible.sync="saveProcedureErrVisible" :footer="null">
@@ -59,12 +59,8 @@
 </template>
 
 <script>
-	import '../../common/lib/ace/ace'
-	import '../../common/lib/ace/theme-monokai'
-	import '../../common/lib/ace/mode-sql'
-	import '../../common/lib/ace/ext-language_tools'
-	import '../../common/lib/ace/snippets/sql'
 	import datasourceApi from '../../common/api/datasource'
+	import aceEditor from "../../common/lib/ace-editor";
 
 	export default {
 		data() {
@@ -81,9 +77,23 @@
 				pageSize: 30,
 				currentPage: 1,
 				tableTotalCount: 0,
+				// 编辑器
+				sqlExecutorContent: '',
+				sqlEditorConfig: {
+					wrap: true,
+					autoScrollEditorIntoView: true,
+					enableBasicAutocompletion: true,
+					enableSnippets: true,
+					enableLiveAutocompletion: true,
+					minLines: 20,
+					maxLines: 40,
+				},
 			};
 		},
-		mounted: function () {
+		components: {
+			'ace-editor': aceEditor
+		},
+		mounted() {
 			// 延迟设置展开的目录，edit比app先初始化
 			setTimeout(() => {
 				this.$emit('initLoadDataList', {
@@ -92,16 +102,6 @@
 					dbName: this.vueQueryParam.dbName
 				});
 			}, 500);
-			let that = this;
-			this.sqlExecutorEditor = this.initAceEditor("sqlExecutorEditor", 20);
-			this.sqlExecutorEditor.setFontSize(16);
-			this.sqlExecutorEditor.commands.addCommand({
-				name: "execute-sql",
-				bindKey: {win: "Ctrl-S", mac: "Command-S"},
-				exec: function (editor) {
-					that.saveProcedure();
-				}
-			});
 			this.initQueryParam(this.$route);
 			this.searchProcedureDetail();
 		},
@@ -111,6 +111,18 @@
 				let newName = {key: this.$route.fullPath, val: '编辑函数-' + this.vueQueryParam.procName};
 				this.$store.commit('global/addTableName', newName);
 			},
+			sqlExecutorInit(editor) {
+				this.sqlExecutorEditor = editor;
+				this.sqlExecutorEditor.setFontSize(16);
+				let that = this;
+				this.sqlExecutorEditor.commands.addCommand({
+					name: "execute-sql",
+					bindKey: {win: "Ctrl-S", mac: "Command-S"},
+					exec: function (editor) {
+						that.saveProcedure();
+					}
+				});
+			},
 			handleCurrentChange(to) {
 				this.currentPage = to;
 				this.searchProcedureLogList();