|
|
|
|
@ -93,6 +93,7 @@
|
|
|
|
|
|
|
|
|
|
<el-form-item label-width="0" prop="certificateType"> |
|
|
|
|
<el-tabs @tab-click="handleChlickTab" style="width: 100%"> |
|
|
|
|
|
|
|
|
|
<el-tab-pane label="定制品"> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
@ -102,6 +103,18 @@
|
|
|
|
|
v-if="orderAdd" |
|
|
|
|
>新 增</el-button |
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
<div class="el_multifunctional"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="multifunctional" |
|
|
|
|
placeholder="请输入要搜索的值,多条件用英文逗号拼接" |
|
|
|
|
clearable |
|
|
|
|
@clear="soclear" |
|
|
|
|
/> |
|
|
|
|
<el-button type="primary" @click="SearchFu" |
|
|
|
|
><el-icon><Plus /></el-icon>搜索</el-button |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
<tablecmt |
|
|
|
|
class="tablesc" |
|
|
|
|
:columnList="columnListedit" |
|
|
|
|
@ -112,6 +125,7 @@
|
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionChange" |
|
|
|
|
:searchInput="multifunctional" |
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
@ -646,6 +660,7 @@ export default {
|
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
tabletit: '', //记录当前点击的标题栏 |
|
|
|
|
multifunctional:'', //编辑订单搜索 |
|
|
|
|
dialogImg: false, |
|
|
|
|
Imgurl: undefined, |
|
|
|
|
Selfpickuploading: false, //页面加载 |
|
|
|
|
@ -2063,6 +2078,57 @@ export default {
|
|
|
|
|
orderSelectChange(list) { |
|
|
|
|
this.order.selectList = list; |
|
|
|
|
}, |
|
|
|
|
scrollToElementWithinTableRow(partialIdString) { |
|
|
|
|
// 清空之前的样式 |
|
|
|
|
const tableRows = document.querySelectorAll('tr'); |
|
|
|
|
tableRows.forEach(function(row) { |
|
|
|
|
const cells = row.querySelectorAll('[id]'); |
|
|
|
|
cells.forEach(function(cell) { |
|
|
|
|
cell.style.backgroundColor = ''; // 移除背景颜色 |
|
|
|
|
cell.style.color = ''; // 移除文字颜色 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 统一逗号分隔符：将中文逗号替换为英文逗号，并去除可能的前后空格 |
|
|
|
|
const partialIds = partialIdString.replace(/，/g, ',').split(',').map(id => id.trim()); |
|
|
|
|
|
|
|
|
|
// 逐行检查是否含有所有partialIds |
|
|
|
|
for (let row of tableRows) { |
|
|
|
|
let allIdsFound = partialIds.every(partialId => { |
|
|
|
|
return Array.from(row.querySelectorAll('[id]')).some(cell => cell.id.includes(partialId)); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
if (allIdsFound) { |
|
|
|
|
// 行包含所有partialIds, 则高亮显示并滚动到该行 |
|
|
|
|
const cells = row.querySelectorAll('[id]'); |
|
|
|
|
cells.forEach(function(cell) { |
|
|
|
|
cell.style.backgroundColor = '#ff0000'; |
|
|
|
|
cell.style.color = '#fff'; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 滚动到视图中央 |
|
|
|
|
row.scrollIntoView({ behavior: 'smooth', block: 'center' }); |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 编辑多功能搜索 |
|
|
|
|
SearchFu(){ |
|
|
|
|
console.log(this.multifunctional, '搜索的参数值'); |
|
|
|
|
if (this.multifunctional) { |
|
|
|
|
this.scrollToElementWithinTableRow(this.multifunctional); |
|
|
|
|
} else { |
|
|
|
|
document.querySelectorAll('[id]').forEach(function (el) { |
|
|
|
|
el.style.backgroundColor = ''; // 移除背景颜色 |
|
|
|
|
el.style.color = ''; // 移除文字颜色 |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
return; |
|
|
|
|
// console.log(dataInfo.value, '搜索结果'); |
|
|
|
|
}, |
|
|
|
|
soclear (){ |
|
|
|
|
this.SearchFu(); |
|
|
|
|
}, |
|
|
|
|
orderTimesc(index, row) { |
|
|
|
|
if (!!index) { |
|
|
|
|
index = dayjs(index).format('YYYY-MM-DD'); |
|
|
|
|
@ -3425,4 +3491,16 @@ if (val.orderPackageStatus == 70) {
|
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_multifunctional { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
width: 24%; |
|
|
|
|
.el-input { |
|
|
|
|
margin-right: 4px; |
|
|
|
|
} |
|
|
|
|
button { |
|
|
|
|
width: 100px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
