0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 物模型映射搜索

This commit is contained in:
100011797 2023-07-06 14:56:31 +08:00
parent 9acec4efa1
commit 99637f0938
2 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/device/Instance/Detail/MetadataMap/index.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="metadata-map">
<div class="left">
<j-input-search
style="width: 350px; margin-bottom: 24px"
placeholder="搜索平台属性名称"
allowClear
@search="search"
/>
<j-space style="margin-bottom: 24px">
<j-select @change="onSearchChange" show-search allow-clear placeholder="请选择属性名称" style="width: 250px;">
<j-select-option :label="item.name" v-for="item in dataSourceCache" :value="item?.id" :key="item?.id">{{item?.name}}</j-select-option>
</j-select>
<j-button type="primary" @click="onSearch"><AIcon type="SearchOutlined" /></j-button>
</j-space>
<div class="box">
<j-scrollbar height="100%">
<j-table
@ -150,6 +150,7 @@ const filterValue = ref<boolean | undefined>(undefined);
const originalData = ref([]);
const _value = ref<any>(undefined);
const searchValue = ref<any>(undefined);
const columns = [
{
@ -216,10 +217,14 @@ const customRow = (record: any) => {
};
};
const search = (value: string) => {
if (value) {
const onSearchChange = (_: any, options: any) => {
searchValue.value = options?.label
}
const onSearch = () => {
if (searchValue.value) {
const _item: any = dataSourceCache.value.find((item: any) => {
return value === item?.name;
return searchValue.value === item?.name;
});
if(_item) {
_value.value = _item?.name;

32
src/views/device/Product/Detail/MetadataMap/index.vue
View File

@ -1,12 +1,12 @@
<template>
<div class="metadata-map">
<div class="left">
<j-input-search
style="width: 350px; margin-bottom: 24px"
placeholder="搜索平台属性名称"
allowClear
@search="search"
/>
<j-space style="margin-bottom: 24px">
<j-select @change="onSearchChange" show-search allow-clear placeholder="请选择属性名称" style="width: 250px;">
<j-select-option :label="item.name" v-for="item in dataSourceCache" :value="item?.id" :key="item?.id">{{item?.name}}</j-select-option>
</j-select>
<j-button type="primary" @click="onSearch"><AIcon type="SearchOutlined" /></j-button>
</j-space>
<div class="box">
<j-scrollbar height="100%">
<j-table
@ -150,6 +150,7 @@ const pluginOptions = ref<any[]>([]);
const filterValue = ref<boolean | undefined>(undefined);
const originalData = ref([]);
const searchValue = ref<any>(undefined);
// const tableFilter = (value: string, record: any) => {
// return true
@ -210,27 +211,20 @@ const getMetadataMapData = () => {
});
};
// const search = (value: string) => {
// if (value) {
// dataSource.value = dataSourceCache.value.filter((item: any) => {
// return !!item.name?.includes(value)
// })
// } else {
// dataSource.value = dataSourceCache.value
// }
// }
const customRow = (record: any) => {
return {
id: record.id,
class: _value.value === record?.name ? 'metadata-search-row' : '',
};
};
const onSearchChange = (_: any, options: any) => {
searchValue.value = options?.label
}
const search = (value: string) => {
if (value) {
const onSearch = () => {
if (searchValue.value) {
const _item: any = dataSourceCache.value.find((item: any) => {
return value === item?.name;
return searchValue.value === item?.name;
});
if(_item) {
_value.value = _item?.name;