门户如果未选中类型进行全局搜索

This commit is contained in:
a0049873 2022-11-07 14:43:28 +08:00
parent ece77758fe
commit 383289ea94
1 changed files with 2141 additions and 1831 deletions

View File

@ -12,25 +12,48 @@
<div class="resultListSearchInput-father"> <div class="resultListSearchInput-father">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources2" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources2"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
<button class="button-reset" style="margin-left: 0.1rem" @click="globalSearch()"> <button
class="button-reset"
style="margin-left: 0.1rem"
@click="globalSearch()"
>
全局搜索 全局搜索
</button> </button>
<button v-if="Cardsname == '应用资源'" class="button-reset" @click="applyAll()" style="margin-left: 0.1rem"> <button
v-if="Cardsname == '应用资源'"
class="button-reset"
@click="applyAll()"
style="margin-left: 0.1rem"
>
全部申请 全部申请
</button> </button>
<div class="hengxian" style="background: transparent"></div> <div class="hengxian" style="background: transparent"></div>
</div> </div>
</div> </div>
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span v-if="globalData.data.length > 0"> <span v-if="globalData.data.length > 0">
{{ {{
item.name + item.name +
@ -46,45 +69,89 @@
</div> </div>
</div> </div>
<div class="top-content-father" :key="listKey"> <div class="top-content-father" :key="listKey">
<template v-if=" <template
v-if="
Cardsname == '组件服务' || Cardsname == '组件服务' ||
Cardsname == '应用资源' || Cardsname == '应用资源' ||
Cardsname == '' Cardsname == ''
"> "
>
<div class="top-content-son"> <div class="top-content-son">
<div v-for="(item, index) in ListContent.records" :key="index" class="top-content"> <div
v-for="(item, index) in ListContent.records"
:key="index"
class="top-content"
>
<span class="top-content-title"> <span class="top-content-title">
{{ item.name }} {{ item.name }}
</span> </span>
<div class="leixingsumfather" :class="!item.shrinkFlag ? 'shrink' : ''"> <div
<div v-for="(item2, index2) in item.typeList" :key="index2" class="leixingsum"> class="leixingsumfather"
<a-checkable-tag :checked=" :class="!item.shrinkFlag ? 'shrink' : ''"
>
<div
v-for="(item2, index2) in item.typeList"
:key="index2"
class="leixingsum"
>
<a-checkable-tag
:checked="
item.selectedTags && item.selectedTags &&
item.selectedTags.indexOf(item2.dict_label) !== -1 item.selectedTags.indexOf(item2.dict_label) !== -1
" @change=" "
@change="
(checked) => handleChange(item2, checked, item.name) (checked) => handleChange(item2, checked, item.name)
"> "
>
{{ item2.dict_label }} {{ item2.dict_label }}
</a-checkable-tag> </a-checkable-tag>
</div> </div>
</div> </div>
<div class="shrinkTag" v-if="item.showShrink" :key="item.shrinkFlag"> <div
<up-outlined v-show="!item.shrinkFlag" @click="changeShrink(item.name)" /> class="shrinkTag"
<down-outlined v-show="item.shrinkFlag" @click="changeShrink(item.name)" /> v-if="item.showShrink"
:key="item.shrinkFlag"
>
<up-outlined
v-show="!item.shrinkFlag"
@click="changeShrink(item.name)"
/>
<down-outlined
v-show="item.shrinkFlag"
@click="changeShrink(item.name)"
/>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :resourceList="resourceList" <searchResultList
:key="listKey2" :resourceTotal="resourceTotal" :select-cardsname="Cardsname" v-show="resourceList.data && resourceList.data.length > 0"
@saveSearchCodition="saveSearchCodition" ref="searchResultListDom" /> :resourceList="resourceList"
:key="listKey2"
:resourceTotal="resourceTotal"
:select-cardsname="Cardsname"
@saveSearchCodition="saveSearchCodition"
ref="searchResultListDom"
/>
<div class="pagination"> <div class="pagination">
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage" <a-pagination
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal" v-if="resourceList.data && resourceList.data.length > 0"
:page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" /> v-model:current="currentPage"
v-model:pageSize="currentPageSize"
show-size-changer
show-less-items
show-quick-jumper
:total="resourceTotal"
:page-size-options="pageSizeOptions"
@change="pageChange"
@showSizeChange="onShowSizeChange"
/>
</div> </div>
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem"> <div
v-if="resourceList.data && resourceList.data.length <= 0"
style="margin-top: 2rem"
>
<a-empty /> <a-empty />
</div> </div>
</div> </div>
@ -92,22 +159,40 @@
<div class="resultListSearchInput-father"> <div class="resultListSearchInput-father">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources2" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources2"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
<button class="button-reset" style="margin-left: 0.1rem" @click="globalSearch()"> <button
class="button-reset"
style="margin-left: 0.1rem"
@click="globalSearch()"
>
全局搜索 全局搜索
</button> </button>
<div class="hengxian" style="background: transparent"></div> <div class="hengxian" style="background: transparent"></div>
</div> </div>
</div> </div>
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span v-if="globalData.data.length > 0"> <span v-if="globalData.data.length > 0">
{{ {{
item.name + item.name +
@ -123,29 +208,51 @@
</div> </div>
</div> </div>
<div class="top-content-father"> <div class="top-content-father">
<infrastructurePage ref="camera" @add="handleAdd" :searchValue="searchValue" /> <infrastructurePage
ref="camera"
@add="handleAdd"
:searchValue="searchValue"
/>
</div> </div>
</div> </div>
<div class="top" v-else> <div class="top" v-else>
<div class="resultListSearchInput-father"> <div class="resultListSearchInput-father">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources2" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources2"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
<button class="button-reset" style="margin-left: 0.1rem" @click="globalSearch()"> <button
class="button-reset"
style="margin-left: 0.1rem"
@click="globalSearch()"
>
全局搜索 全局搜索
</button> </button>
<div class="hengxian" style="background: transparent"></div> <div class="hengxian" style="background: transparent"></div>
</div> </div>
</div> </div>
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span v-if="globalData.data.length > 0"> <span v-if="globalData.data.length > 0">
{{ {{
item.name + item.name +
@ -160,7 +267,10 @@
</span> </span>
</div> </div>
</div> </div>
<KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase> <KnowledgeBase
:resourceList="resourceList"
:resourceTotal="resourceTotal"
></KnowledgeBase>
</div> </div>
<div class="talk-monitor" @click="openMonitor"> <div class="talk-monitor" @click="openMonitor">
<a-tooltip> <a-tooltip>
@ -172,14 +282,21 @@
<p></p> <p></p>
<p>能力广场</p> <p>能力广场</p>
<ul v-show="visibleAbilitySquare"> <ul v-show="visibleAbilitySquare">
<li v-for="item in abilitySquare" :key="item" @click="abilitySquareFunction(item)"> <li
v-for="item in abilitySquare"
:key="item"
@click="abilitySquareFunction(item)"
>
{{ item }} {{ item }}
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- 西海岸 --> <!-- 西海岸 -->
<div class="details-pageconetent" v-else-if="whoShow1 && whoShow1.itShowXiHaiAn"> <div
class="details-pageconetent"
v-else-if="whoShow1 && whoShow1.itShowXiHaiAn"
>
<home-header></home-header> <home-header></home-header>
<div class="details-pageconetent-left" v-if="Cardsname != '基础设施'"> <div class="details-pageconetent-left" v-if="Cardsname != '基础设施'">
<detailsPageconetentTree /> <detailsPageconetentTree />
@ -189,102 +306,188 @@
</div> </div>
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'"> <div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
<div class="resultListSearchInput-father"> <div class="resultListSearchInput-father">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
<div class="hengxian"></div> <div class="hengxian"></div>
</div> </div>
</div> </div>
<div class="top-content-father" :key="listKey"> <div class="top-content-father" :key="listKey">
<template v-if=" <template
v-if="
Cardsname == '组件服务' || Cardsname == '组件服务' ||
Cardsname == '应用资源' || Cardsname == '应用资源' ||
Cardsname == '' Cardsname == ''
"> "
>
<div class="top-content-son"> <div class="top-content-son">
<div v-for="(item, index) in ListContent.records" :key="index" class="top-content"> <div
v-for="(item, index) in ListContent.records"
:key="index"
class="top-content"
>
<span class="top-content-title"> <span class="top-content-title">
{{ item.name }} {{ item.name }}
</span> </span>
<div class="leixingsumfather" :class="!item.shrinkFlag ? 'shrink' : ''"> <div
<div v-for="(item2, index2) in item.typeList" :key="index2" class="leixingsum"> class="leixingsumfather"
<a-checkable-tag :checked=" :class="!item.shrinkFlag ? 'shrink' : ''"
>
<div
v-for="(item2, index2) in item.typeList"
:key="index2"
class="leixingsum"
>
<a-checkable-tag
:checked="
item.selectedTags && item.selectedTags &&
item.selectedTags.indexOf(item2.dict_label) !== -1 item.selectedTags.indexOf(item2.dict_label) !== -1
" @change=" "
@change="
(checked) => handleChange(item2, checked, item.name) (checked) => handleChange(item2, checked, item.name)
"> "
>
{{ item2.dict_label }} {{ item2.dict_label }}
</a-checkable-tag> </a-checkable-tag>
</div> </div>
</div> </div>
<div class="shrinkTag" v-if="item.showShrink" :key="item.shrinkFlag"> <div
<up-outlined v-show="!item.shrinkFlag" @click="changeShrink(item.name)" /> class="shrinkTag"
<down-outlined v-show="item.shrinkFlag" @click="changeShrink(item.name)" /> v-if="item.showShrink"
:key="item.shrinkFlag"
>
<up-outlined
v-show="!item.shrinkFlag"
@click="changeShrink(item.name)"
/>
<down-outlined
v-show="item.shrinkFlag"
@click="changeShrink(item.name)"
/>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2" <searchResultList
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname" v-show="resourceList.data && resourceList.data.length > 0"
@saveSearchCodition="saveSearchCodition" ref="searchResultListDom" /> :key="listKey2"
:resourceList="resourceList"
:resourceTotal="resourceTotal"
:select-cardsname="Cardsname"
@saveSearchCodition="saveSearchCodition"
ref="searchResultListDom"
/>
<div class="pagination"> <div class="pagination">
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage" <a-pagination
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal" v-if="resourceList.data && resourceList.data.length > 0"
:page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" /> v-model:current="currentPage"
v-model:pageSize="currentPageSize"
show-size-changer
show-less-items
show-quick-jumper
:total="resourceTotal"
:page-size-options="pageSizeOptions"
@change="pageChange"
@showSizeChange="onShowSizeChange"
/>
</div> </div>
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem"> <div
v-if="resourceList.data && resourceList.data.length <= 0"
style="margin-top: 2rem"
>
<a-empty /> <a-empty />
</div> </div>
</div> </div>
<div class="top" v-else-if="Cardsname === '基础设施'"> <div class="top" v-else-if="Cardsname === '基础设施'">
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
<div class="top-content-father"> <div class="top-content-father">
<infrastructurePage ref="camera" :searchValue="searchValue" :searchType="searchType" /> <infrastructurePage
ref="camera"
:searchValue="searchValue"
:searchType="searchType"
/>
</div> </div>
</div> </div>
<div class="top" v-else> <div class="top" v-else>
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
<div class="resultListSearchInput-father" style="background: unset"> <div class="resultListSearchInput-father" style="background: unset">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
</div> </div>
</div> </div>
<KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase> <KnowledgeBase
:resourceList="resourceList"
:resourceTotal="resourceTotal"
></KnowledgeBase>
</div> </div>
<div class="talk-monitor" @click="openMonitor"> <div class="talk-monitor" @click="openMonitor">
<a-tooltip> <a-tooltip>
@ -294,76 +497,140 @@
</div> </div>
</div> </div>
<!-- 包头 --> <!-- 包头 -->
<div class="details-pageconetent" v-else-if="whoShow1 && whoShow1.itShowBaoTou"> <div
class="details-pageconetent"
v-else-if="whoShow1 && whoShow1.itShowBaoTou"
>
<home-header></home-header> <home-header></home-header>
<div class="details-pageconetent-left"> <div class="details-pageconetent-left">
<detailsPageconetentTree /> <detailsPageconetentTree />
</div> </div>
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '数据资源'"> <div class="top" v-if="Cardsname != '知识库' && Cardsname != '数据资源'">
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
<div v-show="Cardsname !== '数据资源'" class="resultListSearchInput-father"> <div
v-show="Cardsname !== '数据资源'"
class="resultListSearchInput-father"
>
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
<div class="hengxian"></div> <div class="hengxian"></div>
</div> </div>
</div> </div>
<div class="top-content-father" :key="listKey"> <div class="top-content-father" :key="listKey">
<!-- todo --> <!-- todo -->
<template v-if=" <template
v-if="
Cardsname == '组件服务' || Cardsname == '组件服务' ||
Cardsname == '应用资源' || Cardsname == '应用资源' ||
Cardsname == '' Cardsname == ''
"> "
>
<div class="top-content-son"> <div class="top-content-son">
<div v-for="(item, index) in ListContent.records" :key="index" class="top-content"> <div
v-for="(item, index) in ListContent.records"
:key="index"
class="top-content"
>
<span class="top-content-title"> <span class="top-content-title">
{{ item.name }} {{ item.name }}
</span> </span>
<div class="leixingsumfather" :class="!item.shrinkFlag ? 'shrink' : ''"> <div
<div v-for="(item2, index2) in item.typeList" :key="index2" class="leixingsum"> class="leixingsumfather"
<a-checkable-tag :checked=" :class="!item.shrinkFlag ? 'shrink' : ''"
>
<div
v-for="(item2, index2) in item.typeList"
:key="index2"
class="leixingsum"
>
<a-checkable-tag
:checked="
item.selectedTags && item.selectedTags &&
item.selectedTags.indexOf(item2.dict_label) !== -1 item.selectedTags.indexOf(item2.dict_label) !== -1
" @change=" "
@change="
(checked) => handleChange(item2, checked, item.name) (checked) => handleChange(item2, checked, item.name)
"> "
>
{{ item2.dict_label }} {{ item2.dict_label }}
</a-checkable-tag> </a-checkable-tag>
</div> </div>
</div> </div>
<div class="shrinkTag" v-if="item.showShrink" :key="item.shrinkFlag"> <div
<up-outlined v-show="!item.shrinkFlag" @click="changeShrink(item.name)" /> class="shrinkTag"
<down-outlined v-show="item.shrinkFlag" @click="changeShrink(item.name)" /> v-if="item.showShrink"
:key="item.shrinkFlag"
>
<up-outlined
v-show="!item.shrinkFlag"
@click="changeShrink(item.name)"
/>
<down-outlined
v-show="item.shrinkFlag"
@click="changeShrink(item.name)"
/>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
<searchResultList v-show="resourceList.data && resourceList.data.length" :key="listKey2" <searchResultList
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname" v-show="resourceList.data && resourceList.data.length"
@saveSearchCodition="saveSearchCodition" ref="searchResultListDom" /> :key="listKey2"
:resourceList="resourceList"
:resourceTotal="resourceTotal"
:select-cardsname="Cardsname"
@saveSearchCodition="saveSearchCodition"
ref="searchResultListDom"
/>
<div class="pagination"> <div class="pagination">
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage" <a-pagination
v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal" v-if="resourceList.data && resourceList.data.length > 0"
:page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" /> v-model:current="currentPage"
v-model:pageSize="currentPageSize"
show-size-changer
show-less-items
show-quick-jumper
:total="resourceTotal"
:page-size-options="pageSizeOptions"
@change="pageChange"
@showSizeChange="onShowSizeChange"
/>
</div> </div>
<div class="shujuziyuan" v-if="Cardsname == '数据资源'"> <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
<div class="yunziyuan"> <div class="yunziyuan">
<div class="yunziyuan-title"> <div class="yunziyuan-title">
<div class="tupian"></div> <div class="tupian"></div>
<div class="title" @click="dianjitiaozhaun('青岛市政务资源管理平台')"> <div
class="title"
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
>
青岛市政务资源管理平台{{ dataShowdev }} 青岛市政务资源管理平台{{ dataShowdev }}
</div> </div>
</div> </div>
@ -379,18 +646,28 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem"> <div
v-if="resourceList.data && resourceList.data.length <= 0"
style="margin-top: 2rem"
>
<a-empty v-if="!(Cardsname == '数据资源')" /> <a-empty v-if="!(Cardsname == '数据资源')" />
</div> </div>
</div> </div>
<div class="top" v-else-if="Cardsname == '数据资源'"> <div class="top" v-else-if="Cardsname == '数据资源'">
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
@ -398,24 +675,41 @@
</div> </div>
<div class="top" v-else> <div class="top" v-else>
<div class="top-title"> <div class="top-title">
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''" <div
@click="changeCards(item.name)"> v-for="item in titleName"
<span class="photo" :style="{ :key="item.name"
:class="item.name === Cardsname ? 'sel' : ''"
@click="changeCards(item.name)"
>
<span
class="photo"
:style="{
backgroundImage: `url(${item.photo}) `, backgroundImage: `url(${item.photo}) `,
backgroundSize: 'cover', backgroundSize: 'cover',
}"></span> }"
></span>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
</div> </div>
<div class="resultListSearchInput-father" style="background: unset"> <div class="resultListSearchInput-father" style="background: unset">
<div class="resultListSearchInput-son"> <div class="resultListSearchInput-son">
模糊搜索 模糊搜索
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large" <a-input-search
@search="getAppResources" @change="onSearch" class="resultListSearchInput" /> v-model:value="searchValue"
placeholder="请输入关键词"
enter-button="搜索"
size="large"
@search="getAppResources"
@change="onSearch"
class="resultListSearchInput"
/>
<button class="button-reset" @click="chongzhi()">重置</button> <button class="button-reset" @click="chongzhi()">重置</button>
</div> </div>
</div> </div>
<KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase> <KnowledgeBase
:resourceList="resourceList"
:resourceTotal="resourceTotal"
></KnowledgeBase>
</div> </div>
</div> </div>
<home-footer></home-footer> <home-footer></home-footer>
@ -784,7 +1078,7 @@ export default defineComponent({
if (obj) { if (obj) {
val.selectedTags = [obj.attrValue] || [] val.selectedTags = [obj.attrValue] || []
} }
console.log('val---eeee--------->', val); console.log('val---eeee--------->', val)
} }
}) })
ListContentCopy.value = [] ListContentCopy.value = []
@ -798,11 +1092,11 @@ export default defineComponent({
} else { } else {
queryName.value = '' queryName.value = ''
} }
console.log('selectSubType------------>', selectSubType); console.log('selectSubType------------>', selectSubType)
console.log('ListContent.records------------>', ListContent.records); console.log('ListContent.records------------>', ListContent.records)
ListContent.records.forEach((val) => { ListContent.records.forEach((val) => {
console.log('val-----ddd------->', val); console.log('val-----ddd------->', val)
if (!val) { if (!val) {
return return
@ -815,8 +1109,13 @@ export default defineComponent({
val.selectedTags = [selectSubType] val.selectedTags = [selectSubType]
changeShrink(queryName.value) changeShrink(queryName.value)
} else { } else {
console.log('val.selectedTags---123--------->', val.selectedTags); console.log(
let _index = val.selectedTags.findIndex(v => v == selectSubType) 'val.selectedTags---123--------->',
val.selectedTags
)
let _index = val.selectedTags.findIndex(
(v) => v == selectSubType
)
val.selectedTags.splice(_index, 1, selectSubType) val.selectedTags.splice(_index, 1, selectSubType)
// changeShrink(queryName.value) // changeShrink(queryName.value)
// val.selectedTags && // val.selectedTags &&
@ -1368,7 +1667,10 @@ export default defineComponent({
// -- // --
const judgeHasSubSelectType = () => { const judgeHasSubSelectType = () => {
if (selectSubType) { if (selectSubType) {
console.log('paramsGetResources.infoList--judgeHasSubSelectType---------->', paramsGetResources.infoList); console.log(
'paramsGetResources.infoList--judgeHasSubSelectType---------->',
paramsGetResources.infoList
)
paramsGetResources.infoList = [] paramsGetResources.infoList = []
if (select == '组件服务') { if (select == '组件服务') {
queryName.value = '组件类型' queryName.value = '组件类型'
@ -1405,6 +1707,11 @@ export default defineComponent({
listKey.value++ listKey.value++
} }
} }
//
if (str && !router.currentRoute.value.query.select) {
globalSearch()
}
}) })
// //
const applyAll = () => { const applyAll = () => {
@ -1717,7 +2024,8 @@ export default defineComponent({
display: flex; display: flex;
align-items: center; align-items: center;
.tupian {} .tupian {
}
.title { .title {
margin-left: 0.1rem; margin-left: 0.1rem;
@ -1761,7 +2069,8 @@ export default defineComponent({
display: flex; display: flex;
align-items: center; align-items: center;
.tupian {} .tupian {
}
.title { .title {
margin-left: 0.1rem; margin-left: 0.1rem;
@ -1819,7 +2128,8 @@ export default defineComponent({
align-items: center; align-items: center;
margin-left: 0.2rem; margin-left: 0.2rem;
.tupian {} .tupian {
}
.title { .title {
margin-left: 0.1rem; margin-left: 0.1rem;