Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 71e76f0c by liuyong
Options

修改画布

1 parent 56d4c7cd
Inline Side-by-side
Showing with 22 additions and 6 deletions
src/directive/index.js
...@@ -34,7 +34,7 @@ export default function initDirective(vue) { ...@@ -34,7 +34,7 @@ export default function initDirective(vue) {
const value = event.target.value; const value = event.target.value;
console.log(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)) { if (regex.test(value)) {
// 使用 replace 方法替换特殊字为空格 // 使用 replace 方法替换特殊字为空格
......
src/views/archi-ele-list/index.vue
...@@ -49,6 +49,7 @@ ...@@ -49,6 +49,7 @@
<el-table-column prop="elementName" label="元素名称" align="center"></el-table-column> <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="archiLevelName" label="架构层次" align="center"></el-table-column>
<el-table-column prop="archiBelongName" 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 prop="content" label="描述" align="center"></el-table-column>
<el-table-column label="图标" align="center"> <el-table-column label="图标" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -106,26 +107,34 @@ ...@@ -106,26 +107,34 @@
<el-form-item label="架构层次:" prop="let2"> <el-form-item label="架构层次:" prop="let2">
<el-select clearable placeholder="请选择" v-model="ruleForm.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 slot="append" @click="add_select1">
新增 新增
</div> </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-option v-for="item in dialog_select1" :key="item.levelId" :label="item.name" :value="item.levelId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="架构归属:" prop="let3"> <el-form-item label="架构归属:" prop="let3">
<el-select clearable placeholder="请选择" v-model="ruleForm.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 slot="append" @click="add_select2">
新增 新增
</div> </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-option v-for="item in search_select1" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option>
</el-select> </el-select>
</el-form-item> </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-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-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> </el-form-item>
...@@ -235,6 +244,7 @@ export default { ...@@ -235,6 +244,7 @@ export default {
let2: null, let2: null,
let3: null, let3: null,
let4: null, let4: null,
let5: null,
let6: '#FF3B30', let6: '#FF3B30',
}, },
rules: { rules: {
...@@ -250,6 +260,9 @@ export default { ...@@ -250,6 +260,9 @@ export default {
let4: [ let4: [
{ required: true, message: '请输入描述', trigger: 'blur' }, { required: true, message: '请输入描述', trigger: 'blur' },
], ],
let5: [
{ required: true, message: '请选择元素层级', trigger: 'change' },
],
}, },
tableData: [], tableData: [],
add_dialog: false, add_dialog: false,
...@@ -421,6 +434,7 @@ export default { ...@@ -421,6 +434,7 @@ export default {
archiLevelId: this.ruleForm.let2, archiLevelId: this.ruleForm.let2,
archiBelongId: this.ruleForm.let3, archiBelongId: this.ruleForm.let3,
content: this.ruleForm.let4, content: this.ruleForm.let4,
eaLevel: this.ruleForm.let5,
icon: this.selectGraphSrc, icon: this.selectGraphSrc,
iconName: this.selectGraphShape + 'fillColor='+this.ruleForm.let6+';', iconName: this.selectGraphShape + 'fillColor='+this.ruleForm.let6+';',
color: this.ruleForm.let6, color: this.ruleForm.let6,
...@@ -480,6 +494,7 @@ export default { ...@@ -480,6 +494,7 @@ export default {
archiLevelId: this.ruleForm.let2, archiLevelId: this.ruleForm.let2,
archiBelongId: this.ruleForm.let3, archiBelongId: this.ruleForm.let3,
content: this.ruleForm.let4, content: this.ruleForm.let4,
eaLevel: this.ruleForm.let5,
icon: this.selectGraphSrc, icon: this.selectGraphSrc,
iconName: this.selectGraphShape + 'fillColor='+this.ruleForm.let6+';', iconName: this.selectGraphShape + 'fillColor='+this.ruleForm.let6+';',
color: this.ruleForm.let6, color: this.ruleForm.let6,
...@@ -540,6 +555,7 @@ export default { ...@@ -540,6 +555,7 @@ export default {
this.ruleForm.let2 = null; this.ruleForm.let2 = null;
this.ruleForm.let3 = null; this.ruleForm.let3 = null;
this.ruleForm.let4 = null; this.ruleForm.let4 = null;
this.ruleForm.let5 = null;
this.selectGraphSrc = ''; this.selectGraphSrc = '';
this.selectGraphShape = ''; this.selectGraphShape = '';
this.ruleForm.let6 = '#FF3B30'; this.ruleForm.let6 = '#FF3B30';
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!