|
@@ -214,6 +214,33 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
+
|
|
|
|
+ <span>快捷搜索</span>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="1.5">
|
|
|
|
+ <el-form-item label="物料编码搜索">
|
|
|
|
+ <el-input
|
|
|
|
+ style="width: 200px"
|
|
|
|
+ clearable
|
|
|
|
+ :size="size"
|
|
|
|
+ v-model.trim="params.parameters"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="1.5">
|
|
|
|
+ <el-form-item label="规格型号搜索">
|
|
|
|
+ <el-input
|
|
|
|
+ style="width: 200px"
|
|
|
|
+ clearable
|
|
|
|
+ :size="size"
|
|
|
|
+ v-model.trim="params.parameters2"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
<div class="btn_group">
|
|
<div class="btn_group">
|
|
@@ -344,7 +371,11 @@
|
|
title="物料编码"
|
|
title="物料编码"
|
|
field="itemCode"
|
|
field="itemCode"
|
|
align="center"
|
|
align="center"
|
|
- />
|
|
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span v-html="showData(scope.row.itemCode, params.parameters)"></span>
|
|
|
|
+ </template>
|
|
|
|
+ </ux-table-column>
|
|
<ux-table-column
|
|
<ux-table-column
|
|
resizable
|
|
resizable
|
|
title="物料名称"
|
|
title="物料名称"
|
|
@@ -356,7 +387,11 @@
|
|
title="规格型号"
|
|
title="规格型号"
|
|
field="itemSpec"
|
|
field="itemSpec"
|
|
align="center"
|
|
align="center"
|
|
- />
|
|
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span v-html="showDatas(scope.row.itemSpec, params.parameters2)"></span>
|
|
|
|
+ </template>
|
|
|
|
+ </ux-table-column>
|
|
<ux-table-column
|
|
<ux-table-column
|
|
resizable
|
|
resizable
|
|
title="厂家"
|
|
title="厂家"
|
|
@@ -447,6 +482,10 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ params: {
|
|
|
|
+ parameters: '',
|
|
|
|
+ parameters2: ''
|
|
|
|
+ },
|
|
size: "mini",
|
|
size: "mini",
|
|
// 不能直接改变props传来的值
|
|
// 不能直接改变props传来的值
|
|
sonPageStu: this.pageStu,
|
|
sonPageStu: this.pageStu,
|
|
@@ -523,6 +562,28 @@ export default {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ showData(val, searchData) {
|
|
|
|
+ // 不区分大小写 const Reg = new RegExp(searchData, 'i');
|
|
|
|
+ // 全局替换 const Reg = new RegExp(searchData, 'g');
|
|
|
|
+ const Reg = new RegExp(searchData, 'ig');
|
|
|
|
+ if (val) {
|
|
|
|
+ // 注意 这里推荐使用正则占位符$& 不使用${searchData} 因为当这里使用正则表达式(i)不区分大小写时,如果你的文本是大写,搜索的关键字是小写,匹配结果会替换掉大写的文本
|
|
|
|
+ // const res = val.replace(Reg, `<span style="background-color: yellow;">${searchData}</span>`);
|
|
|
|
+ const res = val.replace(Reg, `<span style="background-color: yellow;">$&</span>`);
|
|
|
|
+ return res;
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ showDatas(val, searchData) {
|
|
|
|
+ // 不区分大小写 const Reg = new RegExp(searchData, 'i');
|
|
|
|
+ // 全局替换 const Reg = new RegExp(searchData, 'g');
|
|
|
|
+ const Reg = new RegExp(searchData, 'ig');
|
|
|
|
+ if (val) {
|
|
|
|
+ // 注意 这里推荐使用正则占位符$& 不使用${searchData} 因为当这里使用正则表达式(i)不区分大小写时,如果你的文本是大写,搜索的关键字是小写,匹配结果会替换掉大写的文本
|
|
|
|
+ // const res = val.replace(Reg, `<span style="background-color: yellow;">${searchData}</span>`);
|
|
|
|
+ const res = val.replace(Reg, `<span style="background-color: palegreen;">$&</span>`);
|
|
|
|
+ return res;
|
|
|
|
+ }
|
|
|
|
+ },
|
|
getToFixed(prop, val = 2) {
|
|
getToFixed(prop, val = 2) {
|
|
return Number(prop.toFixed(val));
|
|
return Number(prop.toFixed(val));
|
|
},
|
|
},
|