Skip to content

liangzhen / framework-tools-web

Go to a project
Commit 56d4c7cd by liuyong
Options

修改画布

1 parent 55cb98ab
Inline Side-by-side
Showing with 45 additions and 22 deletions
src/directive/index.js
......@@ -24,5 +24,28 @@ export default function initDirective(vue) {
})
}
})
vue.directive('no-backslash', {
// bind 钩子函数会在指令绑定到元素时调用
bind(el, binding, vnode) {
// 绑定 @input 监听方法
el.addEventListener('input', function (event) {
// 获取输入的值
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)/;
// 如果输入值包含特殊字符，则替换为空格
if (regex.test(value)) {
// 使用 replace 方法替换特殊字为空格
const newValue = value.replace(regex, ' ');
// 将新值设置回输入框
event.target.value = newValue;
// 触发 @input 事件，使其更新组件中的数据
vnode.componentInstance.$emit('input', newValue);
}
});
},
});
}
src/views/archi-ele-list/index.vue
......@@ -5,7 +5,7 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">元素名称</span>
<el-input v-model="query_item3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash v-model="query_item3" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">架构归属</span>
......@@ -101,7 +101,7 @@
<el-form :model="ruleForm" :rules="rules" ref="form">
<div class="form_item_container">
<el-form-item label="元素名称:" prop="let1">
<el-input v-model="ruleForm.let1" maxlength="100"></el-input>
<el-input v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="架构层次:" prop="let2">
......@@ -127,7 +127,7 @@
</el-form-item>
<el-form-item class="cross1" label="描述:" prop="let4">
<el-input 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>
<div class="dialog_form_item3">
......
src/views/archi-view-manage/index.vue
......@@ -119,7 +119,7 @@
<div class="add_dialog_content">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item label="版本名称" prop="name">
<el-input v-model="ruleForm.name" maxlength="100"></el-input>
<el-input v-no-backslash v-model="ruleForm.name" maxlength="100"></el-input>
</el-form-item>
</el-form>
</div>
......
src/views/busi-assets-list/index.vue
<template>
<div class="busiAssetslist">
<div class="left_container">
<el-input placeholder="请输入搜索内容" v-model="filterText" prefix-icon="el-icon-search"></el-input>
<el-input v-no-backslash placeholder="请输入搜索内容" v-model="filterText" prefix-icon="el-icon-search"></el-input>
<el-tree
class="filter-tree"
:data="treeData"
......
src/views/meta-model-list/index.vue
......@@ -11,7 +11,7 @@
<el-dropdown-item command="基于模版绘图">基于模版绘图</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<el-input v-model="query_item1" @change="search_list" placeholder="请输入内容" class="search_item" prefix-icon="el-icon-search"></el-input>
<el-input v-no-backslash v-model="query_item1" @change="search_list" placeholder="请输入内容" class="search_item" prefix-icon="el-icon-search"></el-input>
<div class="query_btn">
<p>版本分析</p>
</div>
......@@ -89,7 +89,7 @@
<div class="add_dialog_content">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
<el-form-item label="版本名称" prop="name">
<el-input v-model="ruleForm.name" maxlength="100"></el-input>
<el-input v-no-backslash v-model="ruleForm.name" maxlength="100"></el-input>
</el-form-item>
</el-form>
</div>
......
src/views/report-template-fabric/index.vue
......@@ -5,7 +5,7 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">模板名称</span>
<el-input maxlength="100" v-model="searchParams.tempName" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash maxlength="100" v-model="searchParams.tempName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">模板类型</span>
......@@ -103,7 +103,7 @@
<el-form :model="ruleForm" :rules="rules" ref="form">
<div class="form_item_container">
<el-form-item label="模版名称:" prop="let1">
<el-input maxlength="100" v-model="ruleForm.let1"></el-input>
<el-input v-no-backslash maxlength="100" v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="模版类型:" prop="let2">
<el-select clearable v-model="ruleForm.let2" placeholder="请选择" style="width: 210px;">
......@@ -126,7 +126,7 @@
</el-upload>
</el-form-item>
<el-form-item class="cross1" label="备注:" prop="let4">
<el-input type="textarea" v-model="ruleForm.let4" maxlength="200" show-word-limit></el-input>
<el-input v-no-backslash type="textarea" v-model="ruleForm.let4" maxlength="200" show-word-limit></el-input>
</el-form-item>
</div>
</el-form>
......
src/views/report-template-relative-use/index.vue
......@@ -5,15 +5,15 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">单位</span>
<el-input maxlength="100" v-model="searchParams.deptName" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash maxlength="100" v-model="searchParams.deptName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="margin-right: 50px;">
<span class="search_title">系统名称</span>
<el-input maxlength="100" v-model="searchParams.appName" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash maxlength="100" v-model="searchParams.appName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">项目名称</span>
<el-input maxlength="100" v-model="searchParams.projectName" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash maxlength="100" v-model="searchParams.projectName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">模版名称</span>
......@@ -103,7 +103,7 @@
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select> -->
<el-input maxlength="100" v-model="ruleForm.let1"></el-input>
<el-input v-no-backslash maxlength="100" v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="系统名称:" prop="let2">
<!-- <el-select v-model="ruleForm.let2" placeholder="请选择">
......@@ -111,7 +111,7 @@
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select> -->
<el-input maxlength="100" v-model="ruleForm.let2"></el-input>
<el-input v-no-backslash maxlength="100" v-model="ruleForm.let2"></el-input>
</el-form-item>
<el-form-item label="项目名称:" prop="let3">
<!-- <el-select v-model="ruleForm.let3" placeholder="请选择">
......@@ -119,7 +119,7 @@
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select> -->
<el-input maxlength="100" v-model="ruleForm.let3"></el-input>
<el-input v-no-backslash maxlength="100" v-model="ruleForm.let3"></el-input>
</el-form-item>
<el-form-item label="模板名称:" prop="let4">
<el-select clearable v-model="ruleForm.let4" placeholder="请选择" style="width: 210px;">
......
src/views/tech-politics-fabric/index.vue
......@@ -5,7 +5,7 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">政策名称</span>
<el-input v-model="searchParams.tpoName" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash v-model="searchParams.tpoName" maxlength="100" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="margin-right: 50px;">
<span class="search_title">启用时间</span>
......@@ -113,7 +113,7 @@
<el-form :model="ruleForm" :rules="rules" ref="form">
<div class="form_item_container">
<el-form-item label="政策名称:" prop="let1">
<el-input v-model="ruleForm.let1" maxlength="100"></el-input>
<el-input v-no-backslash v-model="ruleForm.let1" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="适用范围:" prop="let2">
<el-select clearable v-model="ruleForm.let2" placeholder="请选择">
......@@ -121,7 +121,7 @@
</el-select>
</el-form-item>
<el-form-item label="发布部门:" prop="let3">
<el-input v-model="ruleForm.let3" maxlength="100"></el-input>
<el-input v-no-backslash v-model="ruleForm.let3" maxlength="100"></el-input>
</el-form-item>
<el-form-item label="级别:" prop="let4" style="margin-left: 27px;width: 30.5%;">
<el-select clearable v-model="ruleForm.let4" placeholder="请选择" style="width: 200px;">
......@@ -144,10 +144,10 @@
</el-select>
</el-form-item>
<el-form-item class="cross1" label="政策描述:" prop="let7">
<el-input type="textarea" v-model="ruleForm.let7" maxlength="200" show-word-limit></el-input>
<el-input v-no-backslash type="textarea" v-model="ruleForm.let7" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross2" label="备注:" prop="let8">
<el-input type="textarea" v-model="ruleForm.let8" maxlength="200" show-word-limit></el-input>
<el-input v-no-backslash type="textarea" v-model="ruleForm.let8" maxlength="200" show-word-limit></el-input>
</el-form-item>
</div>
</el-form>
......
src/views/tech-politics-relative-use/index.vue
......@@ -5,7 +5,7 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">政策名称</span>
<el-input maxlength="100" v-model="searchParams.tpoName" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-no-backslash maxlength="100" v-model="searchParams.tpoName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">符合度</span>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!