修改画布

src/directive/index.js

@@ -34,7 +34,7 @@ export default function initDirective(vue) {
 				const value = event.target.value;
 				console.log(value)
 				// 使用正则表达式检测特殊字（根据需要匹配相应限制字符）
-				const regex = /(?:')|(?:-- )|(\/\*(?:.|[\n\r])*?\*\/)|(\b(select|update|and|or|delete|insert|truncate|char|into|substr|ascii|declare|exec|count|master|into|drop|execute)\b)/;
+				const regex = /(?:')|(?:-- )|(\/\*(?:.|[\n\r])*?\*\/)|(\b(select|update|and|or|delete|insert|truncate|char|into|substr|ascii|declare|exec|count|master|into|drop|execute)\b)/i;
 				// 如果输入值包含特殊字符，则替换为空格
 				if (regex.test(value)) {
 					// 使用 replace 方法替换特殊字为空格

src/views/archi-ele-list/index.vue

@@ -49,6 +49,7 @@
 				<el-table-column prop="elementName" label="元素名称" align="center"></el-table-column>
 				<el-table-column prop="archiLevelName" label="架构层次" align="center"></el-table-column>
 				<el-table-column prop="archiBelongName" label="架构归属" align="center"></el-table-column>
+				<el-table-column prop="eaLevel" label="元素层级" align="center"></el-table-column>
 				<el-table-column prop="content" label="描述" align="center"></el-table-column>
 				<el-table-column label="图标" align="center">
 					<template slot-scope="scope">
@@ -106,26 +107,34 @@
 
 						<el-form-item label="架构层次:" prop="let2">
 							<el-select clearable placeholder="请选择" v-model="ruleForm.let2">
-								<el-input placeholder="请输入内容" v-model="add_select_item">
+								<!-- <el-input placeholder="请输入内容" v-model="add_select_item">
 									<div slot="append" @click="add_select1">
 										新增
 									</div>
-								</el-input>
+								</el-input> -->
 								<el-option v-for="item in dialog_select1" :key="item.levelId" :label="item.name" :value="item.levelId"></el-option>
 							</el-select>
 						</el-form-item>
 
 						<el-form-item label="架构归属:" prop="let3">
 							<el-select clearable placeholder="请选择" v-model="ruleForm.let3">
-								<el-input placeholder="请输入内容" v-model="add_select_item2">
+								<!-- <el-input placeholder="请输入内容" v-model="add_select_item2">
 									<div slot="append" @click="add_select2">
 										新增
 									</div>
-								</el-input>
+								</el-input> -->
 								<el-option v-for="item in search_select1" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option>
 							</el-select>
 						</el-form-item>
-
+						<el-form-item label="元素层级:" prop="let5">
+							<el-select clearable placeholder="请选择" v-model="ruleForm.let5" style="width: 200px;">
+								<el-option label="1" :value="1"></el-option>
+								<el-option label="2" :value="2"></el-option>
+								<el-option label="3" :value="3"></el-option>
+								<el-option label="4" :value="4"></el-option>
+								<el-option label="5" :value="5"></el-option>
+							</el-select>
+						</el-form-item>
 						<el-form-item class="cross1" label="描述:" prop="let4">
 							<el-input v-no-backslash type="textarea" :rows="3" maxlength="200" show-word-limit placeholder="请输入内容" class="dialog_form_item_content" v-model="ruleForm.let4"></el-input>
 						</el-form-item>
@@ -235,6 +244,7 @@ export default {
 				let2: null,
 				let3: null,
 				let4: null,
+				let5: null,
 				let6: '#FF3B30',
 			},
 			rules: {
@@ -250,6 +260,9 @@ export default {
 				let4: [
 					{ required: true, message: '请输入描述', trigger: 'blur' },
 				],
+				let5: [
+					{ required: true, message: '请选择元素层级', trigger: 'change' },
+				],
 			},
 			tableData: [],
 			add_dialog: false,
@@ -421,6 +434,7 @@ export default {
 						archiLevelId: this.ruleForm.let2,
 						archiBelongId: this.ruleForm.let3,
 						content: this.ruleForm.let4,
+						eaLevel: this.ruleForm.let5,
 						icon: this.selectGraphSrc,
 						iconName: this.selectGraphShape + 'fillColor='+this.ruleForm.let6+';',
 						color: this.ruleForm.let6,
@@ -480,6 +494,7 @@ export default {
 						archiLevelId: this.ruleForm.let2,
 						archiBelongId: this.ruleForm.let3,
 						content: this.ruleForm.let4,
+						eaLevel: this.ruleForm.let5,
 						icon: this.selectGraphSrc,
 						iconName: this.selectGraphShape + 'fillColor='+this.ruleForm.let6+';',
 						color: this.ruleForm.let6,
@@ -540,6 +555,7 @@ export default {
 				this.ruleForm.let2 = null;
 				this.ruleForm.let3 = null;
 				this.ruleForm.let4 = null;
+				this.ruleForm.let5 = null;
 				this.selectGraphSrc = '';
 				this.selectGraphShape = '';
 				this.ruleForm.let6 = '#FF3B30';