BUG修改
This commit is contained in:
a0049873
parent
c0d59fdd24
commit
ed5576a604
|
|
@ -10,57 +10,100 @@
|
|||
</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 class="top-content" v-if="Cardsname == '组件服务'">
|
||||
<span class="top-content-title">共享条件</span>
|
||||
<div class="leixingsumfather">
|
||||
<div class="leixingsum">
|
||||
<a-checkable-tag :checked="tagFlag == '申请'" @change="() => chagneTag('申请')">
|
||||
<a-checkable-tag
|
||||
:checked="tagFlag == '申请'"
|
||||
@change="() => chagneTag('申请')"
|
||||
>
|
||||
申请
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
|
|
@ -69,7 +112,7 @@
|
|||
:checked="tagFlag == '免批申请'"
|
||||
@change="() => chagneTag('免批申请')"
|
||||
>
|
||||
免批申请
|
||||
免批
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -77,25 +120,49 @@
|
|||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname" />
|
||||
<searchResultList
|
||||
v-show="resourceList.data && resourceList.data.length > 0"
|
||||
:key="listKey2"
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
:select-cardsname="Cardsname"
|
||||
/>
|
||||
<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>
|
||||
|
|
@ -105,24 +172,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 class="talk-monitor" @click="openMonitor">
|
||||
<a-tooltip>
|
||||
|
|
@ -132,18 +216,28 @@
|
|||
</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">
|
||||
<detailsPageconetentTree />
|
||||
</div>
|
||||
<div class="top" v-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}) `,
|
||||
}"></span>
|
||||
}"
|
||||
></span>
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -151,46 +245,82 @@
|
|||
<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 class="top-content" v-if="Cardsname == '组件服务'">
|
||||
<span class="top-content-title">共享条件</span>
|
||||
<div class="leixingsumfather">
|
||||
<div class="leixingsum">
|
||||
<a-checkable-tag :checked="tagFlag == '申请'" @change="() => chagneTag('申请')">
|
||||
<a-checkable-tag
|
||||
:checked="tagFlag == '申请'"
|
||||
@change="() => chagneTag('申请')"
|
||||
>
|
||||
申请
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
|
|
@ -208,37 +338,71 @@
|
|||
</template>
|
||||
</div>
|
||||
<!-- 中心内容 -->
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname" />
|
||||
<searchResultList
|
||||
v-show="resourceList.data && resourceList.data.length > 0"
|
||||
:key="listKey2"
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
:select-cardsname="Cardsname"
|
||||
/>
|
||||
<!-- 分页 -->
|
||||
<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: 200px">
|
||||
<div
|
||||
v-if="resourceList.data && resourceList.data.length <= 0"
|
||||
style="margin-top: 200px"
|
||||
>
|
||||
<a-empty />
|
||||
</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}) `,
|
||||
}"></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>
|
||||
|
|
@ -248,64 +412,113 @@
|
|||
</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">
|
||||
<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 class="top-content" v-if="Cardsname == '组件服务'">
|
||||
<span class="top-content-title">共享条件</span>
|
||||
<div class="leixingsumfather">
|
||||
<div class="leixingsum">
|
||||
<a-checkable-tag :checked="tagFlag == '申请'" @change="() => chagneTag('申请')">
|
||||
<a-checkable-tag
|
||||
:checked="tagFlag == '申请'"
|
||||
@change="() => chagneTag('申请')"
|
||||
>
|
||||
申请
|
||||
</a-checkable-tag>
|
||||
</div>
|
||||
|
|
@ -322,18 +535,35 @@
|
|||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<searchResultList v-show="resourceList.data && resourceList.data.length" :key="listKey2"
|
||||
:resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname" />
|
||||
<searchResultList
|
||||
v-show="resourceList.data && resourceList.data.length"
|
||||
:key="listKey2"
|
||||
:resourceList="resourceList"
|
||||
:resourceTotal="resourceTotal"
|
||||
:select-cardsname="Cardsname"
|
||||
/>
|
||||
<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>
|
||||
|
|
@ -349,18 +579,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>
|
||||
|
|
@ -368,24 +608,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 class="talk-monitor" @click="openMonitor">
|
||||
<a-tooltip>
|
||||
|
|
@ -397,41 +654,35 @@
|
|||
<home-footer></home-footer>
|
||||
</template>
|
||||
<script>
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
import {
|
||||
defineComponent,
|
||||
reactive,
|
||||
ref,
|
||||
toRefs,
|
||||
onMounted,
|
||||
watch,
|
||||
} from 'vue'
|
||||
import {
|
||||
UpOutlined,
|
||||
DownOutlined,
|
||||
} from '@ant-design/icons-vue'
|
||||
import {
|
||||
import HomeFooter from '@/views/newHome/components/Footer'
|
||||
import mybus from '@/myplugins/mybus'
|
||||
import { defineComponent, reactive, ref, toRefs, onMounted, watch } from 'vue'
|
||||
import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
|
||||
import {
|
||||
selectDicStoreAll,
|
||||
pageWithAttrs,
|
||||
getDataResource,
|
||||
getIntegrationServicesList,
|
||||
} from '@/api/home.js'
|
||||
import { getSgcList } from '@/api/personalCenter'
|
||||
import { useRouter } from 'vue-router'
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import detailsPageconetentTree from '@/views/home/detailsPageconetentTree.vue'
|
||||
import searchResultList from '@/views/home/components/searchResultList.vue'
|
||||
import KnowledgeBase from '@/views/home/components/KnowledgeBase.vue'
|
||||
// 数据资源引用
|
||||
import DetailsPageResource from '@/views/home/components/DetailsPageResource.vue'
|
||||
// 基础设施引用
|
||||
import infrastructurePage from '@/views/home/infrastructurePage.vue'
|
||||
import detailsPageInfrastructureTree from '@/views/home/detailsPageInfrastructureTree.vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import { titleNameArray, keyongziyuanqingkaungArray, shujuziyuanqingkuangArray } from './constantData/showData.js'
|
||||
} from '@/api/home.js'
|
||||
import { getSgcList } from '@/api/personalCenter'
|
||||
import { useRouter } from 'vue-router'
|
||||
import HomeHeader from '@/views/home/components/header'
|
||||
import detailsPageconetentTree from '@/views/home/detailsPageconetentTree.vue'
|
||||
import searchResultList from '@/views/home/components/searchResultList.vue'
|
||||
import KnowledgeBase from '@/views/home/components/KnowledgeBase.vue'
|
||||
// 数据资源引用
|
||||
import DetailsPageResource from '@/views/home/components/DetailsPageResource.vue'
|
||||
// 基础设施引用
|
||||
import infrastructurePage from '@/views/home/infrastructurePage.vue'
|
||||
import detailsPageInfrastructureTree from '@/views/home/detailsPageInfrastructureTree.vue'
|
||||
import { message } from 'ant-design-vue'
|
||||
import {
|
||||
titleNameArray,
|
||||
keyongziyuanqingkaungArray,
|
||||
shujuziyuanqingkuangArray,
|
||||
} from './constantData/showData.js'
|
||||
|
||||
export default defineComponent({
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const titleName = ref(titleNameArray)
|
||||
|
||||
|
|
@ -738,8 +989,7 @@ export default defineComponent({
|
|||
loading.value = false
|
||||
}
|
||||
})
|
||||
}
|
||||
else if (paramsGetResources.type !== '数据资源') {
|
||||
} else if (paramsGetResources.type !== '数据资源') {
|
||||
if (switchIndex != '分页查询') {
|
||||
paramsGetResources.pageNum = 1
|
||||
}
|
||||
|
|
@ -833,7 +1083,7 @@ export default defineComponent({
|
|||
}
|
||||
|
||||
onMounted(() => {
|
||||
listKey2.value++;
|
||||
listKey2.value++
|
||||
|
||||
// 获取筛选条件
|
||||
getNewList()
|
||||
|
|
@ -964,10 +1214,10 @@ export default defineComponent({
|
|||
mybus.off('changePage')
|
||||
mybus.off('changeInfo')
|
||||
},
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.resultListSearchInput-father {
|
||||
.resultListSearchInput-father {
|
||||
background: #f3f5f9;
|
||||
padding: 0.2rem;
|
||||
|
||||
|
|
@ -984,9 +1234,9 @@ export default defineComponent({
|
|||
margin-top: 0.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.resultListSearchInput {
|
||||
.resultListSearchInput {
|
||||
margin-left: 0.1rem;
|
||||
|
||||
:deep(.ant-input) {
|
||||
|
|
@ -1011,9 +1261,9 @@ export default defineComponent({
|
|||
:deep(.ant-input-group-addon) {
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-reset {
|
||||
.button-reset {
|
||||
border: 0;
|
||||
outline: none;
|
||||
width: 0.8rem;
|
||||
|
|
@ -1026,9 +1276,9 @@ export default defineComponent({
|
|||
line-height: 0.34rem;
|
||||
margin-left: 2.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.details-pageconetent {
|
||||
.details-pageconetent {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
@ -1083,7 +1333,8 @@ export default defineComponent({
|
|||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tupian {}
|
||||
.tupian {
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: 0.1rem;
|
||||
|
|
@ -1116,7 +1367,7 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
.yunziyuan>div {
|
||||
.yunziyuan > div {
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
|
|
@ -1127,7 +1378,8 @@ export default defineComponent({
|
|||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.tupian {}
|
||||
.tupian {
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: 0.1rem;
|
||||
|
|
@ -1151,12 +1403,12 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
.shipin>div {
|
||||
.shipin > div {
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.jichusheshi>div {
|
||||
.jichusheshi > div {
|
||||
padding-top: 0.1rem;
|
||||
border-radius: 0.04rem;
|
||||
margin-bottom: 0.2rem;
|
||||
|
|
@ -1185,7 +1437,8 @@ export default defineComponent({
|
|||
align-items: center;
|
||||
margin-left: 0.2rem;
|
||||
|
||||
.tupian {}
|
||||
.tupian {
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-left: 0.1rem;
|
||||
|
|
@ -1218,12 +1471,12 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
|
||||
.yunziyuan>div {
|
||||
.yunziyuan > div {
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.shujuziyuan>div {
|
||||
.shujuziyuan > div {
|
||||
background: #eaf4ff;
|
||||
padding-top: 0.1rem;
|
||||
border-radius: 0.04rem;
|
||||
|
|
@ -1355,9 +1608,9 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shrinkTag {
|
||||
.shrinkTag {
|
||||
width: 0.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -1367,14 +1620,14 @@ export default defineComponent({
|
|||
span {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shrink {
|
||||
.shrink {
|
||||
height: unset !important;
|
||||
overflow: unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
.talk-monitor {
|
||||
.talk-monitor {
|
||||
position: fixed;
|
||||
bottom: 0.5rem;
|
||||
right: 0.1rem;
|
||||
|
|
@ -1388,9 +1641,9 @@ export default defineComponent({
|
|||
background: url('~@/assets/home/icon-talk.png');
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top-content-father {
|
||||
.top-content-father {
|
||||
width: 10.87rem;
|
||||
padding-left: 0.2rem;
|
||||
|
||||
|
|
@ -1477,12 +1730,12 @@ export default defineComponent({
|
|||
.top-content:nth-child(1) {
|
||||
margin-top: 0.41rem !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.ant-card-grid) {
|
||||
:deep(.ant-card-grid) {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -220,7 +220,7 @@
|
|||
<div>
|
||||
<img src="../../assets/home/success.png" alt="" />
|
||||
</div>
|
||||
<p>您已成功申请能力,请耐心等待审批结果，结果会第一时间通知您！</p>
|
||||
<p>您已成功申请能力，请耐心等待审批结果，结果会第一时间通知您！</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
|
@ -452,8 +452,22 @@
|
|||
sgcDel({ ids: ids }).then((res) => {
|
||||
if (res.data.msg === 'success') {
|
||||
mybus.emit('getSgcNum')
|
||||
|
||||
router.push({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
select: '组件服务',
|
||||
},
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
router.push({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
select: '组件服务',
|
||||
},
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue