门户如果未选中类型进行全局搜索
This commit is contained in:
parent
ece77758fe
commit
383289ea94
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue