门户如果未选中类型进行全局搜索
This commit is contained in:
a0049873
parent
ece77758fe
commit
383289ea94
|
|
@ -12,25 +12,48 @@
|
|||
<div class="resultListSearchInput-father">
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources2" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
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" style="margin-left: 0.1rem" @click="globalSearch()">
|
||||
<button
|
||||
class="button-reset"
|
||||
style="margin-left: 0.1rem"
|
||||
@click="globalSearch()"
|
||||
>
|
||||
全局搜索
|
||||
</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>
|
||||
<div class="hengxian" style="background: transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span v-if="globalData.data.length > 0">
|
||||
{{
|
||||
item.name +
|
||||
|
|
@ -46,45 +69,89 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="top-content-father" :key="listKey">
|
||||
<template v-if="
|
||||
<template
|
||||
v-if="
|
||||
Cardsname == '组件服务' ||
|
||||
Cardsname == '应用资源' ||
|
||||
Cardsname == ''
|
||||
">
|
||||
"
|
||||
>
|
||||
<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">
|
||||
{{ item.name }}
|
||||
</span>
|
||||
<div class="leixingsumfather" :class="!item.shrinkFlag ? 'shrink' : ''">
|
||||
<div v-for="(item2, index2) in item.typeList" :key="index2" class="leixingsum">
|
||||
<a-checkable-tag :checked="
|
||||
<div
|
||||
class="leixingsumfather"
|
||||
:class="!item.shrinkFlag ? 'shrink' : ''"
|
||||
>
|
||||
<div
|
||||
v-for="(item2, index2) in item.typeList"
|
||||
:key="index2"
|
||||
class="leixingsum"
|
||||
>
|
||||
<a-checkable-tag
|
||||
:checked="
|
||||
item.selectedTags &&
|
||||
item.selectedTags.indexOf(item2.dict_label) !== -1
|
||||
" @change="
|
||||
"
|
||||
@change="
|
||||
(checked) => handleChange(item2, checked, item.name)
|
||||
">
|
||||
"
|
||||
>
|
||||
{{ item2.dict_label }}
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shrinkTag" 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
|
||||
class="shrinkTag"
|
||||
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>
|
||||
</template>
|
||||
</div>
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :resourceList="resourceList"
|
||||
:key="listKey2" :resourceTotal="resourceTotal" :select-cardsname="Cardsname"
|
||||
@saveSearchCodition="saveSearchCodition" ref="searchResultListDom" />
|
||||
<searchResultList
|
||||
v-show="resourceList.data && resourceList.data.length > 0"
|
||||
:resourceList="resourceList"
|
||||
:key="listKey2"
|
||||
:resourceTotal="resourceTotal"
|
||||
:select-cardsname="Cardsname"
|
||||
@saveSearchCodition="saveSearchCodition"
|
||||
ref="searchResultListDom"
|
||||
/>
|
||||
<div class="pagination">
|
||||
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" 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" />
|
||||
<a-pagination
|
||||
v-if="resourceList.data && resourceList.data.length > 0"
|
||||
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 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 />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -92,22 +159,40 @@
|
|||
<div class="resultListSearchInput-father">
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources2" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
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" style="margin-left: 0.1rem" @click="globalSearch()">
|
||||
<button
|
||||
class="button-reset"
|
||||
style="margin-left: 0.1rem"
|
||||
@click="globalSearch()"
|
||||
>
|
||||
全局搜索
|
||||
</button>
|
||||
<div class="hengxian" style="background: transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span v-if="globalData.data.length > 0">
|
||||
{{
|
||||
item.name +
|
||||
|
|
@ -123,29 +208,51 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="top-content-father">
|
||||
<infrastructurePage ref="camera" @add="handleAdd" :searchValue="searchValue" />
|
||||
<infrastructurePage
|
||||
ref="camera"
|
||||
@add="handleAdd"
|
||||
:searchValue="searchValue"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top" v-else>
|
||||
<div class="resultListSearchInput-father">
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources2" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
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" style="margin-left: 0.1rem" @click="globalSearch()">
|
||||
<button
|
||||
class="button-reset"
|
||||
style="margin-left: 0.1rem"
|
||||
@click="globalSearch()"
|
||||
>
|
||||
全局搜索
|
||||
</button>
|
||||
<div class="hengxian" style="background: transparent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span v-if="globalData.data.length > 0">
|
||||
{{
|
||||
item.name +
|
||||
|
|
@ -160,7 +267,10 @@
|
|||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase>
|
||||
<KnowledgeBase
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
></KnowledgeBase>
|
||||
</div>
|
||||
<div class="talk-monitor" @click="openMonitor">
|
||||
<a-tooltip>
|
||||
|
|
@ -172,14 +282,21 @@
|
|||
<p></p>
|
||||
<p>能力广场</p>
|
||||
<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 }}
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
<div class="details-pageconetent-left" v-if="Cardsname != '基础设施'">
|
||||
<detailsPageconetentTree />
|
||||
|
|
@ -189,102 +306,188 @@
|
|||
</div>
|
||||
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '基础设施'">
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="resultListSearchInput-father">
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
v-model:value="searchValue"
|
||||
placeholder="请输入关键词"
|
||||
enter-button="搜索"
|
||||
size="large"
|
||||
@search="getAppResources"
|
||||
@change="onSearch"
|
||||
class="resultListSearchInput"
|
||||
/>
|
||||
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||
<div class="hengxian"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-content-father" :key="listKey">
|
||||
<template v-if="
|
||||
<template
|
||||
v-if="
|
||||
Cardsname == '组件服务' ||
|
||||
Cardsname == '应用资源' ||
|
||||
Cardsname == ''
|
||||
">
|
||||
"
|
||||
>
|
||||
<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">
|
||||
{{ item.name }}
|
||||
</span>
|
||||
<div class="leixingsumfather" :class="!item.shrinkFlag ? 'shrink' : ''">
|
||||
<div v-for="(item2, index2) in item.typeList" :key="index2" class="leixingsum">
|
||||
<a-checkable-tag :checked="
|
||||
<div
|
||||
class="leixingsumfather"
|
||||
:class="!item.shrinkFlag ? 'shrink' : ''"
|
||||
>
|
||||
<div
|
||||
v-for="(item2, index2) in item.typeList"
|
||||
:key="index2"
|
||||
class="leixingsum"
|
||||
>
|
||||
<a-checkable-tag
|
||||
:checked="
|
||||
item.selectedTags &&
|
||||
item.selectedTags.indexOf(item2.dict_label) !== -1
|
||||
" @change="
|
||||
"
|
||||
@change="
|
||||
(checked) => handleChange(item2, checked, item.name)
|
||||
">
|
||||
"
|
||||
>
|
||||
{{ item2.dict_label }}
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shrinkTag" 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
|
||||
class="shrinkTag"
|
||||
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>
|
||||
</template>
|
||||
</div>
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname"
|
||||
@saveSearchCodition="saveSearchCodition" ref="searchResultListDom" />
|
||||
<searchResultList
|
||||
v-show="resourceList.data && resourceList.data.length > 0"
|
||||
:key="listKey2"
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
:select-cardsname="Cardsname"
|
||||
@saveSearchCodition="saveSearchCodition"
|
||||
ref="searchResultListDom"
|
||||
/>
|
||||
<div class="pagination">
|
||||
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" 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" />
|
||||
<a-pagination
|
||||
v-if="resourceList.data && resourceList.data.length > 0"
|
||||
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 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 />
|
||||
</div>
|
||||
</div>
|
||||
<div class="top" v-else-if="Cardsname === '基础设施'">
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-content-father">
|
||||
<infrastructurePage ref="camera" :searchValue="searchValue" :searchType="searchType" />
|
||||
<infrastructurePage
|
||||
ref="camera"
|
||||
:searchValue="searchValue"
|
||||
:searchType="searchType"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top" v-else>
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="resultListSearchInput-father" style="background: unset">
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
v-model:value="searchValue"
|
||||
placeholder="请输入关键词"
|
||||
enter-button="搜索"
|
||||
size="large"
|
||||
@search="getAppResources"
|
||||
@change="onSearch"
|
||||
class="resultListSearchInput"
|
||||
/>
|
||||
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
<KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase>
|
||||
<KnowledgeBase
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
></KnowledgeBase>
|
||||
</div>
|
||||
<div class="talk-monitor" @click="openMonitor">
|
||||
<a-tooltip>
|
||||
|
|
@ -294,76 +497,140 @@
|
|||
</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>
|
||||
<div class="details-pageconetent-left">
|
||||
<detailsPageconetentTree />
|
||||
</div>
|
||||
<div class="top" v-if="Cardsname != '知识库' && Cardsname != '数据资源'">
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="Cardsname !== '数据资源'" class="resultListSearchInput-father">
|
||||
<div
|
||||
v-show="Cardsname !== '数据资源'"
|
||||
class="resultListSearchInput-father"
|
||||
>
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
v-model:value="searchValue"
|
||||
placeholder="请输入关键词"
|
||||
enter-button="搜索"
|
||||
size="large"
|
||||
@search="getAppResources"
|
||||
@change="onSearch"
|
||||
class="resultListSearchInput"
|
||||
/>
|
||||
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||
<div class="hengxian"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-content-father" :key="listKey">
|
||||
<!-- todo -->
|
||||
<template v-if="
|
||||
<template
|
||||
v-if="
|
||||
Cardsname == '组件服务' ||
|
||||
Cardsname == '应用资源' ||
|
||||
Cardsname == ''
|
||||
">
|
||||
"
|
||||
>
|
||||
<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">
|
||||
{{ item.name }}
|
||||
</span>
|
||||
<div class="leixingsumfather" :class="!item.shrinkFlag ? 'shrink' : ''">
|
||||
<div v-for="(item2, index2) in item.typeList" :key="index2" class="leixingsum">
|
||||
<a-checkable-tag :checked="
|
||||
<div
|
||||
class="leixingsumfather"
|
||||
:class="!item.shrinkFlag ? 'shrink' : ''"
|
||||
>
|
||||
<div
|
||||
v-for="(item2, index2) in item.typeList"
|
||||
:key="index2"
|
||||
class="leixingsum"
|
||||
>
|
||||
<a-checkable-tag
|
||||
:checked="
|
||||
item.selectedTags &&
|
||||
item.selectedTags.indexOf(item2.dict_label) !== -1
|
||||
" @change="
|
||||
"
|
||||
@change="
|
||||
(checked) => handleChange(item2, checked, item.name)
|
||||
">
|
||||
"
|
||||
>
|
||||
{{ item2.dict_label }}
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shrinkTag" 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
|
||||
class="shrinkTag"
|
||||
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>
|
||||
</template>
|
||||
</div>
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname"
|
||||
@saveSearchCodition="saveSearchCodition" ref="searchResultListDom" />
|
||||
<searchResultList
|
||||
v-show="resourceList.data && resourceList.data.length"
|
||||
:key="listKey2"
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
:select-cardsname="Cardsname"
|
||||
@saveSearchCodition="saveSearchCodition"
|
||||
ref="searchResultListDom"
|
||||
/>
|
||||
<div class="pagination">
|
||||
<a-pagination v-if="resourceList.data && resourceList.data.length > 0" 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" />
|
||||
<a-pagination
|
||||
v-if="resourceList.data && resourceList.data.length > 0"
|
||||
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 class="shujuziyuan" v-if="Cardsname == '数据资源'">
|
||||
<div class="yunziyuan">
|
||||
<div class="yunziyuan-title">
|
||||
<div class="tupian"></div>
|
||||
<div class="title" @click="dianjitiaozhaun('青岛市政务资源管理平台')">
|
||||
<div
|
||||
class="title"
|
||||
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
|
||||
>
|
||||
青岛市政务资源管理平台{{ dataShowdev }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -379,18 +646,28 @@
|
|||
</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 == '数据资源')" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="top" v-else-if="Cardsname == '数据资源'">
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -398,24 +675,41 @@
|
|||
</div>
|
||||
<div class="top" v-else>
|
||||
<div class="top-title">
|
||||
<div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)">
|
||||
<span class="photo" :style="{
|
||||
<div
|
||||
v-for="item in titleName"
|
||||
:key="item.name"
|
||||
:class="item.name === Cardsname ? 'sel' : ''"
|
||||
@click="changeCards(item.name)"
|
||||
>
|
||||
<span
|
||||
class="photo"
|
||||
:style="{
|
||||
backgroundImage: `url(${item.photo}) `,
|
||||
backgroundSize: 'cover',
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="resultListSearchInput-father" style="background: unset">
|
||||
<div class="resultListSearchInput-son">
|
||||
模糊搜索
|
||||
<a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
|
||||
@search="getAppResources" @change="onSearch" class="resultListSearchInput" />
|
||||
<a-input-search
|
||||
v-model:value="searchValue"
|
||||
placeholder="请输入关键词"
|
||||
enter-button="搜索"
|
||||
size="large"
|
||||
@search="getAppResources"
|
||||
@change="onSearch"
|
||||
class="resultListSearchInput"
|
||||
/>
|
||||
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
<KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase>
|
||||
<KnowledgeBase
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
></KnowledgeBase>
|
||||
</div>
|
||||
</div>
|
||||
<home-footer></home-footer>
|
||||
|
|
@ -784,7 +1078,7 @@ export default defineComponent({
|
|||
if (obj) {
|
||||
val.selectedTags = [obj.attrValue] || []
|
||||
}
|
||||
console.log('val---eeee--------->', val);
|
||||
console.log('val---eeee--------->', val)
|
||||
}
|
||||
})
|
||||
ListContentCopy.value = []
|
||||
|
|
@ -798,11 +1092,11 @@ export default defineComponent({
|
|||
} else {
|
||||
queryName.value = ''
|
||||
}
|
||||
console.log('selectSubType------------>', selectSubType);
|
||||
console.log('ListContent.records------------>', ListContent.records);
|
||||
console.log('selectSubType------------>', selectSubType)
|
||||
console.log('ListContent.records------------>', ListContent.records)
|
||||
|
||||
ListContent.records.forEach((val) => {
|
||||
console.log('val-----ddd------->', val);
|
||||
console.log('val-----ddd------->', val)
|
||||
|
||||
if (!val) {
|
||||
return
|
||||
|
|
@ -815,8 +1109,13 @@ export default defineComponent({
|
|||
val.selectedTags = [selectSubType]
|
||||
changeShrink(queryName.value)
|
||||
} else {
|
||||
console.log('val.selectedTags---123--------->', val.selectedTags);
|
||||
let _index = val.selectedTags.findIndex(v => v == selectSubType)
|
||||
console.log(
|
||||
'val.selectedTags---123--------->',
|
||||
val.selectedTags
|
||||
)
|
||||
let _index = val.selectedTags.findIndex(
|
||||
(v) => v == selectSubType
|
||||
)
|
||||
val.selectedTags.splice(_index, 1, selectSubType)
|
||||
// changeShrink(queryName.value)
|
||||
// val.selectedTags &&
|
||||
|
|
@ -1368,7 +1667,10 @@ export default defineComponent({
|
|||
// 判断是否存在二级类型（首页-能力分类-图层服务）查询条件
|
||||
const judgeHasSubSelectType = () => {
|
||||
if (selectSubType) {
|
||||
console.log('paramsGetResources.infoList--judgeHasSubSelectType---------->', paramsGetResources.infoList);
|
||||
console.log(
|
||||
'paramsGetResources.infoList--judgeHasSubSelectType---------->',
|
||||
paramsGetResources.infoList
|
||||
)
|
||||
paramsGetResources.infoList = []
|
||||
if (select == '组件服务') {
|
||||
queryName.value = '组件类型'
|
||||
|
|
@ -1405,6 +1707,11 @@ export default defineComponent({
|
|||
listKey.value++
|
||||
}
|
||||
}
|
||||
|
||||
// 如果有搜索条件但是没有类型 全局搜索
|
||||
if (str && !router.currentRoute.value.query.select) {
|
||||
globalSearch()
|
||||
}
|
||||
})
|
||||
// 全部申请
|
||||
const applyAll = () => {
|
||||
|
|
@ -1717,7 +2024,8 @@ export default defineComponent({
|
|||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tupian {}
|
||||
.tupian {
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: 0.1rem;
|
||||
|
|
@ -1761,7 +2069,8 @@ export default defineComponent({
|
|||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tupian {}
|
||||
.tupian {
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: 0.1rem;
|
||||
|
|
@ -1819,7 +2128,8 @@ export default defineComponent({
|
|||
align-items: center;
|
||||
margin-left: 0.2rem;
|
||||
|
||||
.tupian {}
|
||||
.tupian {
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: 0.1rem;
|
||||
|
|
|
|||
Loading…
Reference in New Issue